:root {
  --bg: #fbfaf7;
  --surface: #ffffff;
  --text: #1d1b18;
  --muted: #6f6a62;
  --line: #e6e1d8;
  --accent: #8a5a1f;
  --accent-soft: #f4ead9;
  --danger: #b3261e;
  --ok: #2e7d32;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #15130f;
    --surface: #1f1c17;
    --text: #f2eee6;
    --muted: #a39d92;
    --line: #36312a;
    --accent: #e0a85a;
    --accent-soft: #3a2d1b;
    --danger: #ef7a72;
    --ok: #7bc47f;
  }
}
* { box-sizing: border-box; }
html, body { margin: 0; }
/* 很长的网址或单词自动换行，手机画面不会被撑宽（11/13 质量检查） */
body { overflow-wrap: anywhere; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  line-height: 1.5;
}
button, select, input, textarea { font: inherit; color: inherit; }
button {
  background: var(--accent);
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 10px 18px;
  cursor: pointer;
  font-weight: 600;
}
button.secondary { background: var(--surface); color: var(--text); border: 1px solid var(--line); }
button:disabled { opacity: 0.5; cursor: default; }
select, input[type=text], textarea {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 8px 10px;
}
.muted { color: var(--muted); }
.pill {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 13px;
  background: var(--accent-soft);
  color: var(--accent);
}