:root{--bg:#fbfaf7;--fg:#2b2a27;--muted:#6b675f;--accent:#6f8f6a;--card:#ffffff;--line:#e6e2d9;--max:760px}
@media (prefers-color-scheme:dark){:root{--bg:#1b1a18;--fg:#ece8df;--muted:#a9a498;--accent:#9db898;--card:#242320;--line:#3a3833}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.8 -apple-system,"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif}
a{color:var(--accent)}
.site-header{display:flex;justify-content:space-between;align-items:center;max-width:var(--max);margin:0 auto;padding:16px}
.site-header .brand{font-weight:700;text-decoration:none;color:var(--fg)}
.site-header nav a{text-decoration:none;color:var(--muted)}
.wrap{max-width:var(--max);margin:0 auto;padding:8px 16px 48px}
h1{font-size:1.7rem;line-height:1.35;margin:.4em 0}
h2{font-size:1.25rem;margin:1.8em 0 .5em;padding-top:.4em;border-top:1px solid var(--line)}
h3{font-size:1.05rem;margin:1.4em 0 .4em}
.lead,.meta{color:var(--muted)}
.meta{font-size:.9rem}
.badge{background:#d9822b;color:#fff;padding:1px 8px;border-radius:12px;font-size:.75rem}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:8px}
.answer-first{background:var(--card);border-left:4px solid var(--accent);padding:14px 18px;margin:16px 0 24px;border-radius:6px}
.answer-first p{margin:0;font-size:1.05rem}
blockquote{margin:1em 0;padding:8px 18px;border-left:3px solid var(--line);color:var(--muted)}
details{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px 16px;margin:8px 0}
summary{cursor:pointer;font-weight:600}
.qlist{list-style:none;padding:0;margin:0}
.qlist li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:10px 0}
.qlist li a{font-weight:600;text-decoration:none;font-size:1.05rem}
.qlist li p{margin:.3em 0 0;color:var(--muted);font-size:.95rem}
.site-footer{max-width:var(--max);margin:0 auto;padding:24px 16px 48px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}