:root{--base:#F6FAFC;--surface:#fff;--pale:#EAF6FA;--subtle:#EDF4F8;--cyan:#25C8D1;--sky:#25B6E8;--blue:#1787DB;--navy:#174B78;--title:#183A56;--body:#31485D;--muted:#687D8E;--border:#DCE9F0;--footer:#123653;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:34px}body{margin:0;color:var(--body);background:var(--base);font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}body.drawer-open{overflow:hidden}a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--blue)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button{font:inherit;cursor:pointer}.container{max-width:var(--max);padding-inline:28px;margin-inline:auto}.skip-link{position:absolute;left:10px;top:-70px;z-index:120;background:white;padding:10px}.skip-link:focus{top:10px}.site-header{background:white;border-bottom:1px solid var(--border)}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;text-decoration:none;min-width:0}.brand img{display:block;width:auto;height:auto;max-height:38px;max-width:240px;object-fit:contain}.brand-fallback{color:var(--navy);font-size:24px;font-weight:800;line-height:1.1}.brand-fallback small{display:block;color:var(--blue);font-size:10px;letter-spacing:.14em}.tagline{font-size:13px;letter-spacing:.12em;color:var(--muted)}.entry-button,.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;padding:9px 20px;border-radius:8px;color:white;background:var(--navy);font-size:14px;font-weight:700;text-decoration:none;min-height:42px}.entry-button:hover,.button-primary:hover{background:var(--blue);color:white}.desktop-nav{background:var(--navy)}.nav-inner{display:flex;align-items:stretch;gap:0;justify-content:space-between;min-height:48px}.nav-inner a{display:flex;align-items:center;padding:10px 15px;white-space:nowrap;text-decoration:none;color:#EAF7FF;font-size:14px;border-bottom:3px solid transparent}.nav-inner a:hover,.nav-inner a[aria-current]{color:white;background:#245c87;border-bottom-color:var(--cyan)}.menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--border);background:white;border-radius:8px;align-items:center;justify-content:center;flex-direction:column;gap:4px;flex-shrink:0}.menu-toggle span{width:19px;height:2px;background:var(--navy)}.drawer-overlay{visibility:hidden;pointer-events:none;position:fixed;inset:0;background:#071c2d99;z-index:90;opacity:0;transition:opacity .2s,visibility .2s}.site-drawer{position:fixed;top:0;left:0;bottom:0;width:min(86vw,344px);background:white;z-index:91;transform:translateX(-101%);transition:transform .22s;overflow-y:auto;visibility:hidden}.drawer-open .drawer-overlay{visibility:visible;pointer-events:auto;opacity:1}.drawer-open .site-drawer{transform:none;visibility:visible}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:18px 22px;color:var(--navy)}.drawer-close{border:0;background:var(--pale);font-size:29px;line-height:1;width:42px;height:42px;border-radius:8px}.drawer-group{padding:14px 22px;border-bottom:1px solid var(--border)}.drawer-group span{display:block;color:var(--muted);font-size:12px;letter-spacing:.06em}.drawer-group a{display:block;text-decoration:none;padding:10px 0;font-size:16px}.main-content{min-height:55vh}.main-content>.container:last-child{padding-bottom:72px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#087b96}.section-space{margin-top:56px}.section-heading{margin-bottom:22px}.section-heading h2{margin:7px 0 0}.section-heading p{max-width:700px;margin:9px 0 0}.hero{display:grid;grid-template-columns:minmax(0,56fr) minmax(0,44fr);gap:40px;align-items:center;margin-top:36px;background:white;border:1px solid var(--border);border-radius:20px;padding:42px}.hero h1{font-size:clamp(31px,3.4vw,42px);line-height:1.35;color:var(--title);margin:13px 0 20px;letter-spacing:-.025em}.hero p{margin:0 0 13px}.hero-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px;align-items:center}.button-text{font-weight:700}.media{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;overflow:hidden;border-radius:14px;background:var(--pale)}.media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.media--hero{height:clamp(250px,26vw,330px)}.media--feature{height:250px}.media--card{height:170px}.media--banner{height:220px}.media--mobile{height:350px;max-width:320px}.media--portrait{max-width:340px;margin-inline:auto}.media--wide{height:auto;min-height:100px}.media--wide img{max-height:220px}.media--empty{position:relative}.placeholder-mark{width:30%;height:32%;border:1px solid #cde6ee;border-radius:12px;transform:rotate(-7deg)}.topic-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.topic-bar div{background:var(--pale);padding:14px 18px;border-radius:10px}.topic-bar strong{font-size:13px;color:var(--navy);margin-right:9px}.topic-bar a{font-size:13px;margin-right:10px}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.topic-card{background:white;border:1px solid var(--border);border-radius:12px;padding:20px;min-width:0;text-decoration:none;transition:transform .2s,border-color .2s}.topic-card:hover{transform:translateY(-2px);border-color:var(--cyan)}.topic-card strong{display:block;color:var(--title);font-size:18px}.topic-card p{color:var(--muted);font-size:14px;line-height:1.65;margin:9px 0 0}.editor-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.editor-primary,.editor-secondary article,.soft-panel,.panel{background:white;border:1px solid var(--border);border-radius:14px;padding:26px}.editor-primary h3,.editor-secondary h3{margin:5px 0 11px}.editor-secondary{display:grid;gap:18px}.editor-secondary article{padding:20px}.editor-primary p,.editor-secondary p{margin:0}.split-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:34px;background:white;border:1px solid var(--border);border-radius:16px;padding:28px}.split-feature.reverse .media{order:2}.split-feature h2{margin:0 0 12px}.split-feature p{margin:0 0 12px}.split-feature a{font-weight:700}.rules-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rules-preview article{padding:24px;border-top:3px solid var(--cyan);background:white;border-radius:0 0 12px 12px}.rules-preview h3{margin:8px 0}.rules-preview p{font-size:15px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;counter-reset:steps}.steps div{background:var(--subtle);padding:18px;border-radius:10px}.steps div:before{counter-increment:steps;content:'0' counter(steps);display:block;font-weight:800;color:var(--blue)}.steps strong{display:block;color:var(--title)}.page-intro{padding:45px 0 25px;max-width:900px}.page-intro h1{font-size:clamp(27px,3.2vw,36px);line-height:1.38;margin:10px 0 15px;color:var(--title)}.intro-lead{font-size:17px;line-height:1.85;margin:0;max-width:820px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(200px,240px);justify-content:space-between;gap:45px}.article-body{min-width:0;max-width:780px}.article-body h2,.panel h2{font-size:26px;margin:36px 0 16px;line-height:1.4;color:var(--title)}.article-body h3{font-size:20px;margin:24px 0 10px;color:var(--title)}.article-body p{margin:0 0 15px}.article-body ul,.article-body ol{padding-left:23px}.article-body li{margin-bottom:8px}.side-index{align-self:start;position:sticky;top:18px;background:var(--pale);padding:20px;border-radius:12px}.side-index h2{font-size:17px;margin:0 0 9px}.side-index a{display:block;margin:5px 0}.wide-section{margin-top:34px}.wide-section h2{font-size:26px;color:var(--title)}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.info-grid article{background:white;padding:22px;border:1px solid var(--border);border-radius:12px}.info-grid h3{margin:0 0 12px}.mini-index{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 26px}.mini-index a{border:1px solid var(--border);padding:7px 14px;background:white;border-radius:8px;text-decoration:none;font-size:14px}.table-scroll{max-width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--border);margin:18px 0 26px}table{border-collapse:collapse;width:100%;background:#fff;font-size:15px}th,td{padding:13px 17px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{background:var(--pale);color:var(--title);font-weight:700}tr:last-child td{border-bottom:0}.timeline{counter-reset:timeline;display:grid;gap:12px}.timeline article{position:relative;background:white;border-left:4px solid var(--cyan);padding:17px 20px;border-radius:0 9px 9px 0}.timeline strong{color:var(--title)}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery-grid figure{margin:0;background:white;border:1px solid var(--border);border-radius:13px;padding:18px;min-width:0}.gallery-grid figcaption{font-size:15px;padding-top:12px}.gallery-grid figcaption strong{display:block;color:var(--title);font-size:18px}.notice{background:var(--pale);border-left:4px solid var(--cyan);padding:17px 20px;border-radius:0 9px 9px 0;margin:22px 0}.faq details{background:white;border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:14px 18px}.faq summary{font-weight:700;color:var(--title);cursor:pointer}.faq details p{margin:10px 0 0}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-link{display:flex;justify-content:space-between;align-items:center;background:var(--pale);padding:19px;border-radius:10px;text-decoration:none;font-weight:700}.site-footer{background:var(--footer);color:#EAF7FF;padding-top:42px}.footer-content{display:flex;justify-content:space-between;gap:40px}.footer-content strong{font-size:20px}.footer-content strong small{display:block;font-size:10px;letter-spacing:.2em}.footer-content p{margin:5px 0}.footer-note{max-width:590px;font-size:13px;opacity:.85}.footer-content nav{display:flex;gap:13px 22px;align-content:start;flex-wrap:wrap;max-width:380px}.footer-content nav a{color:#EAF7FF;font-size:14px}.copyright{border-top:1px solid #ffffff23;margin-top:34px;padding-block:17px;font-size:12px;opacity:.75}.mobile-bottom{display:none}.back-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border:0;border-radius:12px;background:var(--navy);color:white;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}.back-top.is-visible{opacity:1;visibility:visible;pointer-events:auto}@media(max-width:980px){.container{padding-inline:22px}.topbar{height:64px}.menu-toggle{display:flex}.brand img{max-height:30px;max-width:170px}.brand-fallback{font-size:19px}.tagline,.desktop-nav{display:none}.entry-button{min-height:40px;padding:8px 13px}.hero{gap:20px;padding:30px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr) 210px;gap:22px}}@media(max-width:760px){.hero,.split-feature,.editor-grid,.article-layout{grid-template-columns:1fr}.hero .media{order:-1}.hero{margin-top:20px}.split-feature.reverse .media{order:0}.side-index{position:static}.topic-bar{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-preview,.info-grid,.related-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-content{flex-direction:column}.page-intro{padding-top:30px}}@media(max-width:640px){.container{padding-inline:16px}.topbar{height:62px;gap:9px}.brand img{max-height:29px;max-width:132px}.brand-fallback{font-size:17px}.brand-fallback small{font-size:8px}.entry-button{padding:7px 10px;font-size:12px;gap:5px;min-height:38px}.hero{padding:19px;gap:17px;border-radius:14px}.hero h1{font-size:29px;margin-bottom:12px}.intro-lead{font-size:15px}.page-intro h1{font-size:27px}.section-space{margin-top:34px}.section-heading h2,.article-body h2,.wide-section h2{font-size:21px}.article-body h3{font-size:18px}.media--hero{height:200px}.media--feature{height:180px}.media--card{height:145px}.media--banner{height:150px}.media--mobile{height:290px;max-width:250px}.media--wide img{max-height:150px}.topic-grid,.rules-preview,.info-grid,.related-grid,.gallery-grid{grid-template-columns:1fr}.topic-card{padding:16px}.editor-primary,.editor-secondary article,.soft-panel,.panel,.split-feature{padding:18px}.steps{gap:9px}.steps div{padding:13px}.gallery-grid figure{padding:12px}.main-content>.container:last-child{padding-bottom:88px}.mobile-bottom{display:flex;position:fixed;z-index:30;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -4px 16px #14385819;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-bottom a{flex:1;text-align:center;text-decoration:none;padding:9px 2px;color:var(--navy);font-size:13px;font-weight:700}.back-top{bottom:67px;right:12px}.footer-content{gap:18px}th,td{padding:10px 12px;font-size:14px}}@media(max-height:540px) and (max-width:640px){.mobile-bottom{position:static}.back-top{bottom:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
