:root{--bg:#F4FAFC;--white:#fff;--soft:#E7F3F6;--title:#0E3A46;--text:#24505A;--muted:#4A7380;--hint:#7A9AA4;--brand:#1A7F8F;--bright:#2BB3C4;--deep:#0F5B68;--pale:#D7EEF2;--line:rgba(26,127,143,.16);--shadow:0 14px 34px rgba(14,58,70,.08);--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}button,input{font:inherit}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:72px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{height:100%;max-width:1200px;margin:auto;padding:0 20px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:20px}.brand{display:flex;align-items:center;font-weight:800;color:var(--title);font-size:22px}.brand img{width:auto;height:34px}.main-nav{display:flex;justify-content:center;gap:26px;white-space:nowrap}.main-nav a{position:relative;color:var(--muted);padding:22px 2px 18px}.main-nav a:hover,.main-nav a.active{color:var(--brand)}.main-nav a.active:after{content:"";position:absolute;height:3px;left:2px;right:2px;bottom:11px;background:var(--brand);border-radius:4px}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn,.app-link,.close-btn{min-height:44px;border:1px solid var(--line);background:#fff;color:var(--deep);border-radius:10px;padding:8px 13px;cursor:pointer}.app-link{display:flex;align-items:center}.icon-btn:hover,.app-link:hover,.close-btn:hover{background:var(--pale)}:focus-visible{outline:3px solid rgba(43,179,196,.4);outline-offset:2px}.context-wrap{max-width:1200px;margin:0 auto;padding:94px 20px 0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:14px}.breadcrumbs strong{color:var(--title)}.site-main{min-height:60vh;padding-top:72px}.context-wrap+.site-main{padding-top:14px}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.hero{padding:38px 0 56px}.hero-media{background:var(--pale);border-radius:18px;padding:10px;box-shadow:var(--shadow);max-height:440px;display:flex;justify-content:center;align-items:center}.hero-media img{max-height:420px}.hero-copy{max-width:860px;padding-top:28px}.eyebrow{font-weight:800;color:var(--brand);letter-spacing:.08em}.hero h1,.page-hero h1{font-size:clamp(28px,4vw,34px);line-height:1.25;margin:.4em 0;color:var(--title)}.hero p,.page-hero p{font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:10px;font-weight:700}.btn-primary{background:linear-gradient(135deg,#2BB3C4 0%,#1A7F8F 55%,#0F5B68 100%);color:#fff}.btn-secondary{background:#fff;color:var(--deep);border:1px solid var(--line)}.section{padding:64px 0}.section.alt{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-head h2{margin:0;color:var(--title);font-size:28px}.section-head p{margin:0;color:var(--muted);max-width:620px}.lead-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:26px}.feature{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.feature .content{padding:24px}.feature h3,.split h3,.chapter h2,.chapter h3{color:var(--title);margin-top:0}.short-list{display:grid;gap:14px}.short-card{padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:14px}.short-card h3{margin:0 0 6px;color:var(--title)}.magazine{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:18px}.magazine article,.tool-list,.topic-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.magazine .large{grid-row:span 2}.zigzag{display:grid;gap:24px}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.split.reverse .media{order:2}.split .media{background:var(--pale);border-radius:14px;padding:8px}.split .media img{max-height:300px}.index-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}.text-index{display:grid;gap:10px}.text-index a{padding:15px 18px;background:#fff;border:1px solid var(--line);border-radius:12px}.four-grid,.three-grid,.two-grid{display:grid;gap:18px}.four-grid{grid-template-columns:repeat(4,1fr)}.three-grid{grid-template-columns:repeat(3,1fr)}.two-grid{grid-template-columns:repeat(2,1fr)}.topic-box h3,.tool-list h3{margin-top:0;color:var(--title)}.plain-list{margin:0;padding-left:20px}.page-hero{max-width:1200px;margin:0 auto;padding:22px 20px 34px}.page-hero .intro{max-width:820px}.page-media{max-width:920px;margin:18px auto 0;background:var(--pale);border-radius:18px;padding:10px}.page-media img{max-height:420px}.article-wrap{max-width:900px;margin:0 auto;padding:18px 20px 70px}.chapter{margin:0 0 30px}.chapter p{margin:0 0 14px}.numbered{counter-reset:item;display:grid;gap:16px}.numbered article{position:relative;padding:20px 20px 20px 72px;background:#fff;border:1px solid var(--line);border-radius:14px}.numbered article:before{counter-increment:item;content:counter(item,decimal-leading-zero);position:absolute;left:20px;top:17px;font-size:22px;font-weight:800;color:var(--brand)}.timeline{position:relative;margin-left:14px;padding-left:30px;border-left:2px solid var(--pale)}.timeline article{position:relative;margin-bottom:28px}.timeline article:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--brand);left:-37px;top:8px}.steps{display:grid;gap:14px}.step{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px}.step b{font-size:24px;color:var(--brand)}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:12px}.faq summary{cursor:pointer;font-weight:800;color:var(--title)}.faq details p{margin:12px 0 0}.notice{padding:18px 20px;background:var(--pale);color:var(--deep);border-radius:14px}.site-footer{background:#0E3A46;color:#D4E8EC;padding-bottom:64px}.footer-inner{max-width:1200px;margin:auto;padding:52px 20px 34px}.footer-brand{display:grid;grid-template-columns:280px 1fr;gap:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.15)}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo img{width:auto;height:32px}.footer-logo span{display:flex;flex-direction:column}.footer-logo small{letter-spacing:.12em}.footer-links{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding-top:30px}.footer-links h2{font-size:16px;color:#fff}.footer-links a{display:block;font-size:14px;margin:7px 0;color:#D4E8EC}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.12);padding:18px 20px;font-size:14px}.overlay{position:fixed;z-index:80;inset:0;background:rgba(8,33,39,.42);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.drawer{position:fixed;z-index:90;top:0;right:0;bottom:0;width:min(440px,90vw);background:#fff;transform:translateX(102%);visibility:hidden;pointer-events:none;transition:.25s;overflow:auto}.drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;z-index:2}.drawer-brand{display:flex;align-items:center;gap:10px;color:var(--title);font-weight:800}.drawer-brand img{width:auto;height:30px}.drawer-groups{padding:18px}.drawer-groups section{margin-bottom:26px}.drawer-groups h2{font-size:17px;color:var(--title);margin:0 0 10px}.drawer-groups a{display:block;padding:11px 0;border-bottom:1px solid var(--line)}.drawer-groups b,.drawer-groups span{display:block}.drawer-groups span{font-size:13px;color:var(--muted)}.search-panel{position:fixed;z-index:95;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);visibility:hidden;pointer-events:none;transform:translateY(-12px);opacity:0;transition:.2s}.search-panel.is-open{visibility:visible;pointer-events:auto;transform:none;opacity:1}.search-inner{max-width:960px;margin:auto;padding:22px 20px}.search-head{display:flex;justify-content:space-between;align-items:center}.search-head h2{margin:0;color:var(--title)}.search-box{display:grid;gap:6px;margin:18px 0}.search-box span{font-size:14px;color:var(--muted)}.search-box input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;color:var(--title)}.search-links{display:flex;flex-wrap:wrap;gap:10px}.search-links a{background:var(--pale);color:var(--deep);padding:8px 12px;border-radius:9px}.search-hint{color:var(--muted);margin-bottom:0}.no-scroll{overflow:hidden}.mobile-bottom{display:none}
@media(max-width:980px){.header-inner{grid-template-columns:150px 1fr auto}.main-nav{gap:13px;font-size:14px}.app-link{display:none}.magazine{grid-template-columns:1.2fr 1fr}.magazine .large{grid-row:auto;grid-column:1/-1}.four-grid{grid-template-columns:repeat(2,1fr)}.footer-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body{padding-bottom:calc(52px + env(safe-area-inset-bottom))}.site-header{height:64px}.header-inner{height:64px;grid-template-columns:1fr auto;padding:0 16px}.brand img{height:30px}.main-nav{display:none}.site-main{padding-top:64px}.context-wrap{padding:82px 16px 0}.context-wrap+.site-main{padding-top:8px}.desktop-only{display:none}.wrap,.page-hero,.article-wrap{padding-left:16px;padding-right:16px}.section{padding:46px 0}.lead-grid,.index-grid,.split,.footer-brand{grid-template-columns:1fr}.split.reverse .media{order:0}.magazine,.three-grid,.two-grid,.four-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.hero{padding-top:26px}.hero-media{padding:6px}.page-media{padding:6px}.footer-inner{padding-left:16px;padding-right:16px}.footer-links{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.mobile-bottom{position:fixed;z-index:45;left:0;right:0;bottom:0;height:calc(52px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted)}.mobile-bottom a.active{color:var(--brand);font-weight:800;background:var(--pale)}.search-panel{top:64px}.search-inner{padding:16px}.header-actions{gap:6px}.icon-btn{padding:7px 10px}.step{grid-template-columns:52px 1fr}.footer-brand p{margin-top:0}}
@media(max-width:430px){.footer-links{grid-template-columns:1fr}.brand{max-width:150px}.brand img{max-width:145px}.header-actions .icon-btn{min-width:44px;padding:6px 8px}.hero h1,.page-hero h1{font-size:29px}}