:root{--bg:#F4FAFC;--white:#fff;--soft:#E7F3F6;--title:#0E3A46;--text:#24505A;--muted:#4A7380;--assist:#7A9AA4;--sea:#1A7F8F;--bright:#2BB3C4;--deep:#0F5B68;--pale:#D7EEF2;--border:rgba(26,127,143,.16);--shadow:0 14px 34px rgba(14,58,70,.08);--max:1200px;--header:72px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.78;overflow-x:hidden;padding-top:var(--header)}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input{font:inherit}.site-header{position:fixed;z-index:80;top:0;left:0;right:0;height:var(--header);background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.topbar{max-width:var(--max);height:100%;margin:auto;display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:24px;padding:0 20px}.brand{display:flex;align-items:center;min-width:0}.brand-logo{height:34px;width:auto;object-fit:contain}.brand-text{font-weight:800;color:var(--title);font-size:20px;white-space:nowrap}.desktop-nav{display:flex;justify-content:center;gap:24px;min-width:0}.desktop-nav a{position:relative;padding:9px 2px;color:var(--title);font-weight:650;white-space:nowrap}.desktop-nav a.active,.desktop-nav a:hover{color:var(--sea)}.desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--sea)}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn,.app-link,.close-btn{min-height:44px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--deep);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.app-link{background:linear-gradient(135deg,#2BB3C4 0%,#1A7F8F 55%,#0F5B68 100%);color:#fff;border:0}.icon-btn:hover,.close-btn:hover{background:var(--soft)}main{min-height:60vh}.context-wrap{max-width:var(--max);margin:0 auto;padding:22px 20px 0}.context-nav{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:14px}.context-nav a{color:var(--sea)}.hero,.page-hero,.section-wrap{max-width:var(--max);margin:0 auto;padding:52px 20px}.hero{padding-top:34px}.hero-media,.feature-media{background:var(--pale);border-radius:18px;padding:10px;box-shadow:var(--shadow)}.content-image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;border-radius:12px}.hero-media .content-image{max-height:420px}.hero-copy{max-width:860px;padding:34px 0 6px}.eyebrow{display:inline-block;color:var(--sea);font-weight:800;letter-spacing:.08em;margin-bottom:10px}.hero h1,.page-hero h1{margin:0 0 16px;color:var(--title);font-size:clamp(28px,4vw,34px);line-height:1.25}.lead{font-size:18px;max-width:800px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{min-height:46px;border-radius:12px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.btn.primary{color:#fff;background:linear-gradient(135deg,#2BB3C4 0%,#1A7F8F 55%,#0F5B68 100%)}.btn.secondary{background:#fff;color:var(--deep);border:1px solid var(--border)}.section-wrap{padding-top:44px;padding-bottom:44px}.section-wrap.alt{background:var(--soft);max-width:none}.section-wrap.alt>.inner{max-width:var(--max);margin:auto;padding:0 20px}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.section-head h2{margin:0;color:var(--title);font-size:26px}.section-head p{margin:0;max-width:640px;color:var(--muted)}.magazine{display:grid;grid-template-columns:1.45fr .8fr;gap:20px}.stack{display:grid;gap:20px}.panel,.card,.article-block,.note-box{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.panel,.card{padding:22px}.panel h3,.card h3,.article-block h2,.article-block h3{color:var(--title);margin-top:0}.panel p:last-child,.card p:last-child{margin-bottom:0}.article-block{padding:28px;margin-bottom:22px}.link-arrow{color:var(--sea);font-weight:800}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.split.reverse .feature-media{order:2}.split+.split{margin-top:34px}.list-clean{list-style:none;margin:0;padding:0}.list-clean li{padding:12px 0;border-bottom:1px solid var(--border)}.number-list{counter-reset:item;display:grid;gap:14px}.number-list article{position:relative;padding:18px 18px 18px 64px;background:#fff;border:1px solid var(--border);border-radius:14px}.number-list article:before{counter-increment:item;content:counter(item,decimal-leading-zero);position:absolute;left:18px;top:18px;color:var(--bright);font-weight:900}.timeline{border-left:2px solid var(--pale);padding-left:26px;display:grid;gap:22px}.timeline article{position:relative}.timeline article:before{content:"";position:absolute;left:-34px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--sea);border:3px solid #fff;box-shadow:0 0 0 1px var(--border)}.gallery-flow{display:grid;gap:28px}.gallery-item{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:26px;align-items:center}.gallery-item:nth-child(even) .feature-media{order:2}.checklist{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.checklist .card{box-shadow:none}.quote-band{background:var(--deep);color:#fff;border-radius:18px;padding:28px}.quote-band h2,.quote-band p{color:#fff}.faq-list details{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:12px}.faq-list summary{cursor:pointer;font-weight:800;color:var(--title)}.faq-list p{margin-bottom:0}.site-footer{background:#0E3A46;color:#D4E8EC;margin-top:48px;padding:42px 20px 90px}.footer-inner{max-width:var(--max);margin:auto}.footer-brand{display:flex;gap:14px;align-items:center;margin-bottom:28px}.footer-logo{height:32px;width:auto;filter:brightness(0) invert(1)}.footer-brand div{display:grid}.footer-brand strong{font-size:20px}.footer-brand span{font-size:12px;letter-spacing:.12em}.footer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.footer-grid h2{font-size:15px;color:#fff}.footer-grid a{display:block;color:#D4E8EC;margin:7px 0;font-size:14px}.footer-note{border-top:1px solid rgba(255,255,255,.14);padding-top:22px;margin-top:28px}.copyright{color:#aacbd1}.overlay{position:fixed;z-index:90;inset:0;background:rgba(14,58,70,.36);visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.overlay.show{visibility:visible;opacity:1;pointer-events:auto}.drawer{position:fixed;z-index:100;top:0;right:0;width:min(440px,90vw);height:100vh;background:#fff;transform:translateX(100%);visibility:hidden;pointer-events:none;transition:.24s;overflow-y:auto;box-shadow:-18px 0 48px rgba(14,58,70,.18)}.drawer.open{transform:none;visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--border);z-index:2}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand img{height:30px;width:auto}.drawer-groups{padding:18px}.drawer-groups section+section{margin-top:22px}.drawer-groups h2{font-size:16px;color:var(--title);margin:0 0 10px}.drawer-groups a{display:grid;gap:2px;padding:12px;border-radius:12px}.drawer-groups a:hover{background:var(--soft)}.drawer-groups b{color:var(--title)}.drawer-groups span{font-size:13px;color:var(--muted)}.search-layer{position:fixed;z-index:99;top:var(--header);left:0;right:0;background:#fff;border-bottom:1px solid var(--border);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-12px);transition:.2s}.search-layer.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.search-inner{max-width:var(--max);margin:auto;padding:24px 20px 28px}.search-head{display:flex;justify-content:space-between;align-items:center}.search-head h2{margin:0;color:var(--title)}.search-inner label{display:block;margin:12px 0 8px}.search-inner input{width:100%;min-height:48px;border:1px solid var(--border);border-radius:12px;padding:0 14px;color:var(--title);outline:none}.search-inner input:focus{border-color:var(--sea);box-shadow:0 0 0 3px rgba(26,127,143,.12)}.search-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.search-links a{background:var(--soft);border-radius:10px;padding:9px 12px;color:var(--deep)}.mobile-bottom{display:none}.muted{color:var(--muted)}.kicker{color:var(--sea);font-weight:800}.feature-image-small{max-width:420px;margin-inline:auto}.app-visual .content-image{max-height:440px;width:auto;margin-inline:auto}.icon-visual .content-image{width:72px;height:72px;object-fit:contain}.wide-reading{max-width:820px}.two-col-text{columns:2;column-gap:36px}.two-col-text p{break-inside:avoid}.meta-row{display:flex;flex-wrap:wrap;gap:10px}.meta-chip{padding:6px 10px;background:var(--soft);border-radius:8px;color:var(--deep);font-size:14px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(43,179,196,.4);outline-offset:2px}@media(max-width:980px){.topbar{grid-template-columns:160px 1fr auto;gap:12px}.desktop-nav{gap:12px;font-size:14px}.footer-grid{grid-template-columns:repeat(3,1fr)}.guide-grid{grid-template-columns:repeat(2,1fr)}.checklist{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){:root{--header:64px}.desktop-nav,.desktop-app{display:none}.topbar{grid-template-columns:1fr auto;padding:0 16px}.brand-logo{height:30px}.hero,.page-hero,.section-wrap{padding-left:16px;padding-right:16px}.magazine,.split,.gallery-item{grid-template-columns:1fr}.split.reverse .feature-media,.gallery-item:nth-child(even) .feature-media{order:0}.two-col-text{columns:1}.footer-grid{grid-template-columns:repeat(2,1fr)}.mobile-bottom{position:fixed;z-index:70;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);height:calc(52px + env(safe-area-inset-bottom))}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted)}.mobile-bottom a.active{color:var(--sea);font-weight:800;background:var(--pale)}body{padding-bottom:calc(52px + env(safe-area-inset-bottom))}.site-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.checklist{grid-template-columns:1fr 1fr}.search-layer{top:var(--header)}}@media(max-width:560px){.header-actions{gap:6px}.icon-btn{padding:0 11px}.guide-grid,.footer-grid,.checklist{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.hero-copy{padding-top:24px}.article-block{padding:22px}.drawer{width:90vw}.context-wrap{padding-left:16px;padding-right:16px}}