/* Nobady Box 文章页 · 照官网设计变量 */
:root{--bg:#070b09;--surface:#0d1511;--fg:#e4f0e8;--muted:#7f9a8b;--line:#1a2a21;--accent:#22e58a;--accent-ink:#04120b;--accent-soft:rgba(34,229,138,0.12);--glow:rgba(34,229,138,0.35);
--display:"Sora","Noto Sans SC","PingFang SC","Hiragino Sans","Microsoft YaHei",system-ui,sans-serif;--sans:"Noto Sans SC","PingFang SC","Hiragino Sans","Microsoft YaHei",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);line-height:1.75;font-size:16px;background-image:linear-gradient(rgba(34,229,138,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,229,138,0.045) 1px,transparent 1px);background-size:48px 48px}
a{color:var(--accent)}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}
nav{position:sticky;top:0;z-index:9;background:rgba(7,11,9,0.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;gap:18px;min-height:60px;max-width:1160px}
.logo{font-family:var(--display);font-weight:700;font-size:18px;text-decoration:none;color:var(--fg);display:flex;align-items:center;gap:10px;white-space:nowrap}
.logo i{width:24px;height:24px;border-radius:7px;background:var(--accent);box-shadow:0 0 18px var(--glow);display:inline-block;position:relative}
.logo i::after{content:"";position:absolute;left:6px;right:6px;top:10px;height:4px;border-radius:2px;background:var(--accent-ink)}
.logo small{font-family:var(--mono);font-size:11px;color:var(--accent);font-weight:400}
.links{display:flex;gap:18px;font-size:14px;margin-left:auto}.links a{color:var(--muted);text-decoration:none}.links a.on,.links a:hover{color:var(--fg)}
.btn{display:inline-flex;align-items:center;font:inherit;font-weight:600;font-size:14px;padding:10px 18px;border-radius:10px;background:var(--accent);color:var(--accent-ink);text-decoration:none;box-shadow:0 0 24px var(--glow);white-space:nowrap}
main{padding:40px 0 60px}
.tag{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.crumb{font-size:13px;color:var(--muted);margin-bottom:18px}.crumb a{color:var(--muted);text-decoration:none}
h1{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:8px 0 14px}
.meta{font-size:13px;color:var(--muted);margin-bottom:28px;display:flex;gap:14px;flex-wrap:wrap}
.lead{font-size:18px;color:#b7cbbf}
article h2{font-size:24px;margin:36px 0 12px;padding-top:8px}article h3{font-size:18px;margin:22px 0 8px}
article p,article li{color:#cfdcd4}article ul,article ol{padding-left:22px}article li{margin:6px 0}
article strong{color:var(--fg)}article code{font-family:var(--mono);font-size:13px;color:var(--accent);background:var(--accent-soft);padding:2px 6px;border-radius:6px}
pre{background:#050806;border:1px solid var(--line);border-radius:14px;padding:16px;font-family:var(--mono);font-size:13px;line-height:1.6;overflow-x:auto;color:#c9e3d3}
table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}td,th{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}th{color:var(--muted);font-weight:500;font-size:13px}
@media (max-width:600px){table{display:block;overflow-x:auto;white-space:nowrap}}
.cta{margin-top:44px;padding:26px;border:1px solid rgba(34,229,138,0.35);border-radius:18px;background:radial-gradient(60% 80% at 50% 0%,rgba(34,229,138,0.14),var(--surface));text-align:center}
.cta h2{margin:0 0 8px;font-size:22px}.cta p{color:var(--muted);margin:0 0 16px}
.more{margin-top:44px;border-top:1px solid var(--line);padding-top:24px}.more h2{font-size:18px;margin-bottom:12px}
.list{display:grid;gap:14px}.card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 22px;text-decoration:none;color:inherit}
.card:hover{border-color:rgba(34,229,138,0.4)}.card .tag{display:block;margin-bottom:6px}.card b{display:block;font-family:var(--display);font-size:18px;margin-bottom:6px;color:var(--fg)}.card p{margin:0;color:var(--muted);font-size:14px}
footer{padding:34px 0 44px;font-size:14px;color:var(--muted);border-top:1px solid var(--line)}footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;max-width:1160px}footer a{color:var(--muted);text-decoration:none}footer .sp{flex:1 1 20px}
@media (max-width:600px){.links{gap:12px;font-size:13px}.btn{padding:8px 12px;font-size:13px}nav .wrap{gap:10px}.logo small{display:none}main{padding:26px 0 44px}}