:root { --fg:#1a1a1a; --muted:#666; --line:#e5e5e5; --accent:#0b5fff; }
@media (prefers-color-scheme: dark) { :root { --fg:#e8e8e8; --muted:#999; --line:#333; --accent:#6ea8ff; } }
* { box-sizing:border-box; }
body { margin:0 auto; max-width:44rem; padding:2rem 1.25rem; line-height:1.75;
       font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
       color:var(--fg); background:transparent; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
header h1 { margin:0 0 .25rem; font-size:1.6rem; }
header h1 a { color:inherit; }
.desc { color:var(--muted); margin:0 0 2rem; }
.posts { list-style:none; padding:0; }
.posts li { display:flex; justify-content:space-between; gap:1rem;
            padding:.6rem 0; border-bottom:1px solid var(--line); }
.posts time { color:var(--muted); font-size:.875rem; white-space:nowrap; }
article h2 { margin-top:0; }
article time { color:var(--muted); font-size:.875rem; }
pre { overflow-x:auto; padding:1rem; background:rgba(127,127,127,.1); border-radius:6px; }
code { font-size:.9em; }
img { max-width:100%; height:auto; }