:root{--bg:#f7f8fa;--bg-elev:#fff;--text:#1a1d24;--text-soft:#5b6270;--border:#e6e8ec;--accent:#3b6cff;--accent-soft:#eaf0ff;--shadow:0 8px 30px #141e3c14;--radius:16px}html[data-theme=dark]{--bg:#0e1117;--bg-elev:#171b22;--text:#e8eaed;--text-soft:#9aa3b2;--border:#262c36;--accent:#6c8bff;--accent-soft:#1a2138;--shadow:0 8px 30px #0006}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.7;transition:background .3s,color .3s}a{color:var(--accent);text-decoration:none}.container{max-width:880px;margin:0 auto;padding:0 20px}.site-header{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);background:color-mix(in srgb, var(--bg-elev) 78%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .inner{justify-content:space-between;align-items:center;max-width:880px;height:60px;margin:0 auto;padding:0 20px;display:flex}.brand{letter-spacing:.3px;font-size:18px;font-weight:700}.nav-links{align-items:center;gap:18px;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px;transition:transform .2s,border-color .2s}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:16px 0;padding:22px;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-3px)}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;transition:transform .2s,opacity .2s;display:inline-flex}.btn:hover{opacity:.92;transform:translateY(-1px)}.btn.ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn.danger{background:#e5484d}.field{margin:12px 0;display:block}.field label{color:var(--text-soft);margin-bottom:6px;font-size:13px;display:block}.field input,.field textarea,.field select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px}.field input:focus,.field textarea:focus{outline:2px solid var(--accent);border-color:#0000}.muted{color:var(--text-soft);font-size:13px}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.toast{background:var(--text);color:var(--bg);z-index:99;box-shadow:var(--shadow);border-radius:10px;padding:10px 18px;font-size:14px;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.article-content{font-size:16px}.article-content img{border-radius:12px;max-width:100%}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.stat-box{text-align:center}.stat-box .num{color:var(--accent);font-size:28px;font-weight:700}.spinner{text-align:center;color:var(--text-soft);padding:40px}