/* Stake 风深色主题 + 全局排版 token（在 style.css 之后加载） */

:root {
  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.875rem;
  --text-lg: 1rem;
  --text-xl: 1.125rem;
  --row-hover: #f1f5f9;
  --muted: var(--text-3);
  --accent: var(--brand);
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --promo-border: #c7d2fe;
  --alert-text: #9f1239;
  --alert-border: #fecdd3;
}

/* —— Stake 深色 —— */
[data-theme="stake"] {
  color-scheme: dark;
  --bg: #0f212e;
  --surface: #1a2c38;
  --surface-2: #213743;
  --surface-3: #2f4553;
  --text: #ffffff;
  --text-2: #b1bad3;
  --text-3: #557086;
  --line: #2f4553;
  --line-2: #3d5564;
  --brand: #8b5cf6;
  --brand-2: #a78bfa;
  --brand-bg: rgba(139, 92, 246, 0.18);
  --up: #00e701;
  --up-bg: rgba(0, 231, 1, 0.12);
  --down: #ff4d6d;
  --down-bg: rgba(255, 77, 109, 0.14);
  --row-hover: #243845;
  --shadow: none;
  --shadow-sm: none;
  --radius: 10px;
  --radius-sm: 8px;
  --promo-border: #3d5564;
  --alert-text: #fecdd3;
  --alert-border: #7f1d1d;
}

[data-theme="stake"] body {
  -moz-osx-font-smoothing: grayscale;
}

[data-theme="stake"] .topbar {
  background: var(--surface);
  border-bottom-color: var(--line);
}

[data-theme="stake"] .product-switch {
  background: var(--bg);
  border-color: var(--line);
}

[data-theme="stake"] .product-btn.active {
  background: var(--surface-3);
  color: var(--text);
  box-shadow: none;
}

[data-theme="stake"] .product-btn {
  color: var(--text-3);
}

[data-theme="stake"] .product-btn:hover {
  color: var(--text-2);
}

[data-theme="stake"] .lang-select,
[data-theme="stake"] .theme-select {
  background: var(--surface-2);
  border-color: var(--line);
  color: var(--text);
}

[data-theme="stake"] .bets-quick-filters {
  background: var(--surface);
  border-bottom-color: var(--line);
}

[data-theme="stake"] .bets-quick-filters button.active {
  background: var(--surface-3);
  color: var(--text);
}

[data-theme="stake"] .stat-card {
  box-shadow: none;
}

[data-theme="stake"] .block {
  box-shadow: none;
}

[data-theme="stake"] .grid th {
  background: var(--surface-2);
  color: var(--text-3);
  border-bottom-color: var(--line);
}

[data-theme="stake"] .grid td {
  border-bottom-color: var(--line);
  color: var(--text-2);
}

[data-theme="stake"] .grid tbody tr:hover td {
  background: var(--row-hover);
}

[data-theme="stake"] .tabs {
  background: var(--surface);
  border-bottom-color: var(--line);
}

[data-theme="stake"] .tab.active {
  color: var(--text);
  border-bottom-color: var(--up);
}

[data-theme="stake"] .tab {
  color: var(--text-3);
}

[data-theme="stake"] .tab:hover {
  color: var(--text-2);
}

[data-theme="stake"] .seg {
  background: var(--bg);
}

[data-theme="stake"] .seg button.active {
  background: var(--surface-3);
  color: var(--text);
}

[data-theme="stake"] .btn {
  background: var(--surface-2);
  border-color: var(--line);
  color: var(--text-2);
}

[data-theme="stake"] .btn:hover {
  background: var(--surface-3);
  color: var(--text);
}

