:root{--bg:#07111f;--card:#0e1b2f;--text:#edf5ff;--muted:#9fb2ca;--accent:#39d98a;--danger:#ffcc66;--line:#21314a}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;background:linear-gradient(180deg,#07111f,#0a1424);color:var(--text)}.wrap{max-width:1080px;margin:auto;padding:28px}.nav{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;font-size:20px}.badge{font-size:12px;border:1px solid var(--line);padding:6px 10px;border-radius:999px;color:var(--muted)}.hero{padding:82px 0 55px;max-width:800px}.hero h1{font-size:52px;line-height:1.12;margin:0 0 18px}.hero p{font-size:20px;line-height:1.8;color:var(--muted)}.cta{display:inline-block;background:var(--accent);color:#042013;text-decoration:none;font-weight:800;padding:16px 26px;border-radius:12px;margin-top:14px}.sub{font-size:13px;color:var(--muted);margin-top:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:rgba(14,27,47,.92);border:1px solid var(--line);border-radius:16px;padding:22px}.card h3{margin:0 0 9px}.card p{color:var(--muted);line-height:1.7}.warning{margin:28px 0;padding:18px;border:1px solid #7c622c;background:#241d0e;border-radius:14px;color:#ffe5a8}.result{max-width:760px;margin:48px auto}.metric{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0}.big{font-size:46px;font-weight:800;color:var(--accent)}code{background:#0a1322;padding:3px 6px;border-radius:6px}@media(max-width:760px){.hero h1{font-size:37px}.grid{grid-template-columns:1fr}.wrap{padding:20px}}