:root{
  --bg:#ffffff; --fg:#0b0f14; --muted:#6b7280; --link:#0b5ed7; --border:#e5e7eb;
  --accent:#22c55e; --warn:#f97316; --ok:#10b981; --card:#fafafa;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,Segoe UI,Roboto,Arial,sans-serif}
.container{max-width:1000px;margin:0 auto;padding:16px}
.site-header{border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(10px);z-index:10}
.logo{font-weight:700;color:var(--fg);text-decoration:none}
.topnav a{margin-left:12px;color:var(--fg);text-decoration:none}
.topnav a:hover{color:var(--link)}
.site-footer{border-top:1px solid var(--border);color:var(--muted)}
.search{display:flex;gap:8px;margin-top:8px}
.search input{flex:1;padding:8px 10px;border:1px solid var(--border);border-radius:8px}
.search button{padding:8px 12px;border:1px solid var(--border);background:#fff;border-radius:8px;cursor:pointer}
.qa-list{list-style:none;padding:0;margin:0}
.qa-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}
.qa-item .stats{min-width:110px;display:flex;gap:12px;color:var(--muted)}
.qa-item .stats .s{color:#111827}
.qa-item .stats .a{color:var(--link)}
.qa-item h2{margin:0 0 6px 0;font-size:18px}
.qa-item .entry p{margin:0;color:var(--muted)}
.pagination{margin:20px 0}
.pagination ul{list-style:none;display:flex;gap:6px;padding:0}
.pagination a,.pagination span{display:inline-block;padding:6px 10px;border:1px solid var(--border);border-radius:6px;text-decoration:none;color:var(--fg)}
.pagination .active span{background:var(--fg);color:#fff;border-color:var(--fg)}
.pagination .sep{padding:6px;color:var(--muted)}
.question h1{margin-top:0}
.q-meta{display:flex;gap:16px;color:var(--muted)}
.q-body{margin:12px 0;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:auto}
.q-body pre{background:#0b1020;color:#f8fafc;padding:12px;border-radius:8px;overflow:auto}
.q-body code{padding:2px 4px;border-radius:4px}
.tags{margin:10px 0}
.tag{display:inline-block;padding:4px 8px;background:#eef2ff;color:#1e40af;border-radius:999px;text-decoration:none;margin-right:6px}
.answers .answer{border:1px solid var(--border);background:#fff;border-radius:10px;padding:12px;margin:12px 0}
.answers .answer.accepted{border-color:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.15) inset}
.a-meta{display:flex;gap:12px;color:var(--muted);margin-bottom:8px}
.a-meta .ok{color:#10b981;font-weight:600}
.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;margin:10px 0}
.button{display:inline-block;padding:8px 12px;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--fg);background:#fff}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grid2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
label{display:block;margin:6px 0}
label input{width:100%;padding:8px;border:1px solid var(--border);border-radius:8px}
.entry{flex:1}
.related ul{margin:0;padding-left:18px}
@media (max-width:800px){.grid,.grid2{grid-template-columns:1fr}.qa-item{flex-direction:column}.qa-item .stats{min-width:auto}}