:root{--bg:#F4F7FA;--white:#fff;--pale:#EAF1F6;--mint:#E9F8F8;--navy:#102E46;--deep:#163C57;--teal:#13B8C5;--blue:#237BD3;--ink:#18364B;--body:#344C60;--sub:#64798A;--line:#DCE6ED;--wrap:1200px;--space:clamp(30px,4.3vw,62px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;min-width:0;background:var(--bg);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--body);font-size:16px;line-height:1.8}body.drawer-open{overflow:hidden}a{color:var(--blue);text-underline-offset:3px}a:hover{color:#12619e}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}figure{margin:0}.container{width:min(calc(100% - 56px),var(--wrap));margin-inline:auto}.skip-link{position:absolute;z-index:1000;top:-80px;left:16px;background:#fff;padding:8px 16px}.skip-link:focus{top:8px}.site-header{background:var(--navy);color:white}.brand-bar{background:var(--white);border-bottom:1px solid var(--line)}.brand-inner{min-height:72px;display:flex;align-items:center;gap:16px}.brand-logo{display:flex;align-items:center;flex-shrink:0;max-width:220px;text-decoration:none;color:var(--navy);font-weight:800;font-size:21px}.brand-logo .media-frame{padding:0;background:transparent;border:0;min-height:0;max-width:200px}.brand-logo img{max-height:38px;width:auto;max-width:200px}.brand-fallback{display:none}.brand-description{font-size:13px;color:var(--sub);letter-spacing:.03em}.brand-description b{color:#99B1BE;font-weight:400;padding:0 5px}.register-link{margin-left:auto;min-height:44px;background:var(--navy);color:white;display:inline-flex;align-items:center;gap:15px;padding:0 22px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}.register-link:hover{background:var(--deep);color:white}.desktop-nav{background:var(--navy)}.nav-inner{min-height:50px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.desktop-nav a{min-width:0;white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;color:#DDECF4;font-size:14px;text-decoration:none;font-weight:600}.desktop-nav a:hover,.desktop-nav a.is-active{background:rgba(255,255,255,.08);color:#fff}.desktop-nav a.is-active:after{content:'';position:absolute;height:3px;width:25px;bottom:0;left:calc(50% - 12.5px);background:var(--teal)}.menu-toggle{display:none}.mobile-drawer,.drawer-overlay{visibility:hidden;pointer-events:none}.noscript-nav{background:#e5eff5;padding:10px 0}.noscript-nav .container{display:flex;gap:15px;flex-wrap:wrap}.noscript-nav a{font-size:14px}
main{overflow:clip}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;color:#098C99;text-transform:uppercase;margin:0 0 10px}.section-heading{margin-bottom:24px}.section-heading h2,.section-title{margin:0;color:var(--ink);font-size:clamp(23px,2.1vw,28px);line-height:1.4}.section-heading p:last-child{margin:8px 0 0}.block{padding-block:var(--space)}.block--white{background:#fff}.block--mint{background:var(--mint)}.block--deep{background:var(--deep);color:#eff9ff}.block--deep h2,.block--deep h3{color:white}.block--pale{background:var(--pale)}.lead{font-size:18px;line-height:1.85;color:#50677a;max-width:820px}.kicker{font-weight:700;color:#087e89}.prose{max-width:780px}.prose p{margin:0 0 19px}.prose h2{font-size:26px;line-height:1.38;color:var(--ink);margin:35px 0 16px}.prose h3{font-size:20px;color:var(--ink);margin:27px 0 10px}.prose li{margin:7px 0}.page-intro{padding:47px 0 28px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(28px,3.15vw,36px);line-height:1.36;max-width:950px;margin:0 0 18px;color:var(--ink)}.page-intro .lead{margin:0}.breadcrumb{font-size:13px;color:var(--sub);margin-bottom:10px}.breadcrumb a{color:var(--sub)}.section-copy{max-width:810px}.section-copy p{margin:0 0 18px}.editorial-pair,.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,54px);align-items:center}.editorial-pair>* ,.split>* ,.feature-grid>* ,.topic-list>* ,.gallery-grid>*{min-width:0}.split--reverse{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}.split--top{align-items:start}.media-frame{min-width:0;display:flex;align-items:center;justify-content:center;padding:9px;background:var(--pale);border:1px solid var(--line);border-radius:12px;width:100%}.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--banner{--media-limit:210px}.media-frame--mobile{--media-limit:350px;max-width:320px;margin-inline:auto}.media-frame--logo{max-height:40px;border:0;background:transparent;padding:0}.media-placeholder{min-height:130px}.media-placeholder span{font-size:12px;color:var(--sub);text-align:center;letter-spacing:.02em}.media-frame--hero.media-placeholder{min-height:205px}.media-frame--card.media-placeholder{min-height:105px}.media-frame--mobile.media-placeholder{min-height:210px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:7px 18px;text-decoration:none;border-radius:7px;font-weight:700;font-size:14px}.btn-primary{background:var(--navy);color:white}.btn-primary:hover{color:white;background:#254d69}.btn-outline{border:1px solid #A9BEC9;color:var(--navy)}.btn-outline:hover{background:#e5edf2}.hero{padding:45px 0 54px;background:#fff}.hero h1{color:var(--ink);font-size:clamp(28px,3.5vw,43px);line-height:1.35;margin:0 0 20px;max-width:610px}.hero p:not(.eyebrow){max-width:570px;margin:0 0 12px}.hero .media-frame{background:#eff4f8}.topic-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 38px}.topic-item{border-top:1px solid var(--line);padding:20px 0 24px}.topic-item h3{font-size:19px;color:var(--ink);margin:0 0 4px}.topic-item p{margin:5px 0 8px;font-size:15px}.topic-item a{font-weight:700;font-size:14px}.feature-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}.feature-main{background:var(--navy);color:#d8e8f2;padding:clamp(24px,3vw,38px);border-radius:13px}.feature-main h3{font-size:27px;line-height:1.42;margin:0 0 18px;color:#fff}.feature-main a{color:#9be6f0;font-weight:700}.feature-side{display:grid;gap:15px}.note-card{padding:21px 22px;border:1px solid var(--line);border-radius:12px;background:white}.note-card h3{color:var(--ink);font-size:18px;margin:0 0 7px}.note-card p{font-size:15px;margin:0}.ribbon-title{font-size:24px;color:var(--ink);margin:0 0 16px}.mini-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.mini-lesson{border-top:3px solid var(--teal);padding:18px 20px 21px;background:#fff;min-width:0}.mini-lesson:nth-child(2){margin-top:30px}.mini-lesson:nth-child(3){margin-top:60px}.mini-lesson h3{margin:0 0 10px;color:var(--ink)}.mini-lesson p{margin:0;font-size:15px}.journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:journey}.journey-item{border-top:1px solid #a2c6d1;padding-top:15px;counter-increment:journey}.journey-item:before{content:'0' counter(journey);display:block;font-size:26px;font-weight:800;color:#b3e8ee}.journey-item h3{margin:4px 0;color:white;font-size:17px}.journey-item p{font-size:14px;margin:8px 0;color:#cce0e8}.journey-item a{color:#98f0ee}.endnote{font-size:14px;border-left:3px solid var(--teal);padding-left:18px;color:var(--sub);max-width:900px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:46px;align-items:start}.article-layout>*,.article-layout .prose{min-width:0}.sidebar{background:var(--pale);padding:20px;border-radius:12px;border:1px solid var(--line)}.sidebar h2{font-size:17px;margin:0 0 12px;color:var(--ink)}.sidebar ul{padding-left:19px;margin:0;font-size:14px}.sidebar li{margin:9px 0}.anchor-nav{display:flex;gap:8px;flex-wrap:wrap;padding:13px 0}.anchor-nav a{color:var(--navy);text-decoration:none;background:var(--pale);padding:9px 15px;border-radius:7px;font-size:14px;font-weight:700;border:1px solid var(--line)}.anchor-nav a:hover{background:#dceaf0}.number-flow{list-style:none;margin:18px 0;padding:0;counter-reset:steps}.number-flow li{position:relative;counter-increment:steps;border-left:2px solid var(--line);padding:0 0 22px 48px;min-height:64px}.number-flow li:before{content:counter(steps);position:absolute;left:-18px;top:0;background:var(--navy);color:#fff;border-radius:50%;width:34px;height:34px;text-align:center;line-height:34px;font-weight:700}.number-flow strong{display:block;color:var(--ink)}.number-flow li:last-child{border:0}.table-scroll{max-width:100%;overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:10px}.compare-table{width:100%;border-collapse:collapse;min-width:610px;background:white;font-size:15px}.compare-table caption{text-align:left;padding:12px 16px;color:var(--ink);font-weight:700}.compare-table th{color:var(--ink);background:var(--pale);text-align:left}.compare-table th,.compare-table td{padding:13px 15px;vertical-align:top;border-bottom:1px solid var(--line)}.compare-table tr:last-child td{border-bottom:0}.compare-table tbody th{width:145px}.fact-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.fact-strip>*{padding:20px;border:1px solid var(--line);background:#fff;border-radius:11px}.fact-strip h3{font-size:17px;margin:0 0 7px;color:var(--ink)}.fact-strip p{font-size:15px;margin:0}.callout{border-left:4px solid var(--teal);background:var(--mint);padding:17px 20px;margin:20px 0}.callout strong{color:var(--ink)}.two-column-articles{display:grid;grid-template-columns:1fr 1fr;gap:30px}.two-column-articles article{padding:22px 0;border-top:1px solid var(--line)}.two-column-articles h3{color:var(--ink);margin:0 0 10px}.two-column-articles p{margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.gallery-grid article:nth-child(even){padding-top:50px}.gallery-grid h3{color:var(--ink);font-size:20px;margin:14px 0 8px}.gallery-grid p{margin:0;font-size:15px}.faq-item{border-bottom:1px solid var(--line);padding:0}.faq-item summary{cursor:pointer;padding:17px 28px 17px 0;color:var(--ink);font-weight:700;position:relative}.faq-item summary::marker{color:var(--teal)}.faq-item p{margin:0 0 17px;padding-left:18px}.related{padding-block:44px 63px;border-top:1px solid var(--line)}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-link{background:white;border:1px solid var(--line);padding:18px 20px;display:flex;justify-content:space-between;gap:15px;border-radius:9px;text-decoration:none;font-size:15px;color:var(--ink);font-weight:700}.related-link:hover{background:var(--mint)}.related-link span{color:#089ca5}.services-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:44px;align-items:start}.service-nav{position:sticky;top:15px;background:var(--pale);padding:20px;border-radius:11px}.service-nav h2{font-size:17px;margin:0 0 10px;color:var(--ink)}.service-nav a{display:block;font-size:14px;padding:7px 0}.site-footer{background:#0B2539;color:#DCECF5}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;padding-top:42px;padding-bottom:26px}.footer-brand{font-size:22px;font-weight:800;margin:0 0 8px}.footer-brand small{font-size:11px;letter-spacing:.14em;display:block;color:#8edce0}.site-footer p{margin:0 0 12px}.fine-print{max-width:530px;color:#b3c9d6;font-size:13px}.footer-grid h2{font-size:16px;margin:0 0 12px;color:#fff}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 15px}.footer-links a{color:#DCECF5;text-decoration:none;font-size:13px}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #385163;padding:16px 0 22px;display:flex;justify-content:space-between;gap:15px;color:#9db6c5;font-size:12px}.mobile-quick{display:none}.back-top{position:fixed;right:22px;bottom:22px;background:var(--navy);color:#fff;border:0;border-radius:9px;width:43px;height:43px;z-index:20}.back-top[hidden]{display:none}
@media(max-width:1024px){.container{width:calc(100% - 44px)}.article-layout{gap:26px;grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:920px){.brand-inner{height:63px;min-height:63px;justify-content:space-between;gap:8px}.brand-description,.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;border:0;background:transparent;flex:0 0 40px;padding:0}.menu-toggle span{display:block;width:21px;height:2px;border-radius:2px;background:var(--navy)}.brand-logo{position:absolute;left:50%;transform:translateX(-50%);max-width:37%;font-size:17px}.brand-logo .media-frame{max-width:100%}.brand-logo img{max-height:30px;max-width:100%}.register-link{margin-left:auto;padding:0 11px;height:40px;min-height:40px;font-size:12px;gap:4px}.mobile-drawer{display:block;position:fixed;z-index:102;top:0;bottom:0;left:0;width:min(86vw,340px);padding:20px 24px;overflow-y:auto;background:#fff;box-shadow:10px 0 34px rgba(3,22,35,.16);transform:translateX(-101%);transition:transform .22s,visibility .22s}.drawer-overlay{position:fixed;inset:0;z-index:101;background:rgba(6,27,42,.59);opacity:0;transition:opacity .2s,visibility .2s}.drawer-open .mobile-drawer{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-open .drawer-overlay{opacity:1;visibility:visible;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;color:var(--ink);padding-bottom:13px;border-bottom:1px solid var(--line)}.drawer-close{width:40px;height:40px;border:0;background:var(--pale);font-size:26px;border-radius:6px}.drawer-group{display:grid;padding:17px 0;border-bottom:1px solid var(--line)}.drawer-label{font-size:12px;color:var(--sub);font-weight:700;letter-spacing:.12em}.drawer-group a{padding:10px 0;text-decoration:none;color:var(--ink);font-weight:700}.drawer-group a[aria-current]{color:#057b87}.mobile-quick{display:block;background:#e8f0f5}.mobile-quick .container{display:flex;flex-wrap:wrap;gap:12px 25px;padding:16px 0}.mobile-quick a{color:var(--navy);font-size:13px;font-weight:700;text-decoration:none}.journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.editorial-pair,.split,.split--reverse,.feature-grid,.article-layout,.services-layout{grid-template-columns:1fr}.sidebar{order:2}.services-layout>.service-nav{order:2;position:static}.services-layout>.service-body{order:1}.topic-index,.gallery-grid,.two-column-articles{grid-template-columns:1fr}.gallery-grid article:nth-child(even){padding:0}.mini-lessons{grid-template-columns:1fr}.mini-lesson:nth-child(2),.mini-lesson:nth-child(3){margin:0}.fact-strip{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.footer-grid{gap:25px}.hero .editorial-pair{display:flex;flex-direction:column;align-items:stretch}.hero .media-frame{order:2}.feature-side{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-logo{max-width:42%}}
@media(max-width:640px){.container{width:calc(100% - 32px)}body{font-size:15px}.hero{padding:30px 0 36px}.hero h1{font-size:clamp(27px,7vw,32px)}.page-intro{padding:32px 0 24px}.page-intro h1{font-size:clamp(25px,6vw,29px)}.lead{font-size:16px}.section-heading h2,.section-title{font-size:21px}.prose h2{font-size:22px}.prose h3{font-size:18px}.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--hero.media-placeholder{min-height:155px}.feature-side{grid-template-columns:1fr}.feature-main h3{font-size:23px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:3px}.anchor-nav a{padding:8px 11px}.brand-logo{max-width:39%}.register-link{font-size:11px;padding:0 8px}.register-link span{display:none}.block{padding-block:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}