:root{--bg:#F6FAFC;--white:#fff;--pale:#EAF6FA;--soft:#EDF4F8;--cyan:#25C8D1;--sky:#25B6E8;--blue:#1787DB;--navy:#174B78;--title:#183A56;--ink:#31485D;--muted:#687D8E;--border:#DCE9F0;--footer:#123653;--radius:17px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);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:var(--blue)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 56px));margin-inline:auto}.prose{max-width:780px}h1,h2,h3{color:var(--title);line-height:1.36;letter-spacing:-.02em}h1{font-size:clamp(32px,3.3vw,42px);margin:0 0 20px}h2{font-size:26px;margin:0 0 20px}h3{font-size:20px;margin:0 0 12px}p{margin:0 0 16px}ul,ol{padding-left:1.35em}li+li{margin-top:8px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;color:#147EAB;text-transform:uppercase;margin-bottom:12px}.lead{font-size:17px;line-height:1.85;color:#435B70}.section{margin-block:56px}.section-heading{max-width:760px;margin-bottom:26px}.section-heading p{color:var(--muted)}.skip-link{position:absolute;top:-80px;z-index:1000;background:white;padding:10px}.skip-link:focus{top:8px}.site-header{background:white;position:relative;z-index:20;box-shadow:0 1px 0 var(--border)}.brand-row{height:72px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;min-width:0}.brand .media{width:auto;max-width:180px;min-width:48px;background:transparent}.brand .media img{max-height:38px}.brand-text{color:var(--navy);font-size:13px;letter-spacing:.09em;font-weight:800;white-space:nowrap}.brand-subline{color:var(--muted);font-size:14px;margin:0 auto}.entry-button,.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;background:var(--navy);color:white;border-radius:10px;padding:9px 20px;font-size:14px;font-weight:bold;text-decoration:none;white-space:nowrap}.entry-button:hover,.button:hover{background:#116B9E;color:white}.button--light{color:var(--navy);background:white;border:1px solid #C7DEE7}.button--light:hover{color:var(--navy);background:var(--pale)}.desktop-nav{background:var(--navy)}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:14px}.desktop-nav a{color:#F2FCFF;padding:11px 4px 10px;font-size:14px;text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent}.desktop-nav a[aria-current="page"]{border-color:#77EDF2;font-weight:700}.desktop-nav a:hover{color:#9FF7F9}.menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:white;padding:10px;flex-direction:column;justify-content:space-around;align-items:stretch;cursor:pointer}.menu-toggle span{height:2px;background:var(--navy);border-radius:2px}.drawer-shade{position:fixed;inset:0;z-index:60;background:rgba(10,30,45,.5);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s,visibility .2s}.site-drawer{position:fixed;z-index:61;left:0;top:0;bottom:0;width:min(86vw,344px);overflow-y:auto;background:#fff;transform:translateX(-105%);visibility:hidden;transition:transform .24s,visibility .24s;padding:22px}.drawer-open{overflow:hidden}.drawer-open .drawer-shade{visibility:visible;opacity:1;pointer-events:auto}.drawer-open .site-drawer{visibility:visible;transform:translateX(0)}.drawer-heading{display:flex;justify-content:space-between;align-items:center;font-size:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.drawer-close{width:40px;height:40px;border:0;border-radius:8px;background:var(--soft);font-size:27px;cursor:pointer}.drawer-group{padding:16px 0;border-bottom:1px solid var(--border)}.drawer-group p{font-size:13px;font-weight:bold;color:var(--muted);margin:0 0 5px}.drawer-group a{display:block;padding:9px 4px;text-decoration:none}.mobile-bottom{display:none}.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:42px;padding:48px 0 14px}.hero-intro{max-width:650px}.hero-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.media{display:flex;justify-content:center;align-items:center;width:100%;min-width:0;overflow:hidden;border-radius:14px;background:var(--pale)}.media img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.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--logo{background:transparent;min-height:30px}.media--placeholder{background:linear-gradient(145deg,#E6F3F7,#D7EDF2)}.media--tall{max-width:360px;margin-inline:auto}.media--wide{background:#EFF8FA}.quick-strip{display:flex;align-items:center;gap:18px;padding:16px 20px;margin-top:25px;background:#EAF6FA;border-radius:var(--radius);flex-wrap:wrap;font-size:14px}.quick-strip strong{color:var(--title)}.quick-strip a{white-space:nowrap}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.topic-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:24px 22px;text-decoration:none;min-width:0;transition:transform .2s,border .2s}.topic-card:hover{transform:translateY(-3px);border-color:#89C6D8}.topic-card h3{margin-bottom:10px;font-size:18px}.topic-card p{font-size:14px;color:var(--muted);line-height:1.75;margin:0}.topic-card span{display:block;color:var(--blue);font-size:13px;margin-top:15px}.editor-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.feature-article,.side-stack>article,.knowledge-card,.note-card{border-radius:var(--radius);padding:26px;background:white;border:1px solid var(--border)}.feature-article{background:#EAF6FA;padding:32px}.side-stack{display:grid;gap:20px}.side-stack h3{font-size:19px}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.split-feature.reverse .media{order:-1}.editorial-band{background:white;border-block:1px solid var(--border);padding:44px 0}.knowledge-grid,.related-grid,.triple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.knowledge-card{padding:23px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:step}.steps>div{background:white;border-top:3px solid var(--cyan);padding:22px;border-radius:9px}.steps strong{display:block;color:var(--navy);margin-bottom:8px}.steps p{font-size:14px;margin:0}.editor-note{border-left:4px solid var(--cyan);padding:20px 24px;background:var(--soft);border-radius:0 12px 12px 0}.page-hero{padding-top:45px;padding-bottom:15px;max-width:850px}.page-hero h1{font-size:clamp(30px,3vw,36px)}.page-hero p{max-width:780px}.content-section{padding:28px 0;border-top:1px solid var(--border)}.content-section h2{margin-bottom:18px}.content-section h3{margin-top:23px}.content-section p{max-width:850px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(0,240px);gap:55px;align-items:start}.sidebar{position:sticky;top:22px;background:#EAF6FA;border:1px solid var(--border);border-radius:15px;padding:22px}.sidebar h2{font-size:19px}.sidebar dl{margin:0}.sidebar dt{font-weight:bold;color:var(--navy);margin-top:12px}.sidebar dd{margin-left:0;font-size:14px}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:14px;margin:20px 0 25px;background:white}table{border-collapse:collapse;width:100%;min-width:550px;font-size:15px;line-height:1.65}th,td{text-align:left;padding:13px 17px;border-bottom:1px solid var(--border);vertical-align:top}th{background:#EAF6FA;color:var(--title)}tr:last-child td{border-bottom:0}.number-list{list-style:none;padding:0;counter-reset:item}.number-list li{counter-increment:item;margin:15px 0;padding:16px 18px 16px 58px;position:relative;border:1px solid var(--border);background:white;border-radius:12px}.number-list li::before{content:counter(item);position:absolute;left:16px;top:14px;width:28px;height:28px;border-radius:50%;background:var(--navy);color:white;text-align:center;line-height:28px;font-weight:700}.matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.matrix article,.gallery-card{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:22px;min-width:0}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-card .media{margin-bottom:17px}.gallery-card p{font-size:14px}.text-link{font-weight:700}.chapter-nav{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.chapter-nav a{background:var(--pale);padding:9px 14px;text-decoration:none;border-radius:7px}.faq-list{display:grid;gap:11px}.faq-list details{background:white;border:1px solid var(--border);border-radius:12px;padding:0 19px}.faq-list summary{padding:15px 7px;cursor:pointer;font-weight:bold;color:var(--title)}.faq-list details p{padding:0 7px 17px;margin:0;font-size:15px}.related-link{background:white;border:1px solid var(--border);border-radius:15px;padding:23px;text-decoration:none;display:flex;flex-direction:column;gap:8px}.related-link strong{color:var(--title)}.related-link span{color:var(--muted);font-size:14px}.related-link span:last-child{color:var(--blue)}.site-footer{background:var(--footer);color:#EAF7FF;margin-top:68px;padding:45px 0 25px;font-size:14px}.site-footer strong{color:white;font-size:22px}.site-footer small{font-size:12px}.site-footer p{color:#D5ECF5;max-width:580px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:50px}.footer-grid nav{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.site-footer a{color:#F0FFFF}.footer-bottom{border-top:1px solid #376078;padding-top:20px;margin-top:22px;display:flex;justify-content:space-between;gap:15px}.back-top{position:fixed;right:22px;bottom:24px;width:44px;height:44px;border:0;border-radius:50%;background:var(--navy);color:white;box-shadow:0 3px 10px #0002;opacity:0;visibility:hidden;cursor:pointer;z-index:10}.back-top.visible{visibility:visible;opacity:1}
@media(max-width:980px){.container{width:calc(100% - 44px)}.brand-row{height:64px;justify-content:space-between}.menu-toggle{display:flex}.brand-subline,.desktop-nav{display:none}.brand{margin-right:auto}.brand .media img{max-height:30px}.entry-button{min-height:40px;padding:7px 13px}.topic-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:minmax(0,1fr)}.sidebar{position:static}.matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{gap:25px}}
@media(max-width:760px){body{font-size:15px;line-height:1.8}.hero{grid-template-columns:1fr;padding-top:28px;gap:25px}.hero .media{order:-1}.editor-grid,.split-feature,.knowledge-grid,.related-grid,.triple-grid{grid-template-columns:1fr}.split-feature.reverse .media{order:0}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section{margin-block:38px}.page-hero{padding-top:30px}.editorial-band{padding:30px 0}}
@media(max-width:640px){.container{width:calc(100% - 32px)}h1{font-size:29px}h2{font-size:22px}h3{font-size:18px}.brand-text{display:none}.brand .media{max-width:145px}.brand-row{gap:9px}.entry-button{font-size:12px;padding:7px 11px}.media--hero{height:200px}.media--feature{height:180px}.media--card{height:145px}.media--banner{height:150px}.media--mobile{height:290px;max-width:250px}.quick-strip{gap:8px 13px;padding:14px}.topic-card{padding:18px 16px}.topic-card h3{font-size:17px}.topic-grid{gap:10px}.feature-article,.side-stack>article{padding:21px}.steps{gap:9px}.steps>div{padding:15px}.matrix{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.mobile-bottom{position:fixed;z-index:12;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);padding:6px 0 max(6px,env(safe-area-inset-bottom))}.mobile-bottom a{text-align:center;padding:7px 2px;font-size:13px;font-weight:700;text-decoration:none;color:var(--navy)}body{padding-bottom:62px}.back-top{bottom:83px;right:14px}}
@media(max-height:560px) and (max-width:640px){.mobile-bottom{position:static}body{padding-bottom:0}.back-top{bottom:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}