:root{--bg:#F4F7FA;--surface:#fff;--soft:#EAF1F6;--mint:#E9F8F8;--nav:#102E46;--deep:#163C57;--teal:#13B8C5;--blue:#237BD3;--title:#18364B;--body:#344C60;--muted:#64798A;--line:#DCE6ED;--footer:#0B2539;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--body);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0}body,button{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:var(--blue);text-underline-offset:3px}a:hover{color:#09669d}button{cursor:pointer}img{max-width:100%}.container{width:min(1200px,calc(100% - 56px));margin-inline:auto}.reading{max-width:800px}h1,h2,h3{color:var(--title);line-height:1.37;margin:0 0 .65em}h1{font-size:clamp(2rem,3vw,2.7rem);letter-spacing:-.03em}h2{font-size:clamp(1.5rem,2.2vw,1.75rem)}h3{font-size:1.23rem}p,li{font-size:1.035rem;line-height:1.8}p{margin:.5em 0 1.15em}small,.muted{color:var(--muted)}section{scroll-margin-top:32px}.section{margin-block:60px}.section-heading{margin-bottom:24px}.eyebrow{display:block;font-size:.8rem;letter-spacing:.13em;font-weight:800;text-transform:uppercase;color:#087d8c;margin-bottom:15px}.lead{font-size:1.13rem;line-height:1.8;color:#466076}.text-link{font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.skip-link{position:absolute;top:-70px;left:10px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #13B8C5;outline-offset:3px}.site-header{position:relative;z-index:20}.brand-bar{background:var(--surface);border-bottom:1px solid var(--line)}.brand-inner{height:72px;display:flex;align-items:center;gap:16px;justify-content:space-between}.brand{display:flex;align-items:center;gap:23px;color:var(--title);text-decoration:none;min-width:0}.brand-tag{font-size:.85rem;color:#52697a;white-space:nowrap}.brand-tag b{color:#A9BDC8;padding:0 5px}.media-frame--logo{border:0!important;background:transparent!important;padding:0!important;max-width:220px;flex:none}.media-frame--logo img{max-height:38px}.media-frame--logo .media-placeholder{font-size:.95rem;min-height:36px;white-space:nowrap}.entry-link{color:#fff;background:var(--deep);padding:11px 19px;border-radius:9px;white-space:nowrap;font-weight:700;text-decoration:none;min-height:44px;display:grid;place-items:center}.entry-link:hover{background:#20607e;color:white}.desktop-nav{background:var(--nav)}.nav-inner{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));height:50px;gap:2px}.nav-inner a{color:#e2eef4;text-decoration:none;display:grid;place-items:center;text-align:center;font-size:.94rem;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent;padding:3px}.nav-inner a[aria-current="page"]{border-bottom-color:var(--teal);color:white;font-weight:800;background:#1b425e}.nav-inner a:hover{background:#204661;color:white}.menu-toggle,.mobile-drawer,.drawer-overlay,.mobile-shortcuts{display:none}.nojs-nav{display:flex;flex-wrap:wrap;gap:15px;padding-block:15px}.nojs-nav a{font-weight:700}.page-top{padding:46px 0 28px;background:linear-gradient(180deg,#EAF1F6 0%,#F4F7FA 100%)}.page-top .lead{max-width:850px}.crumbs{font-size:.82rem;color:var(--muted);margin-bottom:20px}.crumbs a{text-decoration:none}.content-main{padding-bottom:35px}.hero{display:grid;grid-template-columns:52fr 48fr;gap:48px;align-items:center;padding:64px 0 30px}.hero h1{max-width:590px}.hero .lead{max-width:580px}.hero p{max-width:600px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 21px;background:var(--deep);color:white;border-radius:9px;text-decoration:none;font-weight:700}.btn:hover{background:#1e5a76;color:white}.btn-outline{background:transparent;border:1px solid #A1B9C8;color:var(--deep)}.btn-outline:hover{background:#e4f0f4;color:var(--deep)}.media-frame{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;padding:9px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.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--article{--media-limit:220px}.media-frame--banner{--media-limit:210px}.media-frame--mobile{--media-limit:350px;max-width:320px;margin:auto}.media-placeholder{min-height:100px;min-width:0;width:100%;display:grid;place-items:center;border:1px dashed #b7cad5;border-radius:9px;color:#718796;font-size:.89rem;text-align:center;padding:20px}.media-frame--hero .media-placeholder{min-height:200px}.media-frame--logo .media-placeholder{min-height:36px;padding:0;border:0;color:var(--title)}.topic-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px}.topic-item{padding:23px 4px;border-top:1px solid #ccdbe3}.topic-item h3{margin-bottom:7px}.topic-item h3 a{color:var(--title);text-decoration:none}.topic-item h3 a:hover{color:var(--blue)}.topic-item p{margin:0 0 7px;font-size:.97rem}.topic-num{font-size:.76rem;font-weight:800;color:#008e9b;letter-spacing:.08em}.feature-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.feature-main{padding:34px;background:var(--deep);color:#DCECF5;border-radius:15px}.feature-main h3{color:white;font-size:1.75rem}.feature-main p{color:#DCECF5}.feature-main a{color:#a2f5f7}.feature-side{display:grid;gap:16px}.feature-side article{background:white;padding:24px;border:1px solid var(--line);border-radius:13px}.feature-side p{font-size:.95rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.split.wide-media{grid-template-columns:1.1fr .9fr}.soft-band{background:var(--soft);padding:36px;border-radius:15px}.mint-band{background:var(--mint);padding:35px;border-radius:14px}.rule-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rule-notes article{border-top:3px solid var(--teal);background:white;padding:22px 24px;border-radius:0 0 12px 12px}.rule-notes article:nth-child(2){transform:translateY(14px)}.rule-notes article:nth-child(3){transform:translateY(28px)}.route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:route}.route article{border-top:2px solid #7fbdc5;padding:20px 17px 8px;position:relative}.route article::before{counter-increment:route;content:'0' counter(route);display:block;font-size:.82rem;color:#008d9b;font-weight:800;margin-bottom:13px}.route article h3{font-size:1.08rem}.editorial{font-size:.92rem;border-left:4px solid var(--teal);padding:16px 22px;background:var(--soft)}.article-body{max-width:800px}.article-body h2{margin-top:36px}.article-body h3{margin-top:25px}.article-body ul{padding-left:23px}.article-body li{margin-bottom:7px}.section-rule{border:0;border-top:1px solid var(--line);margin:38px 0}.info-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:48px;align-items:start}.side-index{position:sticky;top:24px;background:white;padding:23px;border:1px solid var(--line);border-radius:13px}.side-index a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:.94rem;text-decoration:none}.side-index a:last-child{border-bottom:0}.section-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 28px}.section-tabs a{background:white;border:1px solid var(--line);padding:8px 15px;border-radius:8px;text-decoration:none;font-size:.93rem;font-weight:700}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:white;margin:24px 0}table{width:100%;border-collapse:collapse;text-align:left;min-width:570px}caption{text-align:left;font-weight:800;padding:16px 18px;color:var(--title)}th,td{padding:15px 17px;border-top:1px solid var(--line);vertical-align:top;line-height:1.7}th{background:#eaf1f6;color:var(--title);font-weight:800}td{background:#fff}tbody tr:nth-child(even) td{background:#fafcfd}.steps{counter-reset:step;display:grid;gap:13px;padding:0;list-style:none}.steps li{padding:17px 20px 17px 65px;background:white;border:1px solid var(--line);border-radius:11px;position:relative;margin:0}.steps li::before{counter-increment:step;content:counter(step);position:absolute;left:19px;top:18px;background:var(--deep);color:white;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-weight:800;font-size:.85rem}.callout{padding:20px 24px;background:var(--mint);border-left:4px solid var(--teal);border-radius:0 9px 9px 0}.callout p:last-child{margin-bottom:0}.card-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card-lines article{padding:25px;background:white;border:1px solid var(--line);border-radius:12px}.display-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.display-grid article{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.display-grid article:nth-child(even){margin-top:45px}.display-grid .media-frame{margin-bottom:20px}.related-reading{background:var(--deep);padding:29px 34px;border-radius:14px;margin:48px 0;color:white}.related-reading h2{color:white;font-size:1.35rem}.related-links{display:flex;flex-wrap:wrap;gap:12px}.related-links a{padding:12px 16px;border:1px solid #678ca2;border-radius:8px;color:white;text-decoration:none}.related-links a:hover{background:#275471}.faq-list{display:grid;gap:10px}.faq-list details{background:white;border:1px solid var(--line);border-radius:10px;padding:0 19px}.faq-list summary{color:var(--title);font-weight:750;padding:16px 0;cursor:pointer;line-height:1.6}.faq-list p{margin:0 0 18px}.services{display:grid;grid-template-columns:240px minmax(0,1fr);gap:46px}.services aside{background:var(--soft);padding:25px;border-radius:12px;align-self:start}.services aside a{display:block;padding:10px 0;text-decoration:none}.services aside strong{color:var(--title)}.site-footer{background:var(--footer);color:#DCECF5;padding:49px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:70px}.footer-grid p{max-width:650px;font-size:.94rem;color:#d4e4ed}.footer-brand{font-weight:800;color:white;text-decoration:none;font-size:1.3rem}.footer-brand small{font-size:.67rem;color:#8db4c6;margin-left:8px}.footer-grid nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;align-content:start}.footer-grid nav strong{grid-column:1/-1}.footer-grid a{color:#dcecf5}.footer-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #395467;margin-top:36px;padding-top:18px;font-size:.82rem}.footer-bottom a{color:#dcecf5}.back-top{position:fixed;bottom:18px;right:18px;z-index:12;width:44px;height:44px;background:var(--deep);border:0;color:white;border-radius:50%;box-shadow:0 3px 14px #102e4633}.back-top[hidden]{display:none}
@media(max-width:1050px){.brand-tag{font-size:.76rem}.container{width:calc(100% - 44px)}.hero{gap:28px}.split{gap:28px}.nav-inner a{font-size:.86rem}}
@media(max-width:920px){.brand-inner{height:62px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px}.brand{justify-content:center}.brand-tag,.desktop-nav{display:none}.media-frame--logo img{max-height:30px}.entry-link{font-size:.8rem;min-height:40px;padding:8px 10px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:white}.menu-toggle span{width:18px;height:2px;background:var(--title);border-radius:3px}.drawer-overlay{display:block;position:fixed;inset:0;background:#071b29a6;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s;z-index:49}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(86vw,340px);height:100dvh;overflow:auto;background:white;z-index:50;transform:translateX(-102%);visibility:hidden;transition:transform .22s,visibility .22s;box-shadow:12px 0 32px #0b253922}.drawer-open .drawer-overlay{opacity:1;visibility:visible;pointer-events:auto}.drawer-open .mobile-drawer{transform:translateX(0);visibility:visible}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line);color:var(--title)}.drawer-close{font-size:1.8rem;border:0;background:transparent;width:40px;height:40px;color:var(--title)}.drawer-group{padding:18px 24px 8px}.drawer-group>span{font-size:.82rem;color:var(--muted);display:block;margin-bottom:8px;font-weight:800}.drawer-group a{display:block;text-decoration:none;color:var(--title);padding:11px 9px;border-bottom:1px solid var(--line);font-size:1rem}.drawer-group a[aria-current="page"]{background:var(--soft);border-left:3px solid var(--teal);font-weight:800}.mobile-shortcuts{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:22px 0}.mobile-shortcuts a{font-size:.9rem;text-decoration:none;font-weight:700}.nojs-nav{display:none}noscript .nojs-nav{display:flex}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;padding:40px 0 15px}.hero .media-frame{margin-top:5px}.split,.split.wide-media,.feature-grid,.info-grid,.services,.footer-grid{grid-template-columns:1fr}.side-index{position:static}.feature-side{grid-template-columns:1fr 1fr}.card-lines{grid-template-columns:1fr 1fr}.services aside{order:2}.services>div{order:1}.footer-grid{gap:24px}.section{margin-block:43px}.page-top{padding-top:30px}.rule-notes{grid-template-columns:1fr}.rule-notes article:nth-child(n){transform:none}.route{grid-template-columns:1fr 1fr}.route article{border-bottom:1px solid var(--line)}.soft-band,.mint-band{padding:25px}.section-tabs{gap:7px}}
@media(max-width:640px){.container{width:calc(100% - 32px)}h1{font-size:clamp(1.65rem,7vw,2rem)}h2{font-size:1.38rem}h3{font-size:1.1rem}p,li{font-size:.97rem;line-height:1.77}.lead{font-size:1.03rem}.media-frame--hero{--media-limit:205px}.media-frame--feature{--media-limit:185px}.media-frame--card{--media-limit:145px}.media-frame--article{--media-limit:175px}.media-frame--banner{--media-limit:135px}.media-frame--mobile{--media-limit:285px;max-width:250px}.topic-directory,.display-grid,.feature-side,.card-lines{grid-template-columns:1fr}.display-grid article:nth-child(even){margin-top:0}.feature-main,.related-reading{padding:23px}.feature-main h3{font-size:1.4rem}.hero{gap:20px}.section{margin-block:35px}.route{grid-template-columns:1fr}.rule-notes{gap:12px}.footer-bottom{flex-direction:column}.footer-grid nav{font-size:.9rem}.entry-link{padding:7px 9px}.media-frame--logo{max-width:145px}.media-frame--logo .media-placeholder{font-size:.74rem}.brand-inner{grid-template-columns:40px minmax(0,1fr) auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}