/* 浅色清爽主题 — 内联为准；须在 :root 与默认组件样式之后 */
html[data-theme="light"] {
  --bg: #f0f3f7;
  --card: #ffffff;
  --border: #d5dde8;
  --text: #1a2332;
  --muted: #6b7a90;
  --accent: #3b82f6;
  --up: #059669;
  --down: #dc2626;
  --warn: #b45309;
  color-scheme: light;
}
html[data-theme="light"] body {
  margin-left: auto;
  margin-right: auto;
  background:
    radial-gradient(ellipse 80% 50% at 50% -20%, rgba(59, 130, 246, 0.12), transparent),
    var(--bg);
}
html[data-theme="light"] .cell,
html[data-theme="light"] section {
  box-shadow: 0 1px 2px rgba(26, 35, 50, 0.04), 0 4px 12px rgba(26, 35, 50, 0.06);
  background: var(--card);
}
html[data-theme="light"] button {
  background: #eef2f7;
  color: var(--text);
  border-color: var(--border);
}
html[data-theme="light"] button.primary {
  background: #2563eb;
  border-color: #1d4ed8;
  color: #fff;
}
html[data-theme="light"] button.danger {
  background: #fef2f2;
  border-color: #fecaca;
  color: #b91c1c;
}
html[data-theme="light"] th {
  background: #e8eef6;
  color: var(--muted);
}
html[data-theme="light"] input {
  background: #f8fafc;
  border-color: var(--border);
  color: var(--text);
}
html[data-theme="light"] .theme-bar select {
  background: #ffffff;
  border-color: var(--border);
  color: var(--text);
}
html[data-theme="light"] .ro {
  color: var(--muted);
}
html[data-theme="light"] footer code {
  color: #2563eb;
}