:root{--bg:#131314;--card:#1c1c1e;--muted:#2a2a2b;--line:#ffffff14;--pri:#2563eb;
--tx:#e5e2e3;--tx2:#a3a0a8;--tx3:#737078;--err:#e5484d;--ok:#30a46c}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);
font:15px/1.6 system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
a{color:#6d9df6;text-decoration:none}
a:hover{text-decoration:underline}
.top{display:flex;align-items:center;gap:18px;padding:12px 20px;
background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.brand{font-weight:600;color:var(--tx);font-size:16px}
.top nav{margin-left:auto;display:flex;align-items:center;gap:16px}
.top nav a{color:var(--tx2)}
.top nav a.primary{background:var(--pri);color:#fff;padding:5px 12px;border-radius:4px}
.top nav a.primary:hover{text-decoration:none;filter:brightness(1.1)}
.inline{display:inline}
button.link{background:none;border:0;color:var(--tx3);cursor:pointer;font:inherit;padding:0}
button.link:hover{color:var(--tx)}
main{max-width:760px;margin:0 auto;padding:22px 16px 60px}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:16px;margin:0 0 14px}
h1{font-size:22px;margin:0 0 8px}
h2{font-size:17px;margin:0 0 6px}
h3{font-size:15px;color:var(--tx2);margin:22px 0 10px;font-weight:600}
.meta{color:var(--tx3);font-size:13px;margin:0 0 8px}
.excerpt{color:var(--tx2);margin:0}
.body{white-space:normal;margin-top:10px}
.comment{padding:12px 16px;background:var(--muted)}
.empty{color:var(--tx3);padding:20px 0;text-align:center}
input,textarea,button{font:inherit}
input[type=text],input[type=password],input[type=email],input:not([type]),textarea{
width:100%;background:var(--muted);border:1px solid var(--line);color:var(--tx);
border-radius:4px;padding:8px 10px;margin-top:4px}
input[type=file]{margin-top:6px;color:var(--tx2)}
textarea{resize:vertical}
label{display:block;margin-bottom:12px;color:var(--tx2);font-size:14px}
button{background:var(--muted);border:1px solid var(--line);color:var(--tx);
border-radius:4px;padding:7px 16px;cursor:pointer}
button:hover{filter:brightness(1.15)}
button.primary{background:var(--pri);border-color:transparent;color:#fff}
form.compose input,form.compose textarea{margin-bottom:10px}
form.search{display:flex;gap:8px;margin-bottom:16px}
form.search input{margin-top:0}
.auth{max-width:380px;margin:40px auto}
.hint{color:var(--tx3);font-size:13px;margin:12px 0 0}
.err{background:#e5484d1a;border-left:3px solid var(--err);color:#ff9ea1;
padding:8px 12px;border-radius:0 4px 4px 0;margin:0 0 12px;font-size:14px}
.flash{background:#30a46c1a;border-left:3px solid var(--ok);color:#7fd0a5;
padding:9px 14px;border-radius:0 4px 4px 0;margin:0 0 16px;font-size:14px}
.avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;
border:1px solid var(--line);display:block;margin:10px 0}
table{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}
th,td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--tx3);font-weight:500;width:180px;white-space:nowrap}
td{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"PingFang SC",monospace;
word-break:break-all;color:var(--tx)}
code{background:var(--muted);padding:1px 5px;border-radius:3px;
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}
footer{max-width:760px;margin:0 auto;padding:16px;color:var(--tx3);
font-size:12px;border-top:1px solid var(--line)}