/* ===== 斑马纹：交替行底色，表头实色 ===== */
html[data-theme="stripe"] {
  --bg: #0d1219;
  --card: #161e2a;
  --border: #2e3a4d;
  --text: #e8eef6;
  --muted: #8fa0b8;
  --accent: #38bdf8;
  --up: #4ade80;
  --down: #f87171;
  --warn: #fbbf24;
  --stripe-a: #161e2a;
  --stripe-b: #1c2636;
  color-scheme: dark;
}
html[data-theme="stripe"] th {
  background: #1e3a5f;
  color: #e0f2fe;
  border-bottom: 2px solid #38bdf8;
  padding: 0.55rem 0.45rem;
  letter-spacing: 0.03em;
  text-transform: none;
}
html[data-theme="stripe"] td {
  border-bottom: none;
  padding: 0.48rem 0.4rem;
}
html[data-theme="stripe"] tbody tr:nth-child(odd) td {
  background: var(--stripe-a);
}
html[data-theme="stripe"] tbody tr:nth-child(even) td {
  background: var(--stripe-b);
}
html[data-theme="stripe"] tbody tr:hover td {
  background: #243448;
}
html[data-theme="stripe"] table {
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
}
html[data-theme="stripe"] tfoot td {
  background: #121a26;
  border-top: 2px solid var(--border);
}
html[data-theme="stripe"] input {
  background: #0c121c;
  border-color: #3a4a62;
  color: var(--text);
}
html[data-theme="stripe"] button {
  background: #1e2d42;
  color: var(--text);
}
html[data-theme="stripe"] button.primary {
  background: #0369a1;
  border-color: #38bdf8;
  color: #fff;
}
html[data-theme="stripe"] .theme-bar select {
  background: #0c121c;
  color: var(--text);
}