:root { --bg:#faf6ef; --card:#fffdf9; --ink:#2b2420; --muted:#6f655d; --accent:#c4582f; --line:#e8dfd2; }
@media (prefers-color-scheme: dark) { :root { --bg:#1d1916; --card:#27221e; --ink:#f3ece4; --muted:#b5aaa0; --accent:#e07a4f; --line:#3a332d; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.75 -apple-system,"PingFang TC","Noto Sans TC",sans-serif; }
main { max-width:760px; margin:0 auto; padding:40px 20px 64px; }
header.site { display:flex; align-items:center; gap:12px; margin-bottom:32px; }
header.site img { width:48px; height:48px; border-radius:12px; }
header.site a { color:inherit; text-decoration:none; font-weight:700; font-size:20px; }
h1 { font-size:28px; line-height:1.3; margin:0 0 8px; }
h2 { font-size:19px; margin:36px 0 8px; padding-top:8px; border-top:1px solid var(--line); }
p, li { color:var(--ink); }
.muted { color:var(--muted); font-size:14px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:20px; margin:16px 0; }
a { color:var(--accent); }
table { border-collapse:collapse; width:100%; font-size:15px; }
th, td { text-align:left; vertical-align:top; padding:8px 6px; border-bottom:1px solid var(--line); }
footer { margin-top:48px; color:var(--muted); font-size:14px; }