:root { --brand:#ff5a36; --brand-dark:#e04422; --ink:#14161a; --muted:#6b7280; --line:#e8eaee; --soft:#f6f7f9; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; color:var(--ink); line-height:1.8; background:#fff; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
header { border-bottom:1px solid var(--line); background:rgba(255,255,255,.9); backdrop-filter:blur(10px); position:sticky; top:0; z-index:10; }
.wrap { max-width:900px; margin:0 auto; padding:0 24px; }
nav { height:68px; display:flex; align-items:center; justify-content:space-between; }
.logo { display:flex; align-items:center; gap:10px; font-weight:700; font-size:19px; text-decoration:none; }
.logo-mark { width:34px; height:34px; border-radius:10px; background:linear-gradient(135deg,#ff7a4d,var(--brand)); display:grid; place-items:center; color:#fff; font-size:16px; font-weight:800; }
.back { font-size:14px; color:var(--muted); text-decoration:none; }
.back:hover { color:var(--brand); }
main { padding:56px 0 88px; }
h1 { font-size:34px; letter-spacing:-.5px; margin-bottom:8px; }
.lead { color:var(--muted); font-size:15px; margin-bottom:30px; }
h2 { font-size:20px; margin:34px 0 10px; }
p, li { font-size:15px; color:#374151; }
ul { padding-left:22px; margin:8px 0; }
.note { background:var(--soft); border:1px solid var(--line); border-radius:12px; padding:16px 18px; font-size:14px; color:var(--muted); margin:24px 0; }
.badge { display:inline-block; background:#fff2ee; color:var(--brand); border-radius:999px; padding:2px 12px; font-size:13px; margin-bottom:14px; }
.cards { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin:22px 0; }
.card { border:1px solid var(--line); border-radius:14px; padding:18px; }
.card h3 { font-size:16px; margin-bottom:6px; }
.card p { font-size:14px; color:var(--muted); }
table { width:100%; border-collapse:collapse; margin:16px 0; font-size:14px; }
th, td { text-align:left; padding:12px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
th { background:var(--soft); font-weight:600; }
.tag { font-size:12px; color:var(--brand); background:#fff2ee; border-radius:999px; padding:1px 8px; white-space:nowrap; }
.tag.off { color:var(--muted); background:var(--soft); }
.btn { display:inline-flex; height:44px; padding:0 22px; border-radius:22px; align-items:center; font-weight:600; font-size:14px; background:var(--brand); color:#fff; text-decoration:none; margin-top:8px; }
.btn:hover { background:var(--brand-dark); }
footer { border-top:1px solid var(--line); padding:28px 0; color:var(--muted); font-size:13px; }
footer a { text-decoration:none; }
footer a:hover { color:var(--brand); }
@media (max-width:700px) { .cards { grid-template-columns:1fr; } h1 { font-size:28px; } }