:root { color-scheme: light dark; --bg:#FFF8EE; --card:#FFFFFF; --text:#2B1E17; --muted:#7A6A5F; --accent:#E89B36; --line:#F0E2CC; }
@media (prefers-color-scheme: dark) { :root { --bg:#1C1612; --card:#26201B; --text:#F5ECE3; --muted:#B5A698; --accent:#F0A742; --line:#3A2F27; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.65 -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", sans-serif; -webkit-font-smoothing:antialiased; }
main { max-width:720px; margin:0 auto; padding:48px 20px 64px; }
header { display:flex; align-items:center; gap:14px; margin-bottom:28px; }
header img { width:56px; height:56px; border-radius:13px; box-shadow:0 6px 18px rgba(232,155,54,.35); }
header h1 { font-size:26px; margin:0; line-height:1.2; }
header p { margin:2px 0 0; color:var(--muted); font-size:14px; }
/* 右上角语言切换：原生下拉框，套一层胶囊外观。 */
select.lang { margin-left:auto; align-self:flex-start; appearance:none; -webkit-appearance:none; font:inherit; font-size:14px; color:var(--text); background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237A6A5F' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid var(--line); border-radius:999px; padding:6px 30px 6px 14px; cursor:pointer; }
/* 没有脚本时两种语言都显示：标题里用「·」隔开。 */
html:not(.js) span[data-lang] + span[data-lang]::before { content:" · "; }
section { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:24px 24px 8px; margin-bottom:20px; }
h2 { font-size:20px; margin:0 0 4px; }
h3 { font-size:16px; margin:20px 0 4px; }
p, li { color:var(--text); }
.muted { color:var(--muted); font-size:14px; }
a { color:var(--accent); }
footer { text-align:center; color:var(--muted); font-size:13px; margin-top:32px; }
footer a { color:var(--muted); }
section > :first-child { margin-top:0; }