/* =========================================================================== OOGLEX 终端设计系统 · Terminal Design System --------------------------------------------------------------------------- 一套样式表，两层职责： 外壳 .t-tabs / .t-fnbar / .t-crumb / .t-quote / .t-cmdbar / .t-entry / .t-acts / .t-menu / .t-fields / .t-subtabs / .t-pop / .t-sugg = 导航。颜色承载「功能属于哪一类」，所以允许 8 种分类色。 数据区 .t-win / .t-panel / .t-tbl / .t-sig / .t-chart / .t-bars / .t-list = 数字。颜色只承载涨跌方向与风险档位，严格控色，且一律有文字标签 并行 —— 颜色不是唯一编码。 命名只有一套：全部 .t- 前缀。合并时撞名的三处已显式改名，不靠后者覆盖： 命令行容器 .t-cmdbar（.t-cmd 是命令行输入框） 建议功能条 .t-sugg（.t-foot 是页脚一行） 横滚容器 .t-scroll-x（.t-scroll 是窗口修饰符） 表格也只有一套 .t-tbl（带标准/专业双密度与四级字号）。 刻意不做的事 · 无渐变、无发光、无玻璃拟态、无圆角（≤2px）、无装饰动画 · 不用任何第三方的商标、标识或它们自己的功能助记符 · 没有买卖下单键 —— 站内没有经纪或订单通道，画一个就是假的 桌面优先 1920×1080 与 2560×1440，向下适配 MacBook 与窄屏。 =========================================================================== */ :root{ /* ── 底色 ── */ --t-bg:#050505; /* 页面底 */ --t-bg2:#080808; /* 次级底 */ --t-panel:#101010; /* 窗口底 */ --t-panel2:#151515; /* 窗口内次级区 / 表头 */ --t-head:#0b0b0b; /* 标题栏、功能栏 */ --t-row:#0d0d0d; /* 斑马行 */ /* ── 描边 ── */ --t-line:#1f1f1f; /* 常规分隔 */ --t-line2:#2e2e2e; /* 强分隔 / 窗口边框 */ --t-line3:#3d3d3d; /* 交互态 */ /* ── 文字 ── */ --t-ink:#f0f0f0; /* 主文字 */ --t-ink2:#c6c6c6; /* 次文字 */ --t-dim:#8a8a8a; /* 三级 */ --t-faint:#5e5e5e; /* 元信息 */ /* ── 功能色（严格控制数量）── */ --t-amber:#ffa028; /* 菜单、模块标题、选中态 */ --t-amber-dim:#8a5613; --t-yellow:#ffd24a; /* 重要数据 */ --t-up:#00b86b; /* 上涨 / 正向 */ --t-dn:#ff4d4d; /* 下跌 / 风险 */ --t-blue:#4c9eea; /* 中性信息 / 链接 */ --t-signal-watch:#ffd24a; --t-signal-risk:#ff8c1a; --t-signal-stress:#ff4d4d; /* ── 字体 ── */ --t-sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; --t-mono:ui-monospace,SFMono-Regular,"SF Mono","Cascadia Mono",Menlo,Consolas,"Liberation Mono",monospace; /* ── 四级字号 ── */ --t-f1:10.5px; /* 一级：模块名称（大写、字距） */ --t-f2:12px; /* 二级：Ticker / 指标名称 */ --t-f3:12.5px; /* 三级：数字 */ --t-f4:9.5px; /* 四级：时间 / 来源 / 状态 */ /* ── 密度（专业模式下由 JS 覆写）── */ --t-row-h:22px; --t-cell-py:3px; --t-gap:1px; /* ── 外壳专有底色：外壳比数据区浅一档，形成「窗框 / 内容」的层次 ── */ --t-chrome:#1c1c1c; /* 标签条 */ --t-chrome2:#2b2b2b; /* 激活标签 */ --t-bar:#0a0a0a; /* 功能键条底 */ --t-crumb:#141414; /* 面包屑 */ --t-quote:#000000; /* 报价头 */ --t-band:#3a3a3a; /* 分区色带 */ --t-cmd-bg:#5c1015; /* 命令行底（暗红） */ --t-cmd-bg2:#6e1219; /* 命令行按钮 */ --t-cmd-key:#2a2000; /* 琥珀键底 */ --t-cmd-line:#ffd24a; /* 琥珀键描边 */ --t-sel:#1d5fa6; /* 选中行（蓝） */ } /* 专业模式：更紧的行高与更小的字号，用于机构多窗口作业 */ html[data-density="pro"]{ --t-f2:11px; --t-f3:11.5px; --t-f4:9px; --t-row-h:19px; --t-cell-py:2px; } /* 标准模式：面向日常研究，行距与字号放松一档 */ html[data-density="std"]{ --t-f2:12.5px; --t-f3:13.5px; --t-f4:10px; --t-row-h:26px; --t-cell-py:5px; } *{margin:0;padding:0;box-sizing:border-box} html{background:var(--t-bg)} body{ background:var(--t-bg); color:var(--t-ink); font-family:var(--t-sans); font-size:var(--t-f2); line-height:1.45; -webkit-font-smoothing:antialiased; } a{color:inherit;text-decoration:none} a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{ outline:1px solid var(--t-amber); outline-offset:1px; } /* 控件 reset：不写这条，外壳里那些