:root{--bg:#F4F7FA;--white:#fff;--pale:#EAF1F6;--mint:#E9F8F8;--nav:#102E46;--deep:#163C57;--aqua:#13B8C5;--blue:#237BD3;--heading:#18364B;--text:#344C60;--muted:#64798A;--line:#DCE6ED;--footer:#0B2539}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.82 Arial,'PingFang SC','Microsoft YaHei',sans-serif}a{color:#11659a;text-underline-offset:3px}a:hover{color:#06527e}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}img{max-width:100%;height:auto}button{font:inherit;cursor:pointer}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{color:var(--heading);line-height:1.38}h1{font-size:36px;letter-spacing:-.025em}h2{font-size:27px;margin-bottom:18px}h3{font-size:20px;margin-bottom:12px}p{margin-bottom:18px}p:last-child{margin-bottom:0}.container{width:min(100% - 56px,1200px);margin-inline:auto}.skip-link{position:absolute;left:15px;top:-100px;background:#fff;padding:10px;z-index:1000}.skip-link:focus{top:6px}.brand-bar{background:white;border-bottom:1px solid var(--line)}.brand-bar__inner{height:72px;display:flex;align-items:center;gap:18px;justify-content:space-between}.brand{display:flex;align-items:center;gap:18px;text-decoration:none;min-width:0}.brand-logo{display:block;max-width:220px}.brand-logo .media-frame{background:transparent;border:0;padding:0;min-height:0}.brand-logo img{max-height:38px;max-width:220px}.brand-logo .media-placeholder{min-width:122px;max-width:200px;min-height:38px;font-size:12px;color:var(--heading)}.brand-subtitle{font-size:12px;color:var(--muted);letter-spacing:.03em}.register-link,.solid-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:9px;background:var(--deep);color:white;text-decoration:none;font-size:14px;font-weight:700;padding:8px 20px;white-space:nowrap}.register-link:hover,.solid-link:hover{color:white;background:#0b293f}.desktop-nav{background:var(--nav)}.desktop-nav__inner{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0}.desktop-nav a{min-width:0;display:flex;min-height:51px;align-items:center;justify-content:center;white-space:nowrap;color:#e8f4fb;text-decoration:none;font-size:15px;font-weight:500;position:relative}.desktop-nav a[aria-current]{color:#fff;font-weight:700}.desktop-nav a[aria-current]::after{content:'';position:absolute;height:3px;background:var(--aqua);left:23%;right:23%;bottom:0}.desktop-nav a:hover{background:#1b435f;color:#fff}.menu-toggle{display:none}.nojs-nav{display:flex;gap:15px;flex-wrap:wrap;padding:10px 0}.mobile-drawer{visibility:hidden;position:fixed;z-index:101;left:0;top:0;bottom:0;overflow-y:auto;width:min(86vw,340px);background:#fff;transform:translateX(-101%);transition:transform .24s ease,visibility .24s;box-shadow:8px 0 24px #0b253928}.mobile-drawer.is-open{visibility:visible;transform:none}.drawer-scrim{position:fixed;inset:0;background:rgba(9,27,42,.58);z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s,visibility .24s}.drawer-scrim.is-open{opacity:1;visibility:visible;pointer-events:auto}body.menu-open{overflow:hidden}.drawer-top{display:flex;justify-content:space-between;align-items:center;background:var(--nav);color:#fff;padding:15px 20px;min-height:65px}.drawer-close{border:0;background:transparent;color:white;font-size:30px;line-height:1;min-width:42px;min-height:42px}.drawer-group{padding:18px 20px 8px;border-bottom:1px solid var(--line)}.drawer-group p{font-size:12px;font-weight:700;letter-spacing:.15em;color:var(--muted);margin:0 0 8px}.drawer-group a{display:block;padding:9px 7px;color:var(--heading);text-decoration:none;font-size:16px}.drawer-group a[aria-current]{background:var(--mint);border-left:3px solid var(--aqua);font-weight:700}.site-footer{background:var(--footer);color:#DCECF5;margin-top:60px;padding-top:50px}.footer-layout{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand{display:flex;align-items:center;gap:12px;color:white;font-weight:700;text-decoration:none}.footer-brand .media-frame{padding:0;background:transparent;border:0;min-height:0}.footer-brand img{max-height:32px;max-width:170px}.footer-brand .media-placeholder{min-height:32px;font-size:11px;color:#fff}.footer-note{max-width:580px;font-size:13px;color:#c8dce8}.footer-links{display:flex;flex-direction:column;gap:7px}.footer-links strong{color:#fff;margin-bottom:7px}.footer-links a,.footer-bottom a{color:#dcecf5;text-decoration:none;font-size:14px}.footer-bottom{border-top:1px solid #294355;margin-top:35px;padding:17px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#a9c6d6}.mobile-shortcuts{display:none}.section{margin-top:58px}.section--soft{background:var(--pale);padding:42px;border-radius:16px}.section--line{border-top:1px solid var(--line);padding-top:40px}.eyebrow{display:block;color:#087f91;font-size:12px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;margin-bottom:12px}.lead{font-size:18px;line-height:1.82;color:#365469}.muted{color:var(--muted)}.page-intro{padding:36px 0 24px;max-width:850px}.page-intro h1{margin-bottom:16px}.breadcrumbs{font-size:13px;color:var(--muted);display:flex;gap:10px;align-items:center;padding-top:24px}.breadcrumbs a{color:var(--muted)}.page-shell{padding-bottom:25px}.hero-grid{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);align-items:center;gap:34px;padding-top:42px}.hero-grid h1{font-size:42px;max-width:630px}.hero-grid p{max-width:650px}.cta-line{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.outline-link{display:inline-flex;align-items:center;min-height:40px;border:1px solid #8da8ba;border-radius:9px;padding:8px 20px;text-decoration:none;color:var(--heading);font-size:14px;font-weight:700}.media-frame{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;margin:0;padding:8px;background:var(--pale);border-radius:14px;--media-limit:220px}.media-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--media-limit);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--banner{--media-limit:210px}.media-frame--mobile{--media-limit:350px;max-width:320px;margin-inline:auto}.media-frame--logo{--media-limit:38px}.media-placeholder{min-height:105px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #bed0dc;color:#718798;font-size:13px}.media-placeholder.media-frame--hero{min-height:170px}.media-placeholder.media-frame--mobile{min-height:190px}.media-placeholder.media-frame--logo{min-height:38px}.topic-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;row-gap:0;border-top:2px solid var(--heading)}.topic-entry{display:grid;grid-template-columns:40px minmax(0,1fr);gap:15px;border-bottom:1px solid var(--line);padding:22px 0}.topic-entry .num{font-size:13px;color:#0e8f9b;font-weight:700}.topic-entry h3{margin-bottom:6px}.topic-entry p{font-size:15px;margin-bottom:6px}.topic-entry a{font-size:14px;font-weight:700;text-decoration:none}.split-2,.split-3,.feature-split,.article-layout,.service-layout,.gallery-split{display:grid;gap:32px;align-items:start}.split-2{grid-template-columns:repeat(2,minmax(0,1fr))}.split-3{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-split{grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);align-items:center}.article-layout{grid-template-columns:minmax(0,2.3fr) minmax(225px,1fr)}.service-layout{grid-template-columns:260px minmax(0,1fr)}.gallery-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.feature-split>* ,.article-layout>*,.split-2>*,.split-3>*,.service-layout>*,.gallery-split>*{min-width:0}.feature-alt{grid-template-columns:minmax(0,1.14fr) minmax(0,1fr)}.feature-alt .media-frame{order:2}.feature-alt .feature-text{order:1}.feature-split .feature-text p{max-width:670px}.editorial-lead{background:#fff;border-top:4px solid var(--aqua);padding:26px;border-radius:0 0 12px 12px}.mini-story{border-bottom:1px solid var(--line);padding:0 0 15px;margin-bottom:17px}.mini-story:last-child{border-bottom:0}.info-panel{padding:22px 24px;background:#eaf1f6;border-radius:12px}.info-panel h3{font-size:18px}.note{border-left:4px solid var(--aqua);padding:14px 19px;background:var(--mint);margin:24px 0}.reading-steps{counter-reset:steps;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;list-style:none;padding:0}.reading-steps li{border-top:3px solid var(--aqua);padding:14px 12px 10px;background:#fff;counter-increment:steps}.reading-steps li::before{content:'0' counter(steps);display:block;color:#087e92;font-weight:800;margin-bottom:10px}.reading-steps h3{font-size:17px;margin-bottom:9px}.reading-steps p{font-size:14px}.read-more{font-size:14px;font-weight:700}.simple-list{padding-left:21px}.simple-list li{margin-bottom:10px}.toc{display:flex;gap:10px;flex-wrap:wrap;margin:19px 0 26px}.toc a{display:inline-flex;padding:8px 13px;border:1px solid #cbdce6;border-radius:8px;background:#fff;color:var(--heading);text-decoration:none;font-size:14px;font-weight:700}.toc a:hover{border-color:var(--aqua)}.toc-vertical{display:flex;flex-direction:column;gap:5px}.toc-vertical a{padding:7px 0;border-bottom:1px solid var(--line);text-decoration:none}.article-block{margin-top:40px}.article-block h2{padding-bottom:10px;border-bottom:1px solid var(--line)}.article-block h3{margin-top:24px}.article-block p{max-width:790px}.table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;margin:20px 0}.comparison{border-collapse:collapse;width:100%;min-width:590px;font-size:15px;line-height:1.7}.comparison caption{text-align:left;font-weight:700;color:var(--heading);padding:12px 16px;background:var(--pale)}.comparison th,.comparison td{border-bottom:1px solid var(--line);padding:13px 16px;text-align:left;vertical-align:top}.comparison thead th{background:#edf4f8;color:var(--heading)}.comparison tr:last-child>*{border-bottom:0}.tag-list{display:flex;gap:8px;flex-wrap:wrap}.tag-list span{background:var(--mint);border:1px solid #c2eaeb;border-radius:6px;padding:5px 10px;font-size:13px}.flow-steps{list-style:none;padding:0;counter-reset:flows;display:grid;gap:12px}.flow-steps li{counter-increment:flows;background:#fff;border:1px solid var(--line);padding:18px 20px 18px 66px;position:relative;border-radius:10px}.flow-steps li::before{content:counter(flows);position:absolute;left:18px;top:17px;background:var(--deep);color:#fff;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:14px;font-weight:800}.flow-steps strong{color:var(--heading)}.focus-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:25px}.focus-grid>*{min-width:0}.line-stories{border-left:1px solid var(--line);padding-left:24px}.editorial-quote{font-size:20px;color:var(--heading);border-left:4px solid var(--aqua);padding:20px 25px;margin:28px 0;background:#fff}.gallery-panel{background:#fff;border:1px solid var(--line);padding:22px;border-radius:12px}.gallery-panel:nth-child(even){margin-top:40px}.gallery-panel h3{margin-top:20px}.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px 18px}.faq-item summary{font-weight:700;color:var(--heading);cursor:pointer;line-height:1.5}.faq-item[open] summary{margin-bottom:12px}.faq-item p{font-size:15px}.service-nav{background:#fff;padding:22px;border-radius:12px;position:sticky;top:18px}.service-nav h2{font-size:19px}.service-nav a{display:block;border-bottom:1px solid var(--line);padding:8px 0;text-decoration:none;font-size:14px}.service-nav a:last-child{border-bottom:0}.service-article .article-block:first-child{margin-top:0}.reference-links{border-top:1px solid var(--line);padding-top:24px;display:flex;gap:15px;flex-wrap:wrap}.reference-links a{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 13px;text-decoration:none;font-size:14px;font-weight:700}.small-print{font-size:14px;color:var(--muted)}
@media(max-width:1200px){.container{width:calc(100% - 44px)}.hero-grid{gap:25px}.hero-grid h1{font-size:38px}.section{margin-top:50px}}@media(max-width:920px){.brand-bar__inner{height:62px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px}.brand{justify-content:center}.brand-subtitle,.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;background:transparent;border:0;width:40px;height:40px;padding:7px}.menu-toggle span{display:block;height:2px;width:23px;background:var(--nav)}.brand-logo img{max-height:30px;max-width:min(38vw,180px)}.brand-logo .media-placeholder{min-width:94px;min-height:29px;font-size:10px}.register-link{font-size:13px;padding:8px 12px;min-height:39px}.container{width:calc(100% - 44px)}.hero-grid h1{font-size:34px}.section--soft{padding:28px}.footer-layout{gap:24px}}@media(max-width:760px){.hero-grid,.split-2,.split-3,.feature-split,.article-layout,.service-layout,.gallery-split,.focus-grid{grid-template-columns:minmax(0,1fr)}.hero-grid{padding-top:26px}.hero-grid .media-frame{order:2}.feature-alt .media-frame,.feature-alt .feature-text{order:initial}.page-intro{padding:27px 0 12px}.line-stories{border-left:0;padding-left:0}.reading-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-directory{grid-template-columns:1fr}.service-nav{position:static;order:2}.service-article{order:1}.gallery-panel:nth-child(even){margin-top:0}.footer-layout{grid-template-columns:1fr 1fr}.footer-identity{grid-column:span 2}.mobile-shortcuts{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;padding-top:30px}.mobile-shortcuts a{font-size:13px;text-decoration:none}.site-footer{margin-top:40px}.section{margin-top:40px}}@media(max-width:640px){body{font-size:15px;line-height:1.77}.container{width:calc(100% - 32px)}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}.hero-grid h1{font-size:30px}.lead{font-size:16px}.media-frame--hero{--media-limit:205px}.media-frame--feature{--media-limit:185px}.media-frame--card{--media-limit:145px}.media-frame--banner{--media-limit:135px}.media-frame--mobile{--media-limit:285px;max-width:250px}.media-frame--logo{--media-limit:30px}.media-placeholder.media-frame--hero{min-height:125px}.section{margin-top:33px}.section--soft{padding:21px 16px}.reading-steps{gap:9px}.reading-steps li{padding:12px}.topic-entry{padding:17px 0}.page-intro{padding-top:20px}.article-block{margin-top:30px}.article-block h2{margin-bottom:13px}.footer-layout{gap:25px}.footer-bottom{flex-direction:column;gap:4px}.site-footer{padding-top:35px}.cta-line{gap:9px}.solid-link,.outline-link{padding:8px 14px}.breadcrumbs{padding-top:17px}}@media(max-width:390px){.register-link{font-size:12px;padding-inline:9px}.brand-bar__inner{gap:5px}.reading-steps{grid-template-columns:1fr}.footer-layout{grid-template-columns:1fr}.footer-identity{grid-column:auto}.footer-links{gap:4px}.mobile-shortcuts{column-gap:13px;row-gap:8px;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
