/* theme.css — 与集合竞价项目配色完全一致 */

/* ===== CSS 变量 ===== */
:root {
  --color-positive: #D22222;
  --color-negative: #008a00;
  --color-limit-down: #006006;
  --color-link: #0066ff;
  --color-refresh: #0066ff;
  --color-white: #FFF;
  --color-purple: #8701e6;
  --color-pink: #d91e9c;
  --color-orange: #ed8936;
  --color-orange-export: #ff9900;
  --color-gray-light: #94a3b8;
  --color-gray-medium: #64748b;
  --color-modal-bg: #ffffff;
  --text-color: #1a1d23;
  --border-color: #dfe3e8;
  --color-scrollbar: #cbd5e1;
  --color-tips-bg: #f5f7f9;
  --color-scrollbar-hover: #ff9900;
  --color-bg-hover: #f0f7ff;
  --color-bg-selected: #e6f4ff;
  --bg-main-limit: #D22222;
  --bg-gem-limit: #800080;
  --bg-limit-down: #008a00;
  /* 兼容 db.css 的变量名 */
  --color-bg-primary: #ffffff;
  --color-bg-dark: #ffffff;
  --bg-primary: #ffffff;
  --bg-dark: #ffffff;
}

body {
  background-color: var(--color-modal-bg);
  color: var(--text-color);
}

/* ===== 深色主题覆盖 ===== */
body.dark-theme {
  --color-negative: #4eeeee;
  --color-link: #01bcdd;
  --color-refresh: #FFFF00;
  --color-pink: #FF03CB;
  --color-orange: #ff9800;
  --color-gray-light: #888888;
  --color-gray-medium: #555555;
  --color-modal-bg: #191d25;
  --text-color: #dddddd;
  --border-color: #333;
  --color-scrollbar: #555555;
  --color-tips-bg: #0e1b2c;
  --color-bg-hover: #1f477a;
  --color-bg-selected: #0e1b2c;
  --bg-main-limit: #800000;
  --bg-gem-limit: #800080;
  --bg-limit-down: #006006;
  /* 兼容 db.css 的变量名 */
  --color-bg-primary: #191d25;
  --color-bg-dark: #1e232d;
  --bg-primary: #191d25;
  --bg-dark: #1e232d;
}

/* ===== 表格通用配色 ===== */
/* 表头 */
thead th {
  color: var(--text-color);
  background-color: var(--color-tips-bg);
}

/* 数据行 */
tbody tr { height: 20px; box-sizing: border-box; }
tbody tr:hover { background-color: var(--color-bg-hover) !important; }
tbody tr.tr--selected { background-color: var(--color-bg-selected) !important; border-bottom: 1px solid #4a9eff; }
tbody tr.tr--selected td { background-color: var(--color-bg-selected) !important; border-bottom: 1px solid #4a9eff; }
td { border-bottom: 1px solid var(--border-color); border-right: 1px solid var(--border-color); }

/* 涨/跌/涨跌停背景 */
.c-up { color: var(--color-positive); }
.c-down { color: var(--color-negative); }
.c-gray { color: var(--color-gray-light); }
.c-concept { color: var(--color-link); }
.c-unit { color: var(--color-gray-medium); }
.c-bse { color: var(--color-purple); }
.bg-limit-main { background-color: var(--bg-main-limit); color: #fff; }
.bg-limit-gem { background-color: var(--bg-gem-limit); color: #fff; }
.bg-limit-down { background-color: var(--bg-limit-down); color: #fff; }

/* 选中的涨跌停行保留底色 */
tbody tr.tr--selected td.bg-limit-main { background-color: var(--bg-main-limit) !important; }
tbody tr.tr--selected td.bg-limit-gem { background-color: var(--bg-gem-limit) !important; }
tbody tr.tr--selected td.bg-limit-down { background-color: var(--bg-limit-down) !important; }

/* 名称列/白字列深色覆盖 */
body.dark-theme .col-name,
body.dark-theme .text-white { color: var(--text-color) !important; }
body:not(.dark-theme) .text-white { color: var(--text-color) !important; }