:root{--ink:#1a1a1a;--muted:#6a6a6a;--line:#d7d1c7;--paper:#f4efe6;--c:#00a3c4;--m:#d12b6a;--max:1140px}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(var(--max),calc(100% - 36px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:80;background:#f4efe6;border-bottom:1px solid var(--line)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;flex-wrap:wrap}
.brand{font-weight:900}
.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.14em}
.nav{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid transparent;font-weight:800;font-size:14px;cursor:pointer}
.btn-m{background:var(--m);color:#fff}
.btn-c{background:var(--c);color:#fff}
.btn-ghost{background:#fff;border-color:var(--line)}
section{padding:52px 0;scroll-margin-top:70px}
.kicker{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--m);margin-bottom:8px}
.section-head h2{font-size:clamp(24px,3.2vw,36px);line-height:1.2;margin-bottom:10px}
.section-head p{color:var(--muted);max-width:640px}
.op{position:relative;display:inline-block}
.op .ghost{position:absolute;left:5px;top:3px;color:var(--c);opacity:.55;pointer-events:none;white-space:nowrap}
.aligned .ghost{left:0;top:0;opacity:.35}
.marks{position:relative}
.marks:before,.marks:after{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--ink)}
.marks:before{left:0;top:0;border-right:0;border-bottom:0}
.marks:after{right:0;bottom:0;border-left:0;border-top:0}
.footer{padding:48px 0 22px;background:#1a1a1a;color:#cfc9bf}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:24px}
.footer h3,.footer h4{margin-bottom:12px;font-size:16px;color:#fff}
.footer p,.footer a,.footer li{color:#9a948a;font-size:14px}
.footer ul{list-style:none;display:grid;gap:8px}
.copyright{margin-top:28px;padding-top:16px;border-top:1px solid #3a3a3a;font-size:12px}
@media(max-width:720px){.nav{display:none}.footer-grid{grid-template-columns:1fr}.op .ghost{display:none}}
img[data-src]{min-height:120px;background:rgba(128,128,128,.08)}
.below-fold{content-visibility:auto;contain-intrinsic-size:auto 480px}