:root { --bg:#0b0f17; --card:#141b27; --fg:#e6edf3; --muted:#8b98a9; --accent:#4f8cff; --ok:#3ecf8e; --border:#263042; }
* { box-sizing: border-box; }
body { margin:0; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif; background:var(--bg); color:var(--fg); line-height:1.75; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
.bh { display:flex; justify-content:space-between; align-items:center; max-width:820px; margin:0 auto; padding:18px 20px; border-bottom:1px solid var(--border); }
.bh .bloghome { font-weight:600; color:var(--fg); }
.bh .toollink { color:var(--accent); font-size:.9rem; }
main.post { max-width:820px; margin:0 auto; padding:24px 20px 60px; }
h1 { font-size:1.9rem; line-height:1.3; margin:8px 0 12px; }
h2 { font-size:1.25rem; margin:34px 0 10px; border-left:3px solid var(--accent); padding-left:10px; }
.lede { color:var(--muted); font-size:1.05rem; margin:0 0 8px; }
.meta { color:var(--muted); font-size:.82rem; margin-bottom:28px; }
pre { background:#0d131d; border:1px solid var(--border); border-radius:8px; padding:14px; overflow:auto; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size:13px; white-space:pre; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; background:#0d131d; padding:2px 6px; border-radius:4px; font-size:.9em; }
li { margin:6px 0; }
.cta, .related { background:var(--card); border:1px solid var(--border); border-radius:12px; padding:16px 18px; margin:28px 0; }
.related h3 { margin:0 0 8px; font-size:1rem; }
.related ul { margin:0; padding-left:20px; }
.bf { text-align:center; color:var(--muted); font-size:.82rem; padding:28px; border-top:1px solid var(--border); }
.hub-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:20px; }
@media (max-width:680px){ .hub-grid{ grid-template-columns:1fr; } }
.hub-card { background:var(--card); border:1px solid var(--border); border-radius:10px; padding:14px 16px; }
.hub-card h3 { margin:0 0 6px; font-size:1rem; }
.hub-card p { margin:0; color:var(--muted); font-size:.85rem; }