[data-theme="stake"] .btn.solid {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

[data-theme="stake"] .btn.solid:hover {
  background: var(--brand-2);
  border-color: var(--brand-2);
}

[data-theme="stake"] .filter-bar input,
[data-theme="stake"] .filter-bar select {
  background: var(--bg);
  border-color: var(--line);
  color: var(--text);
}

[data-theme="stake"] .filter-bar input::placeholder {
  color: var(--text-3);
}

[data-theme="stake"] .alert-bar {
  color: var(--alert-text);
  border-color: var(--alert-border);
}

[data-theme="stake"] .promo-band {
  border-color: var(--promo-border);
}

[data-theme="stake"] .poly-tag-resonance {
  background: rgba(251, 146, 60, 0.15);
  color: #fdba74;
}

[data-theme="stake"] .badge-timing.prematch {
  background: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
}

[data-theme="stake"] .badge-timing.live {
  background: rgba(251, 191, 36, 0.15);
  color: #fcd34d;
}

[data-theme="stake"] .badge-timing.unknown {
  background: var(--surface-2);
  color: var(--text-3);
}

[data-theme="stake"] .contrarian-result.result-won {
  background: var(--up-bg);
  color: var(--up);
}

[data-theme="stake"] .contrarian-result.result-lost {
  background: var(--down-bg);
  color: var(--down);
}

[data-theme="stake"] .contrarian-result.result-pending {
  background: var(--surface-2);
  color: var(--text-2);
}

[data-theme="stake"] .contrarian-result.result-other {
  background: rgba(251, 191, 36, 0.12);
  color: #fcd34d;
}

[data-theme="stake"] .lb-card {
  background: var(--surface);
  border-color: var(--line);
}

[data-theme="stake"] .lb-card:hover {
  border-color: var(--line-2);
  background: var(--surface-2);
  box-shadow: none;
}

[data-theme="stake"] .lb-rank {
  color: var(--brand-2);
}

[data-theme="stake"] .fixture-modal-panel {
  background: var(--surface);
  color: var(--text);
}

[data-theme="stake"] .sport-tag {
  background: var(--surface-3);
  color: var(--text-2);
}

[data-theme="stake"] a {
  color: var(--brand-2);
}

[data-theme="stake"] .contrarian-fixture-link {
  color: var(--text);
}

[data-theme="stake"] .contrarian-fixture-link:hover {
  color: var(--brand-2);
}

/* 蛇货快报：深色下勿用浅色底 + 白字（会「看不见」） */
[data-theme="stake"] .stats-snake-bar.stats-snake-banner {
  --snake-banner-bg: linear-gradient(
    135deg,
    rgba(139, 92, 246, 0.28) 0%,
    rgba(47, 69, 83, 0.95) 55%,
    var(--surface) 100%
  );
  border-color: var(--line-2);
  box-shadow: none;
}

[data-theme="stake"] .snake-banner-head {
  border-bottom-color: var(--line);
}

[data-theme="stake"] .snake-filter-badge {
  background: var(--surface-3);
  color: var(--text);
  border-color: var(--line-2);
}

[data-theme="stake"] .snake-mini {
  background: var(--surface-2);
  border-color: var(--line);
}

[data-theme="stake"] .snake-mini-label {
  color: var(--text-2);
}

[data-theme="stake"] .snake-mini-value {
  color: var(--text);
}

[data-theme="stake"] .snake-latest-line {
  color: var(--text-2);
}

[data-theme="stake"] .snake-latest-label {
  color: var(--text);
}

[data-theme="stake"] .stats-totals-fold {
  background: var(--surface);
  border-color: var(--line);
}

[data-theme="stake"] .sponsor-hero {
  border-color: var(--line-2);
  background: var(--surface);
}

[data-theme="stake"] .sponsor-hero-copy {
  background: linear-gradient(105deg, rgba(139, 92, 246, 0.22) 0%, var(--surface-2) 45%, var(--surface) 100%);
}

[data-theme="stake"] .sponsor-hero-title {
  color: var(--text);
}

[data-theme="stake"] .sponsor-hero-sub {
  color: var(--text-2);
}

[data-theme="stake"] .sponsor-hero-badge {
  background: var(--brand);
  color: #fff;
}