claude_dev
977cebb2aa
- Leaderboard.vue 类别 chips/样式映射加 fundamental(财务基本面),teal 色系 - tokens.css 新增 --teal 类别色变量(#2dd4bf,未占用色) - import_runs_to_main_db.py:独立评估库指定 run_ids 幂等导入主库 (INSERT OR REPLACE,列序按 dst PRAGMA 实取,写前只读预检, 本地临时双库自测:幂等/零沾染/列序不匹配/缺失run rc=1 全过) Co-Authored-By: Claude Code <noreply@anthropic.com>
83 lines
2.9 KiB
CSS
83 lines
2.9 KiB
CSS
/* 三国量化研究台 · 科幻终端设计 token
|
||
深空黑 + 荧光青 + 琥珀 · 高密度数据终端
|
||
换肤原则：只改值不改名，全站页面零改动即刻生效 */
|
||
:root {
|
||
/* —— 背景层级（深空黑，蓝调冷底）—— */
|
||
--bg: #05080d; /* 主背景 · 深空黑 */
|
||
--bg-card: #0a0f17; /* 卡片/面板 · 略亮冷蓝 */
|
||
--bg-hover: #0e1622; /* 悬停/表头 */
|
||
--bg-overlay: #0d1320; /* 弹层 */
|
||
--panel: #070b12; /* 嵌套面板 · 比主背景略深，多层叠 */
|
||
|
||
/* —— 文字（冷调）—— */
|
||
--text: #d4e4f0; /* 主 · 冷白 */
|
||
--text-2: #7a8a9a; /* 次 */
|
||
--text-3: #4a5868; /* 弱/占位 */
|
||
|
||
/* —— 主强调：荧光青 —— */
|
||
--brand: #00e5ff; /* 品牌/链接/激活 · 荧光青 */
|
||
--cyan: #00e5ff; /* 语义别名 */
|
||
--cyan-dim: #00b8cc; /* 暗青（hover/次要激活） */
|
||
--cyan-soft: rgba(0, 229, 255, 0.14); /* 青色填充底 */
|
||
|
||
/* —— 次强调：紫（alpha158）—— */
|
||
--purple-dim: #b48cff; /* alpha158 类别色 */
|
||
|
||
/* —— 类别色：teal（fundamental 财务因子）—— */
|
||
--teal: #2dd4bf; /* fundamental 类别色 */
|
||
|
||
/* —— 数据高亮：琥珀 —— */
|
||
--amber: #ffb000; /* 数据高亮/警告 */
|
||
--warn: #ffb000; /* 语义别名 */
|
||
--amber-soft: rgba(255, 176, 0, 0.14);
|
||
|
||
/* —— 涨跌（A股：红涨绿跌）—— */
|
||
--up: #ff4d5e; /* 涨 · 红 */
|
||
--down: #2ee68a; /* 跌 · 绿 */
|
||
--danger: #ff4d5e;
|
||
|
||
/* —— 信号灯（终端状态）—— */
|
||
--lamp-ok: #2ee68a; /* 运行/正常 · 绿 */
|
||
--lamp-warn: #ffb000; /* 告警 · 琥珀 */
|
||
--lamp-crit: #ff4d5e; /* 临界 · 红 */
|
||
--lamp-idle: #4a5868; /* 空闲 · 灰 */
|
||
|
||
/* —— 边框（冷调，低明度）—— */
|
||
--border: #16202e; /* 主边框 */
|
||
--border-2: #0f1822; /* 更弱分隔线 */
|
||
|
||
/* —— 科幻装饰 —— */
|
||
--grid-line: rgba(0, 229, 255, 0.035); /* 1px 网格底 */
|
||
--grid-size: 32px;
|
||
--scan: rgba(0, 229, 255, 0.05); /* 扫描线 */
|
||
--glow-cyan: 0 0 0 1px rgba(0, 229, 255, 0.22), 0 0 18px rgba(0, 229, 255, 0.08);
|
||
--glow-amber: 0 0 0 1px rgba(255, 176, 0, 0.22), 0 0 18px rgba(255, 176, 0, 0.08);
|
||
|
||
/* —— 间距 —— */
|
||
--sp-1: 4px;
|
||
--sp-2: 8px;
|
||
--sp-3: 12px;
|
||
--sp-4: 16px;
|
||
--sp-5: 24px;
|
||
--sp-6: 32px;
|
||
|
||
/* —— 圆角（终端：近直角）—— */
|
||
--r-sm: 2px;
|
||
--r-md: 3px;
|
||
--r-lg: 4px;
|
||
|
||
/* —— 阴影 —— */
|
||
--shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
|
||
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
|
||
|
||
/* —— 字体 —— */
|
||
--mono: ui-monospace, 'JetBrains Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
|
||
--sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Roboto, sans-serif;
|
||
|
||
/* —— 布局 —— */
|
||
--sidebar-w: 200px;
|
||
--header-h: 48px;
|
||
|
||
--ease: cubic-bezier(0.4, 0, 0.2, 1);
|
||
}
|