:root{--bg:#F6FAFC;--surface:#fff;--wash:#EAF6FA;--wash2:#EDF4F8;--aqua:#25C8D1;--sky:#25B6E8;--blue:#1787DB;--navy:#174B78;--title:#183A56;--body:#31485D;--muted:#687D8E;--border:#DCE9F0;--footer:#123653;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--body);font:16px/1.8 Arial,'PingFang SC','Microsoft YaHei',sans-serif;overflow-x:hidden}a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#087da8}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0D92AD;outline-offset:3px}img{max-width:100%}h1,h2,h3{color:var(--title);line-height:1.35;letter-spacing:-.02em}h1{font-size:clamp(27px,3.4vw,42px);margin:.15em 0 .55em}h2{font-size:clamp(21px,2.3vw,27px);margin:.1em 0 .7em}h3{font-size:clamp(18px,1.8vw,21px);margin:0 0 .6em}p{margin:.4em 0 1.15em}ul,ol{padding-left:1.45em}li+li{margin-top:.4em}section[id],article[id]{scroll-margin-top:25px}.wrap{width:calc(100% - 56px);max-width:1180px;margin-inline:auto}.section{margin-top:58px;margin-bottom:58px}.eyebrow{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#087c9a;margin:0 0 15px}.lead{font-size:17px;line-height:1.82;color:#40596c;max-width:790px}.section-head{margin-bottom:24px}.section-head p{max-width:720px}.tag{color:#13799b;text-transform:uppercase;font-size:12px;letter-spacing:.12em;font-weight:bold}.skip-link{position:absolute;left:10px;top:-80px;z-index:200;padding:8px 15px;background:#fff}.skip-link:focus{top:8px}.site-header{background:white;position:relative;z-index:25;border-bottom:1px solid var(--border)}.topbar{height:72px;display:flex;align-items:center;gap:24px}.brand{flex:0 0 auto;display:inline-flex;align-items:center;min-height:43px;text-decoration:none}.brand img{display:block;width:auto;height:auto;max-height:38px;max-width:235px;object-fit:contain}.brand-word{font-size:23px;line-height:1.05;font-weight:800;color:var(--navy)}.brand-word small{display:block;font-size:9px;letter-spacing:.16em;color:#1f8297;margin-top:6px}.topbar-caption{color:var(--muted);font-size:13px;letter-spacing:.12em;margin:auto}.entry-button{background:var(--navy);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;min-height:43px;padding:7px 22px;border-radius:8px;font-size:14px;font-weight:700}.entry-button:hover{background:#096e9a;color:white}.desktop-nav{background:var(--navy)}.desktop-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px}.desktop-nav a{display:flex;align-items:center;justify-content:center;position:relative;white-space:nowrap;min-height:48px;color:#e4f4fb;font-size:14px;text-decoration:none;padding:5px 12px}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:white;background:#24648c}.desktop-nav a[aria-current]::after{content:'';position:absolute;bottom:0;left:14px;right:14px;height:3px;background:#65e4e9}.menu-toggle{display:none;flex:none;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:transparent;border:1px solid var(--border);border-radius:9px}.menu-toggle span{width:18px;height:2px;background:var(--navy);display:block}.drawer-overlay{position:fixed;inset:0;background:rgba(14,36,53,.48);z-index:90;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.mobile-drawer{position:fixed;inset:0 auto 0 0;width:min(86vw,344px);max-width:100%;overflow-y:auto;z-index:91;background:#fff;transform:translateX(-104%);visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s;padding:20px 22px 34px;box-shadow:8px 0 36px #143c5720}.drawer-open .drawer-overlay{opacity:1;visibility:visible;pointer-events:auto}.drawer-open .mobile-drawer{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.drawer-top strong{font-size:20px;color:var(--title)}.drawer-close{width:42px;height:42px;font-size:26px;background:var(--wash);border:0;border-radius:10px;color:var(--navy);cursor:pointer}.drawer-group{font-size:12px;color:#668298;text-transform:uppercase;font-weight:800;letter-spacing:.08em;margin:22px 0 7px}.mobile-drawer>a{display:block;border-bottom:1px solid var(--border);padding:10px 3px;text-decoration:none;min-height:44px}.quick-strip{background:#f0f8fa;border-bottom:1px solid var(--border)}.quick-strip-inner{display:flex;justify-content:space-between;gap:25px;padding-block:14px}.quick-strip-inner>div{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:13px}.quick-strip strong{color:var(--title)}.quick-strip a{text-decoration:none;color:#3b687f}.quick-strip a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:48px;padding:62px 0 36px}.hero h1{max-width:640px}.hero p:not(.eyebrow){max-width:610px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.action{display:inline-block;text-decoration:none;border-radius:9px;padding:11px 21px;font-weight:700;font-size:14px;min-height:44px}.action.primary{background:linear-gradient(105deg,#128bd4,#087a96);color:#fff}.action.secondary{background:#fff;border:1px solid #c7e3ec}.media{display:flex;justify-content:center;align-items:center;min-width:0;width:100%;margin:0;background:var(--wash);border:1px solid var(--border);border-radius:15px;overflow:hidden;position:relative}.media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.media-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#e3f4f8,#f0f9fb 60%,#e8f4f9)}.media--hero{height:clamp(250px,26vw,330px)}.media--feature{height:250px}.media--card{height:170px}.media--banner{height:220px}.media--mobile{height:350px;max-width:320px}.media.is-wide{background:#f1f8fa}.media.is-portrait:not(.media--mobile){max-width:380px;margin-inline:auto}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.topic-card{border:1px solid var(--border);border-radius:14px;padding:23px;background:white;text-decoration:none;display:flex;flex-direction:column;min-height:180px;transition:transform .18s,border-color .18s}.topic-card:hover{transform:translateY(-3px);border-color:#71bdcd}.topic-card h3{font-size:18px;margin:.65em 0 .5em}.topic-card p{font-size:14px;line-height:1.72;color:var(--muted);margin:0}.topic-number{font-size:12px;letter-spacing:.12em;color:#1390a9;font-weight:800}.editorial-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.editorial-main,.editorial-side article,.paper,.note{background:#fff;border:1px solid var(--border);border-radius:16px;padding:27px}.editorial-main{background:var(--wash)}.editorial-main p{max-width:720px}.editorial-side{display:grid;gap:17px}.editorial-side article h3{font-size:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.split.reverse .media{order:-1}.split-text{max-width:560px}.muted-area{background:var(--wash2);padding:46px 0;margin:62px 0}.chapter-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.chapter-link{padding:21px;background:white;border:1px solid var(--border);border-radius:14px}.chapter-link h3{font-size:18px}.chapter-link p{font-size:14px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:step}.steps>div{border-top:2px solid #24b7cc;padding:17px 4px}.steps>div::before{counter-increment:step;content:'0' counter(step);color:#078aab;font-weight:bold;font-size:13px}.steps h3{font-size:17px;margin:8px 0}.steps p{font-size:14px;color:var(--muted)}.note{background:#f0f9fb}.page-intro{padding:47px 0 24px}.page-intro h1{font-size:clamp(25px,2.85vw,36px);max-width:960px}.page-intro .lead{max-width:880px}.prose{max-width:780px}.prose p,.paper p{line-height:1.85}.article-section{margin-top:38px}.article-section h2{padding-bottom:9px;border-bottom:1px solid var(--border)}.cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.info-card{border:1px solid var(--border);border-radius:15px;padding:22px;background:white}.info-card p{font-size:15px}.info-card h3{margin:0 0 10px}.timeline{display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:105px 1fr;gap:20px;padding:20px 23px;border-radius:12px;background:white;border:1px solid var(--border)}.timeline-item strong{color:#167c9d}.timeline-item p{margin:0}.table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:13px;background:#fff}table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.7}th,td{text-align:left;vertical-align:top;padding:14px 17px;border-bottom:1px solid var(--border)}th{background:#e8f5f9;color:var(--title);font-weight:700}tbody tr:last-child td{border-bottom:0}.article-aside-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(200px,240px);justify-content:space-between;gap:36px}.article-aside-layout aside{align-self:start;background:var(--wash);border-radius:15px;padding:21px}.article-aside-layout aside h2{font-size:20px}.article-aside-layout aside dt{font-weight:700;color:var(--title)}.article-aside-layout aside dd{margin:0 0 18px;font-size:14px}.media-caption{font-size:13px;color:var(--muted);margin-top:8px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.gallery-card{background:#fff;border:1px solid var(--border);padding:17px;border-radius:15px}.gallery-card h3{margin:18px 6px 6px}.gallery-card p{margin:0 6px 8px;font-size:14px}.anchor-list{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 28px}.anchor-list a{padding:8px 13px;background:white;border:1px solid var(--border);border-radius:8px;text-decoration:none;font-size:14px}.faq-list{border-top:1px solid var(--border)}.faq-list details{background:white;border-bottom:1px solid var(--border);padding:0 18px}.faq-list summary{cursor:pointer;list-style-position:outside;font-weight:700;color:var(--title);padding:16px 3px}.faq-list details p{margin:0 0 18px;color:var(--body)}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-link{position:relative;border:1px solid var(--border);border-radius:13px;background:white;padding:20px 36px 20px 20px;display:flex;flex-direction:column;gap:6px;text-decoration:none;min-height:120px}.related-link>span:first-child{font-size:18px;font-weight:700;color:var(--title)}.related-link small{font-size:13px;color:var(--muted)}.related-link .arrow{position:absolute;right:18px;top:19px;color:#1385a4}.site-footer{margin-top:76px;background:var(--footer);color:#eaf7ff;padding:40px 0 0}.footer-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:50px}.footer-brand{font-size:24px;font-weight:800;color:white;margin:0}.footer-brand span{font-size:11px;letter-spacing:.14em}.footer-disclaimer{max-width:700px;font-size:13px;color:#bad3e2}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 15px;margin-top:16px}.site-footer a{color:#eaf7ff;text-decoration:none;font-size:14px}.site-footer a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:16px;padding-block:18px;margin-top:28px;border-top:1px solid #ffffff2b;font-size:12px;color:#b5d0df}.bottom-nav{display:none}.back-top{position:fixed;right:22px;bottom:22px;border:0;border-radius:11px;background:var(--navy);color:white;width:42px;height:42px;cursor:pointer;z-index:20;opacity:0;visibility:hidden;transition:opacity .2s}.back-top.is-visible{opacity:1;visibility:visible}
@media(max-width:980px){.wrap{width:calc(100% - 44px)}.desktop-nav{display:none}.topbar{height:63px}.menu-toggle{display:flex}.brand{margin-right:auto}.brand img{max-height:30px;max-width:175px}.topbar-caption{display:none}.entry-button{min-height:40px;padding:7px 13px}.quick-strip-inner{flex-wrap:wrap;gap:8px 30px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:24px}.article-aside-layout{grid-template-columns:minmax(0,1fr) 220px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:22;background:white;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);min-height:56px}.bottom-nav a{flex:1;display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:13px;font-weight:700}.bottom-nav a[aria-current]{color:#0789a8;box-shadow:inset 0 3px #25c8d1}body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.back-top{bottom:calc(72px + env(safe-area-inset-bottom))}}
@media(max-width:760px){.hero,.split,.editorial-grid,.article-aside-layout,.footer-layout{grid-template-columns:1fr}.hero{padding:36px 0 12px}.hero .media{order:2}.editorial-side{grid-template-columns:repeat(2,minmax(0,1fr))}.split .media,.split.reverse .media{order:0}.cols-3,.chapter-links,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.article-aside-layout aside{max-width:none}.muted-area{padding:30px 0}.section{margin-top:38px;margin-bottom:38px}.site-footer{margin-top:52px}.quick-strip-inner>div{width:100%}}
@media(max-width:640px){body{font-size:15px}.wrap{width:calc(100% - 32px)}.topbar{gap:10px}.brand img{max-width:125px;max-height:29px}.brand-word{font-size:17px}.brand-word small{font-size:7px}.entry-button{font-size:12px;padding:6px 10px}.entry-button span{display:none}.hero h1{font-size:30px}.lead{font-size:15px}.page-intro{padding:31px 0 17px}.page-intro h1{font-size:27px}.topic-grid,.cols-2,.cols-3,.chapter-links,.gallery-grid,.related-grid,.editorial-side{grid-template-columns:1fr}.topic-card{min-height:auto;padding:18px}.topic-card h3{margin:5px 0}.editorial-main,.editorial-side article,.paper,.note{padding:20px}.media--hero{height:200px}.media--feature{height:180px}.media--card{height:145px}.media--banner{height:150px}.media--mobile{height:290px;max-width:250px}.timeline-item{grid-template-columns:1fr;gap:5px;padding:17px}.steps{gap:12px}.quick-strip-inner{padding-block:10px}.footer-layout{gap:20px}.footer-bottom{flex-wrap:wrap}.back-top{right:13px;width:38px;height:38px}th,td{padding:11px 12px;font-size:14px}}
@media(max-height:430px) and (max-width:980px){.bottom-nav{position:static}body{padding-bottom:0}.back-top{bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}