:root{--bg:#F4F7FA;--white:#fff;--tint:#EAF1F6;--pale:#E9F8F8;--nav:#102E46;--deep:#163C57;--teal:#13B8C5;--blue:#237BD3;--title:#18364B;--ink:#344C60;--muted:#64798A;--line:#DCE6ED;--radius:14px;--space:clamp(30px,4vw,62px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}body.drawer-active{overflow:hidden}a{color:#146AA7;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#0b4c80}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #14A8C3;outline-offset:3px}button{font:inherit;cursor:pointer}img{max-width:100%}h1,h2,h3,h4{color:var(--title);line-height:1.38;margin:0 0 .65em}h1{font-size:clamp(27px,3.3vw,42px);letter-spacing:-.025em}h2{font-size:clamp(21px,2.25vw,27px)}h3{font-size:clamp(18px,1.7vw,21px)}p{margin:0 0 1em}strong{color:var(--title)}.container{width:calc(100% - 56px);max-width:1200px;margin-inline:auto;min-width:0}.skip-link{position:absolute;z-index:1000;left:10px;top:-70px;background:white;padding:10px}.skip-link:focus{top:10px}.site-header{background:var(--white);border-bottom:1px solid var(--line)}.brand-bar{display:flex;align-items:center;gap:20px;min-height:72px}.brand-logo{text-decoration:none;display:inline-flex;align-items:center;flex:0 1 auto;max-width:240px;min-width:0}.brand-logo .media-frame{padding:0;border:0;background:transparent}.brand-logo .media-frame img{max-height:38px}.brand-tagline{margin:0;font-size:13px;color:var(--muted);white-space:nowrap}.brand-tagline span{padding:0 7px;color:#aac0cb}.register-link{margin-left:auto;padding:8px 23px;border-radius:7px;background:var(--deep);color:white;text-decoration:none;font-weight:700;white-space:nowrap}.register-link:hover{background:#245775;color:white}.desktop-nav{background:var(--nav)}.nav-row{display:flex;align-items:stretch;justify-content:space-between;gap:6px;min-height:50px}.nav-row a{position:relative;display:flex;align-items:center;justify-content:center;padding:9px 13px;color:#e2f0f7;white-space:nowrap;text-decoration:none;font-size:15px}.nav-row a[aria-current=page]{font-weight:700;color:#fff}.nav-row a[aria-current=page]:after{content:"";height:3px;background:var(--teal);left:14px;right:14px;bottom:0;position:absolute}.nav-row a:hover{background:#19425e}.menu-toggle,.nojs-mobile-nav,.mobile-bottom-links{display:none}.mobile-drawer{position:fixed;z-index:1002;inset:0 auto 0 0;width:min(86vw,340px);background:#fff;padding:22px 24px;box-shadow:16px 0 48px #071c3040;overflow-y:auto;transform:translateX(-105%);visibility:hidden;transition:transform .22s,visibility .22s}.mobile-drawer.is-open{transform:translateX(0);visibility:visible}.drawer-overlay{position:fixed;z-index:1001;inset:0;background:rgba(5,22,36,.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}.drawer-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.drawer-overlay[hidden]{display:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.drawer-head strong{font-size:20px}.drawer-close{font-size:29px;border:1px solid var(--line);width:42px;height:42px;border-radius:9px;background:white;line-height:1}.mobile-drawer nav{border-top:1px solid var(--line);padding:16px 0}.mobile-drawer nav h2{font-size:13px;color:var(--muted);letter-spacing:.15em;margin:0 0 7px}.mobile-drawer nav a{display:block;padding:11px 12px;color:var(--ink);text-decoration:none;border-radius:7px}.mobile-drawer nav a[aria-current=page]{font-weight:700;background:var(--pale);border-left:3px solid var(--teal)}main.container{padding-top:38px;padding-bottom:65px;min-height:60vh}.eyebrow{color:#16808b;font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.lead{font-size:17px;max-width:820px;color:#455f71;line-height:1.85}.page-intro{padding:30px 36px;background:var(--white);border-left:4px solid var(--teal);margin-bottom:34px}.page-intro h1{font-size:clamp(25px,2.8vw,35px)}.page-intro p:last-child{margin-bottom:0}.section{margin-block:var(--space)}.section>h2{margin-bottom:16px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}.section-head>*{margin:0}.muted{color:var(--muted)}.small{font-size:14px}.kicker{color:#138996;font-size:13px;font-weight:700;letter-spacing:.08em}.prose{max-width:790px}.prose p{margin-bottom:1.15em}.prose h3{margin-top:1.3em}.section-band{background:var(--white);padding:clamp(22px,3vw,38px);border:1px solid var(--line);border-radius:var(--radius)}.tint-band{background:var(--tint);padding:clamp(24px,3vw,38px);border-radius:var(--radius)}.dark-band{background:var(--deep);color:#E8F4FA;padding:clamp(24px,4vw,42px);border-radius:var(--radius)}.dark-band h2,.dark-band h3,.dark-band strong{color:#fff}.dark-band a{color:#9ce9ef}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center}.split>*{min-width:0}.split--wide{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.split--reverse{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.editorial-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px}.editorial-grid>*{min-width:0}.editorial-grid article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.editorial-grid .mini-stack{display:grid;gap:18px}.feature-cover{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:35px;align-items:center;background:linear-gradient(110deg,#fff 0%,#fff 63%,#EAF1F6 63%);padding:clamp(20px,4vw,48px);border:1px solid var(--line);border-radius:var(--radius)}.feature-cover>*{min-width:0}.cover-intro{font-size:17px;max-width:600px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.button{display:inline-block;border-radius:8px;padding:10px 18px;background:var(--deep);color:white;text-decoration:none;font-weight:700}.button:hover{background:#236188;color:white}.button--light{background:var(--pale);color:#155c67}.button--light:hover{background:#d5f4f4;color:#155c67}.topic-index{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.topic-index article{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--line);min-width:0}.topic-index h3{margin-bottom:6px}.topic-index p{margin:0;font-size:15px}.topic-number{color:#158e9a;font-weight:700}.media-frame{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;padding:8px;border:1px solid #d9e7ed;background:var(--tint);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-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--mobile{--media-limit:350px;max-width:320px;margin-inline:auto}.media-frame--logo{--media-limit:38px;padding:0;border:0;background:transparent;justify-content:flex-start}.media-placeholder{min-height:100px;color:#738f9f;font-size:13px;text-align:center;line-height:1.5}.media-placeholder--hero{min-height:180px}.media-frame--logo.media-placeholder{min-height:30px;min-width:110px;font-size:12px}.fact-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fact-strip>article{background:white;border-top:3px solid var(--teal);padding:24px;border-radius:0 0 12px 12px}.fact-strip p:last-child{margin-bottom:0}.reading-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:path}.reading-path article{position:relative;padding:16px 22px;border-left:1px solid #b4d5df}.reading-path article:before{counter-increment:path;content:'0' counter(path);color:#0f8390;font-size:14px;font-weight:bold}.reading-path p{font-size:15px}.related{margin-top:var(--space);padding:25px 28px;background:var(--tint);border-top:3px solid var(--teal)}.related h2{font-size:23px}.related-links{display:flex;flex-wrap:wrap;gap:12px 24px}.related-links a{font-weight:700}.anchor-nav{display:flex;gap:8px 18px;flex-wrap:wrap;margin:0 0 30px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:10px}.anchor-nav a{font-size:15px;font-weight:700}.knowledge-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(210px,1fr);gap:30px;align-items:start}.knowledge-layout>*{min-width:0}.fact-index{background:#fff;border-top:3px solid var(--teal);padding:20px 23px;position:sticky;top:18px}.fact-index h2{font-size:19px}.fact-index li{margin-bottom:12px}.comparison{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:10px;background:#fff}.comparison table{width:100%;min-width:570px;border-collapse:collapse;text-align:left;line-height:1.65}.comparison caption{text-align:left;padding:15px 16px;font-weight:700;color:var(--title)}.comparison th,.comparison td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}.comparison thead th{background:#e6f1f5;color:var(--title)}.comparison tr:last-child td{border-bottom:0}.step-list{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px}.step-list li{counter-increment:steps;display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:10px}.step-list li:before{content:counter(steps,decimal-leading-zero);font-size:24px;color:#148d9a;font-weight:700;line-height:1.5}.step-list strong{display:block}.step-list p{margin:0}.callout{padding:18px 22px;background:var(--pale);border-left:4px solid var(--teal);margin:22px 0}.column-notes{columns:2;column-gap:40px}.column-notes article{break-inside:avoid;margin:0 0 22px}.gallery{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}.gallery>*{min-width:0}.gallery article{background:#fff;border:1px solid var(--line);padding:20px;border-radius:12px}.gallery article:nth-child(2){margin-top:44px}.gallery article:nth-child(3){grid-column:1/3}.faq details{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px 20px;margin-bottom:9px}.faq summary{cursor:pointer;font-weight:700;color:var(--title)}.faq details p{margin:10px 0 0}.services-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}.services-layout>*{min-width:0}.service-nav{position:sticky;top:15px;padding:22px;background:var(--tint);border-radius:12px}.service-nav a{display:block;margin-bottom:10px}.service-content>.section:first-child{margin-top:0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;padding-block:37px}.site-footer{background:#0B2539;color:#DCECF5}.site-footer a{color:#bfe9f3}.site-footer p{max-width:630px;font-size:14px;line-height:1.85}.footer-brand{font-size:22px;font-weight:700;text-decoration:none}.footer-brand small{font-size:12px;letter-spacing:.1em;display:block}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:12px}.footer-grid strong{color:#fff}.footer-bottom{border-top:1px solid #315165;display:flex;justify-content:space-between;gap:20px;padding-block:14px;font-size:13px}.back-top{position:fixed;right:17px;bottom:18px;background:var(--deep);color:white;border:0;width:42px;height:42px;border-radius:50%;box-shadow:0 5px 17px #19394a40}.back-top[hidden]{display:none}
@media(max-width:1100px){.container{width:calc(100% - 44px)}.nav-row a{font-size:14px;padding-inline:8px}.brand-tagline{font-size:12px}.feature-cover{gap:22px}}
@media(max-width:920px){.brand-bar{min-height:62px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:#fff}.menu-toggle span{display:block;width:19px;height:2px;background:var(--title)}.brand-logo{justify-self:center;max-width:min(100%,190px)}.brand-logo .media-frame{justify-content:center}.brand-logo .media-frame img{max-height:30px}.brand-tagline,.desktop-nav{display:none}.register-link{margin:0;padding:6px 12px;font-size:13px;min-height:39px;display:flex;align-items:center}.no-js .nojs-mobile-nav{display:flex;gap:12px 18px;flex-wrap:wrap;padding:10px 0 16px}.nojs-mobile-nav a{font-size:14px}.no-js .menu-toggle{display:none}.mobile-bottom-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 25px;padding-bottom:22px}.feature-cover{grid-template-columns:1fr 1fr}.knowledge-layout{grid-template-columns:minmax(0,1fr) 210px;gap:20px}}
@media(max-width:760px){.split,.split--wide,.split--reverse,.feature-cover,.editorial-grid,.gallery,.knowledge-layout,.services-layout{grid-template-columns:1fr}.feature-cover{background:white}.fact-strip{grid-template-columns:1fr 1fr}.editorial-grid .mini-stack{grid-template-columns:1fr 1fr}.gallery article:nth-child(2){margin-top:0}.gallery article:nth-child(3){grid-column:auto}.gallery{gap:16px}.service-content{grid-row:1}.service-nav{position:static;grid-row:2}.fact-index{position:static}.reading-path{grid-template-columns:1fr 1fr}.feature-cover .media-frame{max-width:100%}.footer-grid{gap:25px}.column-notes{columns:1}}
@media(max-width:640px){body{font-size:15px;line-height:1.77}.container{width:calc(100% - 32px)}main.container{padding-top:20px;padding-bottom:38px}.brand-bar{width:calc(100% - 20px);gap:7px}.brand-logo{max-width:min(100%,165px)}.brand-logo .media-frame img{max-height:29px}.register-link{font-size:12px;padding:5px 9px}.page-intro{padding:22px 19px;margin-bottom:23px}.lead,.cover-intro{font-size:15px}.section-band,.tint-band,.dark-band{padding:20px}.section{margin-block:35px}.feature-cover{padding:21px}.topic-index{grid-template-columns:1fr}.topic-index article{padding:16px 0}.fact-strip,.editorial-grid .mini-stack,.reading-path{grid-template-columns:1fr}.reading-path article{padding:12px 18px}.editorial-grid article{padding:19px}.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--mobile{--media-limit:285px;max-width:250px}.media-placeholder--hero{min-height:125px}.footer-grid{grid-template-columns:1fr;padding-block:27px}.footer-bottom{flex-direction:column;gap:2px}.step-list li{padding:15px;grid-template-columns:35px 1fr}.step-list li:before{font-size:19px}.comparison table{min-width:510px}.mobile-bottom-links{font-size:13px;gap:8px 15px}.anchor-nav{gap:8px 13px}.anchor-nav a{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
