:root{--bg:#0F1813;--card:#16221B;--text:#EEF0EA;--muted:#A3AEA7;--accent:#8DB8A0;--line:#26352C;--hero:#1C3226}
@media (prefers-color-scheme: light){:root{--bg:#F4F1EA;--card:#FFFFFF;--text:#16211B;--muted:#56615A;--accent:#2F5D46;--line:#E0D9CB;--hero:#1F3B2D}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 -apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Segoe UI",sans-serif}
main{max-width:720px;margin:0 auto;padding:48px 20px 64px}
header{display:flex;align-items:center;gap:16px;margin-bottom:28px}
header img{width:64px;height:64px;border-radius:15px}
h1{font-size:28px;line-height:1.25;margin:0}
h2{font-size:19px;margin:32px 0 8px}
p,li{color:var(--text)}
.muted{color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin:16px 0}
.hero{background:var(--hero);color:#F4F1EA;border-radius:24px;padding:24px;margin:8px 0 24px}
.hero p{color:#F4F1EA;margin:0}
ul{padding-left:20px}
a{color:var(--accent)}
nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:14px}
.lang{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:40px}