:root{--bg:#fff;--fg:#111;--muted:#777;--line:#e9e9e9;--card:#fff;--link:#111}
html.dark{--bg:#0d0f12;--fg:#e8e8e8;--muted:#9a9a9a;--line:#262b33;--card:#11151b;--link:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",Arial,sans-serif;line-height:1.72}.topbar{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:14px 22px;z-index:2}.brand{font-weight:800;font-size:22px;margin-bottom:8px}.brand a,nav a,h2 a{color:var(--link);text-decoration:none}nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}nav a{color:var(--muted)}nav a.active{color:var(--fg);font-weight:700}.tools{position:absolute;right:18px;top:16px;display:flex;gap:8px}.tools button{border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:999px;padding:5px 10px;cursor:pointer}.install{position:fixed;right:28px;top:110px;width:230px;color:var(--muted);font-size:13px;border-left:1px solid var(--line);padding-left:18px}.install b{display:block;color:var(--fg);margin-top:16px}.feed{max-width:820px;padding:24px 28px 80px}.card{border-bottom:1px solid var(--line);padding:18px 0 22px}.card time{color:var(--muted);font-size:13px}.card h2{font-size:22px;line-height:1.35;margin:6px 0}.meta{font-size:13px;color:var(--muted);margin-bottom:8px}.card p{margin:10px 0}.card blockquote{margin:10px 0 0;padding-left:12px;border-left:3px solid var(--line);color:var(--muted)}.footer{color:var(--muted);text-align:center;margin-top:30px}@media(max-width:1050px){.install{display:none}.feed{max-width:100%;}.tools{position:static;margin-top:10px}}@media(max-width:640px){.topbar{padding:12px 14px}.feed{padding:14px 16px 60px}.card h2{font-size:19px}nav{gap:10px}}
