:root{--bg:#F4F7FA;--white:#fff;--light:#EAF1F6;--tint:#E9F8F8;--navy:#102E46;--deep:#163C57;--teal:#13B8C5;--blue:#237BD3;--title:#18364B;--text:#344C60;--muted:#64798A;--line:#DCE6ED;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}body.drawer-open{overflow:hidden}img{max-width:100%;height:auto}a{color:#1363A5;text-underline-offset:3px}a:hover{color:#085488}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1297d2;outline-offset:3px}.shell{width:min(var(--max),calc(100% - 56px));margin-inline:auto}.site-header{background:white;position:relative;z-index:30}.brandbar{height:72px;display:flex;align-items:center;gap:17px}.brand{display:flex;align-items:center;text-decoration:none;flex:none;color:var(--navy)}.brand-fallback,.footer-wordmark{font-weight:800;font-size:21px;letter-spacing:.06em}.brand-fallback b,.footer-wordmark strong{color:var(--teal)}.brand-tagline{color:var(--muted);font-size:13px}.entry-link{margin-left:auto;padding:8px 18px;background:var(--navy);color:white;text-decoration:none;border-radius:9px;white-space:nowrap;font-weight:700;font-size:14px}.entry-link:hover{background:#215676;color:#fff}.desktop-nav{background:var(--navy)}.nav-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch}.nav-grid a{text-align:center;padding:11px 4px 12px;min-height:50px;display:flex;align-items:center;justify-content:center;color:#edf8fd;text-decoration:none;font-weight:600;position:relative;font-size:15px;white-space:nowrap}.nav-grid a:hover,.nav-grid a[aria-current]{background:#1A405B}.nav-grid a[aria-current]:after{content:"";position:absolute;bottom:0;left:31%;right:31%;height:3px;background:var(--teal)}.skip-link{position:absolute;transform:translateY(-200%);background:white;padding:8px;z-index:100}.skip-link:focus{transform:none}.menu-toggle{display:none}.mobile-drawer,.drawer-backdrop{visibility:hidden;pointer-events:none}.nojs-nav{display:none}main{min-height:55vh}.page-wrap{padding-top:34px;padding-bottom:68px}.breadcrumb{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin-bottom:25px}.breadcrumb a{color:var(--muted)}h1,h2,h3{color:var(--title);line-height:1.37;margin-top:0}h1{font-size:35px;letter-spacing:-.025em}h2{font-size:27px}h3{font-size:20px}p{margin:0 0 17px}h2+p,h3+p{margin-top:8px}.lead{font-size:17px;max-width:830px;color:#465f70}.eyebrow{display:block;color:#087f8c;font-weight:700;text-transform:uppercase;letter-spacing:.11em;font-size:12px;margin-bottom:10px}.section-heading{margin-bottom:22px}.section-heading>p{max-width:740px;color:var(--muted)}.section-gap{margin-top:62px}.page-head{background:linear-gradient(125deg,#edf5f8,#fff);border:1px solid var(--line);border-radius:14px;padding:28px 34px;margin-bottom:38px}.page-head h1{margin-bottom:16px}.page-head p{max-width:850px}.split{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.split--wide{grid-template-columns:1.15fr .85fr}.split--reverse{grid-template-columns:.85fr 1.15fr}.split>*{min-width:0}.top-feature{padding:32px 0 24px}.top-feature h1{font-size:42px;max-width:650px;margin-bottom:22px}.top-feature p{max-width:600px}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 19px;background:var(--navy);color:#fff;text-decoration:none;border-radius:10px;font-weight:700}.btn:hover{background:#1d5475;color:white}.btn--light{background:#e7f4f7;color:#17465b}.btn--light:hover{background:#d7ecf0;color:#17465b}.media-frame{display:flex;justify-content:center;align-items:center;min-width:0;max-width:100%;padding:8px;margin:0;border-radius:14px;background:var(--light);overflow:visible}.media-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--media-limit,220px);object-fit:contain;object-position:center}.media-frame--hero{--media-limit:310px}.media-frame--feature{--media-limit:250px}.media-frame--card{--media-limit:185px}.media-frame--wide{--media-limit:210px}.media-frame--rule{--media-limit:220px}.media-frame--mobile{--media-limit:350px;max-width:320px;margin:auto}.media-frame--logo{padding:0;background:none;border-radius:0;--media-limit:38px}.media-placeholder{min-height:90px;border:1px dashed #bdcbd5;color:#667f91;font-size:13px;text-align:center}.media-frame--logo.media-placeholder{min-height:0}.top-feature .media-placeholder{min-height:165px}.index-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 38px;border-top:2px solid var(--navy)}.index-item{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:22px 4px;border-bottom:1px solid var(--line);min-width:0}.index-item .number{font-size:23px;color:#0d8c98;font-weight:800}.index-item h3{margin:0 0 5px;font-size:19px}.index-item h3 a{text-decoration:none;color:var(--title)}.index-item p{font-size:15px;margin:0}.editor-grid{display:grid;grid-template-columns:2fr 1fr;gap:25px}.editor-primary{background:white;padding:28px;border-left:5px solid var(--teal)}.editor-side{display:grid;gap:15px}.editor-side article{background:var(--light);padding:22px}.editor-side article:last-child{background:var(--tint)}.editor-grid h3{margin-bottom:10px}.editor-grid p{font-size:15px}.soft-band{background:var(--light);border-radius:14px;padding:30px}.dark-band{background:var(--deep);color:#f1f8fc;border-radius:14px;padding:30px}.dark-band h2,.dark-band h3{color:white}.lesson-stagger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:start}.lesson-stagger>article{border:1px solid var(--line);background:#fff;padding:23px;border-radius:12px}.lesson-stagger>article:nth-child(2){margin-top:25px}.lesson-stagger>article:nth-child(3){margin-top:50px}.lesson-stagger p{font-size:15px}.route-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:routes}.route-steps article{border-top:3px solid var(--teal);padding:20px;background:#fff;min-width:0}.route-steps article:before{counter-increment:routes;content:"0" counter(routes);color:#087f8c;font-size:24px;font-weight:800}.route-steps h3{margin:9px 0}.route-steps p{font-size:14px}.notice{padding:16px 20px;border-left:3px solid var(--teal);background:var(--tint);font-size:15px}.prose{max-width:800px}.prose h2{margin-top:40px}.prose h3{margin-top:26px}.prose p{line-height:1.85}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:40px;align-items:start}.reading-layout>*{min-width:0}.fact-rail{background:var(--light);padding:22px;border-radius:12px}.fact-rail h2{font-size:19px}.fact-rail ul{padding-left:20px;margin:10px 0}.fact-rail li{margin-bottom:12px;font-size:14px}.anchor-nav{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 35px}.anchor-nav a{padding:7px 13px;border:1px solid #b8d6df;background:white;border-radius:7px;text-decoration:none;font-size:14px;color:#195572}.article-section{margin:48px 0;scroll-margin-top:22px}.article-section h2{margin-bottom:16px}.article-section h3{margin:23px 0 8px}.data-table{width:100%;border-collapse:collapse;text-align:left;background:#fff;font-size:15px}.data-table caption{text-align:left;color:var(--title);font-weight:700;font-size:18px;margin-bottom:12px}.data-table th,.data-table td{border:1px solid var(--line);padding:13px 15px;vertical-align:top}.data-table th{background:var(--light);color:var(--title)}.table-scroll{max-width:100%;overflow-x:auto}.table-scroll .data-table{min-width:570px}.phase-flow{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin:23px 0}.phase-flow span{background:var(--light);padding:14px 18px;border-radius:9px;flex:1;min-width:130px;font-weight:700}.phase-flow span+span:before{content:'→';color:#087f8c;margin-right:11px}.numbered-steps{counter-reset:steps;display:grid;gap:14px}.numbered-steps>article{counter-increment:steps;background:white;padding:20px 25px;border-left:4px solid #1597a2}.numbered-steps>article h3:before{content:counter(steps,decimal-leading-zero) '  ';color:#0796a2}.compare-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.compare-matrix article{border-top:4px solid var(--teal);background:white;padding:24px;min-width:0}.compare-matrix p{font-size:15px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.gallery-panel{padding:18px;background:white;border:1px solid var(--line);border-radius:12px}.gallery-panel:nth-child(even){margin-top:48px}.gallery-panel h3{margin:20px 0 9px}.gallery-panel p{font-size:15px}.wide-story{max-width:900px}.rules-layout{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:start;gap:38px}.rules-index{background:var(--light);padding:20px;border-radius:12px;position:sticky;top:15px}.rules-index a{display:block;padding:8px 0}.faq-list details{border-bottom:1px solid var(--line);padding:14px 2px}.faq-list summary{font-weight:700;color:var(--title);cursor:pointer}.faq-list details p{margin:12px 0 4px}.service-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px}.service-nav{background:var(--light);padding:19px;align-self:start}.service-nav a{display:block;padding:8px 0}.service-article section{scroll-margin-top:24px;margin-bottom:44px}.related-reading{margin-top:60px;padding:25px 30px;background:#e9f2f5;border-top:3px solid var(--teal)}.related-reading h2{font-size:22px}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{display:inline-block;padding:9px 14px;background:white;color:var(--navy);text-decoration:none;border:1px solid var(--line);border-radius:6px}.site-footer{background:#0B2539;color:#DCECF5;padding:47px 0 20px}.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:42px}.site-footer h2{color:white;font-size:17px}.footer-wordmark{display:inline-block;text-decoration:none;color:white;margin-bottom:12px}.site-footer p{font-size:14px;max-width:480px;color:#c1d5e2}.site-footer nav{display:grid;gap:9px}.site-footer a{color:#d9eef8}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #355468;margin-top:33px;padding-top:17px;font-size:13px;color:#c5dbe5}.mobile-quick{display:none}.back-top{position:fixed;right:18px;bottom:20px;opacity:0;pointer-events:none;background:var(--navy);color:white;border:0;border-radius:50%;width:44px;height:44px;z-index:12;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}.callout-quote{font-size:19px;color:var(--deep);font-weight:600;border-left:3px solid var(--teal);padding:12px 25px;margin:23px 0;background:var(--tint)}.detail-list{padding-left:23px}.detail-list li{margin-bottom:9px}.tagline{font-size:12px;letter-spacing:.12em;color:#087f8c;font-weight:800}.list-two{columns:2;column-gap:32px}.list-two li{break-inside:avoid}
@media(max-width:1200px){.shell{width:calc(100% - 44px)}.nav-grid a{font-size:14px}.section-gap{margin-top:52px}}
@media(max-width:920px){.brandbar{height:62px;justify-content:space-between;gap:10px}.brand-tagline,.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;width:40px;height:40px;border:0;background:transparent;padding:7px;flex:none}.menu-toggle span{display:block;width:23px;height:2px;background:var(--navy)}.brand{margin:auto}.media-frame--logo{--media-limit:30px}.entry-link{margin:0;padding:8px 10px;font-size:12px;min-height:38px}.mobile-drawer{display:block;position:fixed;z-index:61;top:0;bottom:0;left:0;width:min(86vw,340px);background:white;padding:20px 23px;overflow-y:auto;transform:translateX(-102%);transition:transform .22s ease;box-shadow:10px 0 35px #0b253930}.mobile-drawer.active{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-backdrop{position:fixed;inset:0;background:rgba(8,28,43,.53);z-index:60;opacity:0;transition:opacity .2s ease}.drawer-backdrop.active{opacity:1;visibility:visible;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.drawer-close{border:0;background:var(--light);border-radius:8px;width:40px;height:40px;font-size:27px;line-height:1}.drawer-group{padding:18px 0 10px;border-bottom:1px solid var(--line);display:grid;gap:5px}.drawer-group span{font-size:12px;font-weight:800;color:#087f8c}.drawer-group a{padding:8px;color:var(--title);font-weight:600;text-decoration:none}.mobile-quick{display:flex;justify-content:space-around;gap:8px;flex-wrap:wrap;padding:19px 0;border-top:1px solid var(--line)}.mobile-quick a{font-size:13px}.nojs-nav{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}.nojs-nav a{font-size:13px;margin-right:10px}}
@media(max-width:760px){.split,.split--wide,.split--reverse,.reading-layout,.rules-layout,.service-layout,.gallery-grid,.editor-grid{grid-template-columns:1fr}.split{gap:22px}.fact-rail{order:2}.page-wrap{padding-top:22px}.editor-side{grid-template-columns:1fr 1fr}.rules-index{position:static}.gallery-panel:nth-child(even){margin-top:0}.compare-matrix{grid-template-columns:1fr}.route-steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.5fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.top-feature{padding-top:15px}.top-feature .media-frame{margin-top:8px}}
@media(max-width:640px){.shell{width:calc(100% - 32px)}body{font-size:15px;line-height:1.75}h1{font-size:27px}h2{font-size:22px}h3{font-size:18px}.top-feature h1{font-size:30px}.page-head{padding:20px 18px}.page-head h1{font-size:27px}.lead{font-size:15px}.section-gap{margin-top:38px}.article-section{margin:34px 0}.top-feature .button-row{margin-top:15px}.index-list,.editor-side,.lesson-stagger{grid-template-columns:1fr}.index-item{padding:16px 0}.lesson-stagger>article:nth-child(n){margin-top:0}.editor-primary,.soft-band,.dark-band{padding:20px}.media-frame--hero{--media-limit:205px}.media-frame--feature{--media-limit:185px}.media-frame--card{--media-limit:145px}.media-frame--wide{--media-limit:135px}.media-frame--rule{--media-limit:175px}.media-frame--mobile{--media-limit:285px;max-width:250px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:5px}.route-steps{grid-template-columns:1fr}.list-two{columns:1}.brand-fallback{font-size:15px;letter-spacing:0}.related-reading{padding:20px}.data-table{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}