:root { --page:#050806; --ink:#f6fff8; --muted:rgba(232,242,235,.72); --line:rgba(255,255,255,.16); --panel:rgba(255,255,255,.08); --green:#43e27d; --radius:8px; --max:880px; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:linear-gradient(180deg,#050806 0%,#08110c 46%,#050806 100%); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif; letter-spacing:0; }
a { color:inherit; text-decoration:none; }
header { position:sticky; top:0; z-index:10; height:72px; padding:0 max(20px,calc((100vw - 1120px)/2)); display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid rgba(255,255,255,.18); background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035)); backdrop-filter:blur(24px); }
header > a { font-size:22px; font-weight:820; }
nav { display:flex; align-items:center; gap:22px; color:var(--muted); font-size:14px; font-weight:650; }
nav a:hover { color:#fff; }
.article { width:min(var(--max),calc(100% - 40px)); margin:0 auto; padding:76px 0; }
.eyebrow { width:fit-content; min-height:36px; display:inline-flex; align-items:center; padding:0 13px; border-radius:999px; border:1px solid rgba(255,255,255,.26); background:rgba(255,255,255,.08); color:#d9ffe4; font-size:14px; font-weight:760; }
h1,h2,p { margin:0; }
h1 { margin-top:22px; font-size:clamp(38px,5.4vw,64px); line-height:1.1; font-weight:840; }
.lead { margin-top:22px; color:rgba(246,255,248,.82); font-size:18px; line-height:1.85; font-weight:520; }
h2 { margin-top:44px; font-size:28px; line-height:1.25; }
p { margin-top:14px; color:var(--muted); line-height:1.85; font-size:16px; }
img { display:block; width:100%; max-height:520px; object-fit:cover; margin-top:30px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); }
.note { margin-top:34px; padding:18px 20px; border:1px solid rgba(67,226,125,.24); border-radius:var(--radius); background:rgba(67,226,125,.08); color:#d9ffe4; }
.note a { color:#baffcb; font-weight:760; }
@media (max-width:640px) { header { padding:0 14px; } nav a:not(:last-child) { display:none; } .article { width:calc(100% - 28px); padding:54px 0; } h1 { font-size:36px; } }