:root{--ink:#1a120c;--muted:#6e6258;--line:#e4d8cc;--paper:#f7f1ea;--red:#c41e3a;--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:var(--paper);border-bottom:1px solid var(--line)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;flex-wrap:wrap}
.brand{font-weight:900;letter-spacing:.12em}
.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-red{background:var(--red);color:#fff}
.btn-ink{background:var(--ink);color:#fff}
.btn-ghost{background:#fff;border-color:var(--line)}
section{padding:52px 0;scroll-margin-top:68px}
.kicker{display:block;font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--red);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}
.footer{padding:48px 0 22px;background:var(--ink);color:#d9cfc6}
.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:#a8988c;font-size:14px}
.footer ul{list-style:none;display:grid;gap:8px}
.copyright{margin-top:28px;padding-top:16px;border-top:1px solid #3a322c;font-size:12px}
@media(max-width:720px){.nav{display:none}.footer-grid{grid-template-columns:1fr}}
img[data-src]{min-height:120px;background:rgba(128,128,128,.08)}
.below-fold{content-visibility:auto;contain-intrinsic-size:auto 480px}
