:root{--bg:#fff;--fg:#1a1d21;--dim:#6b7280;--line:#e5e7eb;--card:#f9fafb;--accent:#2563eb}
@media(prefers-color-scheme:dark){:root{--bg:#111418;--fg:#e6e8eb;--dim:#9aa3ad;--line:#262b31;--card:#171b20;--accent:#7aa7ff}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:960px;margin:0 auto;padding:24px 16px 64px}
a{color:var(--accent)}
.banner{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:24px}
.banner b{display:block;margin-bottom:4px}
h1{font-size:26px;margin:0 0 6px}
h2{font-size:19px;margin:28px 0 10px}
.crumbs{color:var(--dim);font-size:14px;margin-bottom:18px}
.sect{border:1px solid var(--line);border-radius:10px;margin-bottom:14px;overflow:hidden}
.sect__h{background:var(--card);padding:10px 14px;font-weight:600;border-bottom:1px solid var(--line)}
.row{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}
.row:last-child{border-bottom:0}
.row__meta{color:var(--dim);font-size:13px;white-space:nowrap}
.post{border:1px solid var(--line);border-radius:10px;margin-bottom:14px}
.post__h{background:var(--card);padding:8px 14px;font-size:14px;color:var(--dim);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.post__h b{color:var(--fg)}
.post__b{padding:14px}
.post__b img{max-width:100%;height:auto}
blockquote{border-left:3px solid var(--line);margin:10px 0;padding:6px 14px;background:var(--card);border-radius:0 6px 6px 0}
cite{display:block;color:var(--dim);font-size:13px;font-style:normal;margin-bottom:4px}
pre.code{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px;overflow-x:auto;font-size:14px}
code{background:var(--card);padding:1px 5px;border-radius:4px;font-size:14px}
.att{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);font-size:14px}
.center{text-align:center}.right{text-align:right}
.mention{color:var(--accent)}
.media{color:var(--dim);font-style:italic}
footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);color:var(--dim);font-size:13px}