*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#F4F7FA;color:#344C60;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:#166aa8;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #13B8C5;outline-offset:3px}h1,h2,h3{color:#18364B;line-height:1.38;letter-spacing:.01em}h1{font-size:clamp(2rem,3vw,2.75rem);margin:.2em 0 .6em}h2{font-size:clamp(1.45rem,2vw,1.75rem);margin:0 0 18px}h3{font-size:1.2rem;margin:0 0 10px}p{margin:0 0 16px}ul,ol{padding-left:1.35em}li+li{margin-top:9px}.container{width:min(1200px,calc(100% - 56px));margin-inline:auto}.page-body{padding-block:30px 70px;min-height:60vh}.section{margin-top:60px}.section[id]{scroll-margin-top:20px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#168893;font-size:.79rem;font-weight:700}.lead{font-size:1.08rem;color:#425e72;max-width:850px}.muted{color:#64798A}.site-head{background:#fff;border-bottom:1px solid #DCE6ED}.brand-row{height:72px;display:flex;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;min-width:130px}.brand-subtitle{font-size:.82rem;color:#64798A}.register-link{margin-left:auto;background:#13B8C5;color:#102E46;border-radius:9px;font-size:.9rem;padding:7px 18px;font-weight:700;white-space:nowrap}.register-link:hover{background:#0ca5b0;text-decoration:none}.primary-nav{background:#102E46}.nav-layout{height:50px;display:flex;align-items:stretch;justify-content:space-between;gap:5px}.primary-nav a{position:relative;color:#EAF4FA;display:flex;align-items:center;padding:0 12px;font-size:.92rem;white-space:nowrap}.primary-nav a[aria-current="page"]{font-weight:700;color:white}.primary-nav a[aria-current="page"]:after{position:absolute;content:"";height:3px;background:#13B8C5;left:12px;right:12px;bottom:0}.menu-toggle,.mobile-drawer,.drawer-backdrop{display:none}.noscript-nav{display:none}.skip-link{position:absolute;top:-90px;left:20px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}.media-frame{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:80px;background:#EAF1F6;padding:8px;border-radius:14px}.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-placeholder{text-align:center;font-size:.8rem;color:#64798A;padding:38px 12px}.media-frame--logo{background:transparent;padding:0;border-radius:0;min-height:0;justify-content:flex-start}.media-frame--logo img{max-height:38px;max-width:180px}.media-frame--logo .media-placeholder{font-size:1.05rem;color:#102E46;font-weight:bold;padding:0}.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--mobile{--media-limit:350px;max-width:320px;margin-inline:auto}.media-frame--wide{--media-limit:210px}.hero-home{display:grid;grid-template-columns:1.08fr 1fr;gap:35px;align-items:center;padding:35px 0 20px}.hero-home h1{font-size:clamp(2rem,3.4vw,2.7rem)}.hero-home p{max-width:590px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button-link{display:inline-block;background:#163C57;color:#fff;font-weight:700;padding:10px 20px;border-radius:10px}.button-link.alt{background:#E9F8F8;color:#102E46;border:1px solid #b5dada}.button-link:hover{text-decoration:none;filter:brightness(1.06)}.topic-lines{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.topic-line{padding:21px 0;border-top:1px solid #DCE6ED}.topic-line h3{margin-bottom:7px}.topic-line p{margin:0 0 9px}.topic-line a{font-weight:700}.editor-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.editor-main{background:#EAF1F6;padding:27px;border-left:5px solid #13B8C5}.editor-side{display:grid;align-content:start;gap:24px}.mini-article{border-top:2px solid #DCE6ED;padding-top:15px}.split-section{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center}.split-section.reverse{grid-template-columns:1.15fr 1fr}.text-band{background:#E9F8F8;padding:28px;border-radius:12px}.rules-tiles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:19px;align-items:start}.rules-tiles article{padding:22px;border-top:4px solid #13B8C5;background:white}.rules-tiles article:nth-child(2){margin-top:20px}.rules-tiles article:nth-child(3){margin-top:40px}.route-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:route}.route-list>div{border-top:1px solid #aacbd8;padding:16px 9px 0}.route-list>div:before{counter-increment:route;content:'0' counter(route);color:#128a96;font-weight:800;font-size:1.35rem;display:block}.page-intro{max-width:930px;padding:13px 0 20px;border-bottom:1px solid #DCE6ED}.page-intro h1{font-size:clamp(1.8rem,2.7vw,2.25rem)}.breadcrumb{font-size:.83rem;color:#64798A;margin-bottom:14px}.section-nav{display:flex;gap:12px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid #DCE6ED;margin:16px 0 25px}.section-nav a{background:#fff;border:1px solid #DCE6ED;padding:6px 15px;border-radius:9px}.chapter-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(180px,.8fr);gap:42px}.reading-column{max-width:790px;min-width:0}.reading-column p{margin-bottom:18px}.fact-aside{align-self:start;background:#EAF1F6;padding:22px;border-radius:12px}.fact-aside ul{margin:0}.fact-aside li{margin-top:10px}.content-section{margin-top:48px}.content-section h2{padding-bottom:10px;border-bottom:1px solid #DCE6ED}.comparison-wrap{overflow-x:auto;max-width:100%;border:1px solid #DCE6ED;border-radius:11px;background:#fff}.comparison{border-collapse:collapse;width:100%;min-width:590px;font-size:.95rem}.comparison caption{text-align:left;font-weight:700;padding:15px;color:#18364B}.comparison th,.comparison td{padding:12px 15px;border-bottom:1px solid #DCE6ED;text-align:left;vertical-align:top}.comparison th{background:#EAF1F6;color:#18364B}.comparison tr:last-child td{border-bottom:0}.steps{counter-reset:step;display:grid;gap:12px;padding:0;list-style:none}.steps li{background:white;border-left:3px solid #13B8C5;padding:14px 18px;counter-increment:step}.steps li:before{content:counter(step,decimal-leading-zero) ' / ';font-weight:800;color:#13838d}.quote{border-left:4px solid #13B8C5;margin:24px 0;padding:12px 22px;background:#E9F8F8;font-weight:600;color:#18364B}.feature-top{display:grid;grid-template-columns:1.25fr 1fr;gap:35px;align-items:center}.matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.matrix article{padding:23px;background:#fff;border-top:4px solid #13B8C5}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:34px}.gallery>article{background:#fff;padding:20px;border:1px solid #DCE6ED;min-width:0}.gallery>article:nth-child(even){margin-top:30px}.manual{max-width:860px;margin-inline:auto}.manual h2{margin-top:40px}.manual .section-nav{position:static}.faq-list details{border-bottom:1px solid #DCE6ED;background:#fff;padding:0 18px}.faq-list details:first-child{border-top:1px solid #DCE6ED}.faq-list summary{cursor:pointer;padding:15px 0;font-weight:700;color:#18364B}.faq-list p{padding-bottom:17px;margin:0}.service-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px}.service-menu{position:sticky;top:20px;align-self:start;background:#EAF1F6;padding:20px;border-radius:12px}.service-menu a{display:block;padding:7px 0}.service-main{min-width:0}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-links a{background:#fff;border-top:3px solid #13B8C5;padding:18px 20px;display:block;font-weight:600}.mobile-shortcuts{display:none}.site-footer{background:#0B2539;color:#DCECF5;padding:46px 0 20px}.footer-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:45px}.footer-layout p{color:#c3d6e3;font-size:.9rem;max-width:680px}.footer-brand{color:white;font-size:1.25rem;font-weight:bold}.footer-brand small{font-size:.69rem;margin-left:10px;color:#13B8C5}.footer-layout nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.footer-layout nav a{color:#DCECF5}.footer-bottom{font-size:.8rem;padding-top:20px;margin-top:23px;border-top:1px solid #315267;color:#b4c9d5}.back-top{position:fixed;bottom:26px;right:26px;background:#102E46;color:white;border:0;border-radius:9px;width:42px;height:42px;font-size:1.3rem;cursor:pointer}.back-top[hidden]{display:none}.notice{background:#E9F8F8;padding:19px 22px;border-left:3px solid #13B8C5;border-radius:4px}.tight{max-width:780px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.section-kicker{color:#168893;font-weight:700;font-size:.78rem;letter-spacing:.08em;margin-bottom:8px}.bottom-essay{max-width:820px}
@media(max-width:1100px){.primary-nav a{font-size:.85rem;padding:0 8px}.container{width:calc(100% - 44px)}.editor-grid{grid-template-columns:1.7fr 1fr}}
@media(max-width:920px){.brand-row{height:63px;gap:12px;justify-content:space-between}.brand{min-width:0}.brand-subtitle,.primary-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;border:1px solid #DCE6ED;border-radius:8px;background:white;cursor:pointer;flex-shrink:0}.menu-toggle span{height:2px;width:19px;background:#102E46}.media-frame--logo img{max-height:30px;max-width:165px}.media-frame--logo .media-placeholder{font-size:.9rem}.register-link{margin-left:0;padding:7px 11px;font-size:.8rem}.drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(9,27,42,.56);z-index:99;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.mobile-drawer{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:min(86vw,340px);background:#fff;z-index:100;padding:20px 23px;overflow-y:auto;transform:translateX(-104%);transition:transform .22s;box-shadow:5px 0 23px #0b25392b}.drawer-open{overflow:hidden}.drawer-open .drawer-backdrop{visibility:visible;opacity:1;pointer-events:auto}.drawer-open .mobile-drawer{transform:translateX(0)}.drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#18364B}.drawer-close{width:40px;height:40px;background:#EAF1F6;border:0;font-size:1.7rem;border-radius:8px}.drawer-label{font-size:.75rem;font-weight:bold;color:#64798A;margin-top:21px;letter-spacing:.15em}.mobile-drawer a{color:#18364B;padding:8px 5px;border-bottom:1px solid #DCE6ED;font-weight:600}.noscript-nav{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:13px}.noscript-nav a{font-size:.85rem}.mobile-shortcuts{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:18px 0;border-top:1px solid #DCE6ED;font-size:.85rem}.mobile-shortcuts a{color:#18364B}.chapter-layout{gap:25px}}
@media(max-width:760px){.hero-home,.split-section,.split-section.reverse,.feature-top,.editor-grid,.chapter-layout,.service-layout,.footer-layout{grid-template-columns:1fr}.hero-home{gap:22px}.hero-home .media-frame{order:2}.editor-side{grid-template-columns:1fr 1fr}.fact-aside{margin-top:12px}.matrix{grid-template-columns:1fr}.service-menu{position:static;order:2}.service-main{order:1}.related-links{grid-template-columns:1fr 1fr}.route-list{grid-template-columns:1fr 1fr}.footer-layout{gap:22px}}
@media(max-width:640px){body{font-size:15px;line-height:1.78}.container{width:calc(100% - 32px)}.page-body{padding-top:20px;padding-bottom:40px}.section{margin-top:36px}.content-section{margin-top:35px}h1{font-size:1.85rem}h2{font-size:1.35rem}h3{font-size:1.12rem}.page-intro h1{font-size:1.75rem}.hero-home h1{font-size:1.9rem}.topic-lines,.gallery,.editor-side,.rules-tiles,.two-col,.related-links{grid-template-columns:1fr}.rules-tiles article:nth-child(n){margin-top:0}.gallery>article:nth-child(even){margin-top:0}.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--mobile{--media-limit:285px;max-width:250px}.media-frame--wide{--media-limit:135px}.topic-line{padding:13px 0}.text-band,.editor-main{padding:20px}.actions a{font-size:.87rem;padding:10px 13px}.route-list{gap:10px}.footer-layout nav{grid-template-columns:1fr 1fr}.brand-row{gap:7px}.register-link{padding:7px 9px}.section-nav{gap:7px}.section-nav a{padding:5px 10px}.reading-column{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
