石墨为底，琥珀为光。
锐识AI（RAIXIS）是一个把研究做严谨的产品：数据可溯源、过程可校验、结论可交付。 界面因此选择了「石墨金融终端」的性格——暖灰石墨作底，零阴影、零玻璃， 层级全部交给底色深浅与一像素发丝线；唯一的颜色是琥珀金，只出现在状态、焦点与指引上。 机器产出的一切（命令、路径、数字）用等宽字体，写给人读的一切用正文字体。 克制，是这套系统最重要的组件。
暗色优先 · 亮色同权
唯一强调色 #d9a441
零投影 · 发丝线分层
圆角锁 12 / 8 / 999
动效 150–250ms
命名与书写
| 场合 | 写法 | 说明 |
|---|---|---|
| 中文正文 / 界面 | 锐识AI | 不加空格，唯一钦定写法 |
| 英文句子 | Raixis | 首字母大写，如 “Hand it to Raixis.” |
| 标题 / 模型名 / SEO | RAIXIS | 全大写，如 “RAIXIS Deep” |
| 母公司（企业站独立视觉） | Starixs · 智码星图 | 翡翠绿体系，与产品站不混用 |
| 禁用 | 「星阅AI」「星辰AI」「锐识 AI」（带空格）及一切历史金色版式残留 | |
五条纪律（先读这里）
- 层级不用影子。用五档底色（bg-side → bg → card → panel → inset）加 1px 发丝线表达层级；全站只允许浮层菜单有一处投影。
- 琥珀是唯一的颜色。
--accent #d9a441承担焦点、激活、进行中、指引；语义只有灰绿--ok与陶土红--danger两档，无蓝。 - 机器区必须等宽。命令、路径、diff、数字、状态一律
ui-monospace；财务数字加tabular-nums。 - 动作用反色，状态用琥珀。主按钮是反色（暗色主题亮底黑字），琥珀不做大面积按钮底——它是信号，不是墙漆。
- 动效只动 transform / opacity。150–250ms ease，全部尊重
prefers-reduced-motion。
基础 Foundations
01颜色
暖灰石墨阶 + 唯一琥珀。文字不是纯白纯黑，而是骨白 #e9e7e2 与暖黑 #22211e；亮色主题的底也不是纯白，而是纸米色 #f6f5f1。整套灰阶带暖调——是纸与石墨，不是硅谷蓝黑。
底色五档 · 层级即深浅
--bg-side侧栏（最深）
--bg主区
--card建议卡
--panel面板 / 气泡
--inset嵌入块 / 激活态
完整 Token 表
| Token | 暗色（默认） | 亮色 | 用途 |
|---|---|---|---|
--bg | #101014 | #f6f5f1 | 主区底 / 代码块底 |
--bg-side | #0c0c0f | #efede7 | 侧栏底（比主区深一档） |
--panel | #17171c | #ffffff | 面板 / 弹窗 / 用户气泡 / 表头 |
--inset | #1e1e24 | #f0eee8 | 行内代码 / chips / hover 底 / 激活态 |
--card | #141419 | #fbfaf7 | 建议卡专用底 |
--line | #232329 | #e3e0d8 | 常规发丝线 |
--line-strong | #2e2e36 | #d3d0c7 | 输入框 / 弹窗 / 描边按钮 |
--line-hover | #3a3a44 | #c2bfb5 | 边框 hover 态 |
--text | #e9e7e2 | #22211e | 主文字（骨白 / 暖黑） |
--text-2 | #98959e | #5f5d57 | 次级文字 |
--text-3 | #66646c | #8b887f | 弱文字 / placeholder |
--text-4 | #4a484f | #aba8a0 | disabled / 行号 |
--accent | #d9a441 | #b07e23 | 琥珀金 · 唯一强调 |
--accent-dim | #8a6a2f | #d9a441 | 焦点边框 / 下划线 |
--ok | #66a97d | #3f8a5d | 成功 / 完成 / 新增（灰绿） |
--danger | #c4574a | #b0473b | 危险 / 错误 / 删除（陶土红） |
--btn-bg / --btn-text | #e9e7e2 / #141416 | #22211e / #f6f5f1 | 反色主按钮 |
--seg-active | #2a2a31 | #ffffff | 分段控件激活片 |
琥珀 Alpha 阶（派生透明度，用于底、光晕、脉冲）
.07 光晕 / 提示底
.10 通知条底
.25 提示边框
.40 脉冲起点
辅助四色 · 仅限分类图标语义（不得用于按钮与文字链）
探索理解 · 琥珀#d9a441
清洗合并 · 灰绿#66a97d
脚本代码 · 薰衣草#9b8ac4
诊断修复 · 陶土#c97b5a
禁则：无蓝色、无渐变按钮底、无第二强调色。彩色在任一屏幕中的占比不应超过 3%——琥珀出现得越少，它出现时就越有力。
02字体与字阶
系统字体栈，零 webfont：界面加载不等字体。两套栈划出两个世界——人读的话用正文栈，机器产出用等宽栈。字重只有 400 / 500 / 600 三档，克制到没有粗黑。
字体栈
正文栈（人话）
-apple-system, "SF Pro Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif等宽栈（机器区：命令 / 路径 / 数字 / 状态）
ui-monospace, "SF Mono", Menlo, Consolas, monospace字阶（基准 14px，半档 .5px 是这套体系的特征）
27px / 600 / -0.01em空态大标题
15px / 600强提示 · 拖拽落文件
14px / 400 · 基准正文与输入。研究的严谨，从可读性开始。
13.5px建议卡文字
13px / 600按钮 · 导航 · 弹窗标题
12.5px会话标题 · 文件树 · 次级说明
12px monotool: read_file(apps/backend/main.py)
11.5px monochips · 附件 · 工具输出
11px / 600 / +0.05em侧栏分组标题
10.5px mono / +0.04em会话分组 · LIVE 指示
财务数字 · tabular-nums 等宽对齐
营收（亿元）
1,284.60
987.35
76.08
987.35
76.08
同比
+24.6%
+8.3%
−12.1%
+8.3%
−12.1%
毛利率
43.25%
38.90%
21.47%
38.90%
21.47%
规则：所有并排比较的数字必须等宽 +
font-variant-numeric: tabular-nums 右对齐；涨跌只用 --ok / --danger 两色，不做红涨绿跌的另一套。03间距 · 圆角 · 阴影
圆角收敛为四个原型：微件 4–6、控件 8、面板 12、圆形 999。阴影原则上不存在——层级由底色与发丝线表达，全站唯一允许的投影属于浮层菜单。
圆角锁
4–6
8 控件
12 面板
999
- 4–6px 微件：行内代码、mini 关闭键、图标按钮、chips
- 8px 控件：按钮、输入框、导航项、工具卡、代码块
- 12px 面板：卡片、气泡、composer、弹窗
- 999px 圆形：发送 / 停止 / 录音键、头像、状态点
- Logo 圆角随尺寸走：约
R = 0.24 × size（22→6，52→12，64→15）
间距与高度
4
6
8
10
12
16
18
24
- 控件高度阶梯：
24 / 26 / 28 / 30 / 32；主按钮恒为 30px，圆形键 32px - 面板内边距
14–16px；列表项水平9px；侧栏列表 gap 1px（近乎贴合）
阴影 · 唯一的例外
- 静态投影全站只有一处：浮层菜单
0 12px 32px rgba(0,0,0,.45)——因为它悬浮在一切层级之外。 - 其余所有 box-shadow 都是状态脉冲（进行中 / 录音中的扩散光环），不是装饰。
- 弹窗不带投影：遮罩
rgba(6,6,8,.6)+ 描边已足够成立。无 backdrop-filter，无玻璃。
04响应式与版式常数
阅读优先的三段式：固定侧栏、居中内容列、可伸缩文件面板。内容列锁 780px——研报正文的舒适行长。
| 常数 | 值 | 说明 |
|---|---|---|
| 侧栏宽 | 228px 固定 | 可折叠，不参与伸缩 |
| 内容列 | max-width: 780px | 消息 / 正文的阅读列 |
| Composer / 审批卡 | max-width: 760px | 比内容列窄 20px，形成收口 |
| 文件面板 | clamp(380px, 40vw, 640px) | 唯一的弹性区 |
| 建议卡栅格 | 4 列 → 2 列 @980px | minmax(140px, 200px) |
| 弹窗宽 | min(560px, 100vw − 60px) | 大型编辑器 min(860px, 100vw − 80px) |
组件 Components
05按钮
动作用反色，状态用琥珀。主按钮在暗色主题下是亮底黑字——它靠明度对比说话，把琥珀留给真正需要注意的地方。按下位移 1px，是全站唯一的「物理感」。
六个形态
- 主按钮（反色）：
--btn-bg/--btn-text，高 30px，600 字重；:active位移 1px。 - 描边按钮：透明底 +
--line-strong；hover 走琥珀（危险动作 hover 走陶土红）。 - 琥珀实心：仅用于「高亮告知」（版本更新一类），高 26px，全站不超过一处同屏。
- 圆形键：发送 = 反色 + hover 放大 1.05；停止 = 描边红 + 常驻呼吸光环。
- 裸图标键：透明底
--text-3→ hover--inset底 +--text。
06输入与表单
焦点规范全站唯一：outline: none + 边框变 --accent-dim。没有焦点环、没有辉光——一条变色的发丝线足够。
Composer · 主输入区（点进来看焦点态）
2026Q2财报.xlsx
deep-research
单行输入
分段控件
- Composer：
--panel底 + 12px 圆角 +--line-strong描边；内部 textarea 完全无边框。 - 焦点：容器边框变
--accent-dim，180ms 过渡。禁止 box-shadow 焦点环。 - 分段控件：外框
--panel+ 2px 内衬，激活片--seg-active。
07标签 · 状态 · 徽章
没有实心彩色 badge。信息标识靠三种更轻的手段：嵌入式 chip、7px 状态点、左边框换色。状态永远是信号，不是色块。
Chips
report_2026H1.pdf
chart_bar_q2.svg
apps/backend/report.py
LIVE
智能审批
全部放行
状态点（等宽小字 + 7px 圆点）
ready
running · 脉冲光环
error
idle
左边框状态语义（工具执行卡）
▸ search_finance("光伏 2026H1 装机量") running
▸ read_file(data/q2_income.csv) — 214 rows done
▸ fetch_url(…) — timeout after 30s error
- 进行中 = 琥珀左边 / 完成 = 灰绿左边 / 失败 = 陶土红左边。不用 badge、不用背景色块。
- chips 一律等宽字体 +
--inset底 + 6px 圆角；文件引用--accent文字。
08卡片与对话
对话是非对称的：用户说的话装进右侧描边气泡，AI 的回答是裸文字铺满内容列——回答是正文，不是消息。建议卡按 index 阶梯入场，hover 上浮 2px、图标跟着抬 2px。
建议卡 · 空态四宫格（悬停看两段位移）
非对称对话
帮我核一下这份研报里 Q2 出货量的口径，和产业在线的数据对得上吗？
正在比对三个数据源的统计口径差异……
两边口径不同：研报使用的是产业在线·内销口径，不含出口；产业在线公开月报默认是总出货。折算到同口径后差异 1.8%，在正常范围内。
审批卡 · 琥珀左边
需要你的批准
$ python scripts/backfill_report_codes.py --dry-run
09数据表格
财经编辑部式的数据网格：上下双实线包夹、大写字距表头、右对齐等宽数字。行 hover 用 --inset，不用条纹。
| 公司 | 营收（亿元） | 同比 | 毛利率 | 研发占比 |
|---|---|---|---|---|
| 隆基绿能 | 1,284.60 | +24.6% | 18.30% | 4.2% |
| 通威股份 | 987.35 | +8.3% | 21.47% | 2.8% |
| TCL中环 | 576.08 | −12.1% | 15.92% | 3.6% |
| 晶澳科技 | 815.44 | +16.9% | 19.75% | 3.1% |
- 表头：11px / 600 /
letter-spacing .06em/ 大写；底线 2px 用--text色。 - 数字列：等宽 + tabular-nums + 右对齐 + 不换行；末行底线 1px 收口。
- 行内涨跌色只用
--ok/--danger。
数字排版细则
| 项 | 规则 | 示例 |
|---|---|---|
| 千分位 | 四位及以上必加 | 1,284.60 |
| 负号 | 用减号 U+2212，不用连字符 | −12.1% |
| 小数位 | 同列统一位数，金额 2 位、百分比 1 位 | 18.30% / 4.2% |
| 单位 | 入表头括注，单元格里不重复 | 营收（亿元） |
| 空值 | 用 —（em dash），不留空、不写 0 | — |
| 对齐 | 文本左对齐 / 数字右对齐 / 表头随列 | — |
10图表
图表是研报的正文，不是装饰。数据墨水用专用序列色（比 UI 色更饱和更深，否则小色块会「读成灰」）；图表骨架（轴、网格、标签）全部走界面 token，随主题切换。以下全部色值经过色觉障碍与对比度校验脚本验证，暗亮两套各自独立取档。
序列色 · 固定次序，上限四档
| Token | 暗色（面板 #17171c） | 亮色（面板 #ffffff） | 次序 |
|---|---|---|---|
--chart-1 | #bd8722 | #b8862a | 第 1 序列 · 琥珀（单序列图只用它） |
--chart-2 | #2e7d51 | #1f7a4d | 第 2 序列 · 灰绿 |
--chart-3 | #9c85cf | #7a5fc0 | 第 3 序列 · 薰衣草 |
--chart-4 | #cf7a52 | #b0552f | 第 4 序列 · 陶土 |
--chart-other | #66646c | #8b887f | 「其他」合并桶（配 45° 斜纹） |
- 次序固定，永不轮转。颜色跟实体走：筛选改变序列数量时，幸存序列不得换色。
- 第 5 个序列不存在。超过 4 个：合并进「其他」灰、拆小倍数图（small multiples），或换维度。这是把「克制」写进图表的方式。
- 单序列图一律琥珀
--chart-1，不启用其余档。 - 涨跌 / 状态永远用
--ok/--danger，与序列色互不占用；状态色不得当第 N 序列用。 - 数值、标签、图例文字永远用文字 token（
--text-2/-3），不用序列色写字——色块表身份，文字表内容。
示例 · 分组柱状 / 双序列折线（切主题看骨架与序列色一起换档）
季度营收对比
单位：亿元 · 数据为示意
光伏组件储能系统
AI 生成
费用率走势
% · 数据为示意
研发费用率营销费用率
AI 生成
连续色阶 · 琥珀单色相五档（热力图 / 地图强度）
seq-1 浅
seq-2
seq-3
seq-4
seq-5 深
发散 · 正负从中轴出发
隆基绿能
+24.6%
通威股份
+8.3%
TCL中环
−12.1%
图表骨架（chrome）token 对照
| 部件 | 规格 |
|---|---|
| 标题 / 副题 | 13px / 600 正文栈；副题（单位与口径）10.5px 等宽 --text-3，单位必须写在副题，不写在数字上 |
| 轴标签 | 10.5px 等宽 --text-3；数字轴 tabular-nums |
| 网格线 | 仅水平线，--line 1px；不画竖网格 |
| 零轴 / 基线 | --line-strong 1px，唯一比网格重的线 |
| 图例 | 11px 等宽 --text-2 + 9px 圆角色块；≥2 序列必有图例，≤4 序列再加选择性直接标注（只标端点或极值，不逐点标数） |
| 柱形 | 顶端 3px 圆角、底端直角贴基线；相邻柱间 3px 底色间隙 |
| 折线 | 2px 描边；端点 3.5px 圆点带 2px 面板色描边（surface ring） |
| Tooltip | --panel 底 + --line-strong 边 + 8px 圆角；数值等宽右对齐 |
| AI 生成角标 | 右下角 9.5px 等宽 chip，每张对外产出图表必带（合规要求，双渲染引擎一致） |
禁则：双 Y 轴（不同量纲拆两张图或同基数化）；渐变 / 3D / 投影；彩虹色阶；饼图超过 5 块（优先横条图）；用序列色写数字；暗色图表直接翻转亮色色值（两套档位独立校验，不可互推）。
12反馈与浮层
弹窗没有投影，靠遮罩与描边成立；浮层菜单是唯一带投影的组件。通知条用琥珀 alpha 底——它是提示，不是警报。
还原到此备份？
将把工作区还原到
2026-08-27 14:02 的快照，当前未保存的修改会被覆盖。通知条 · 琥珀 alpha 底
锐识AI 0.4.2 已就绪——修复了表格编辑器的中文输入问题。
拖拽落文件
松手把文件加入研究上下文
支持 csv · xlsx · pdf · md
13暗色与亮色
暗色是默认，亮色是同权公民：每个 token 都有双份定义，没有「亮色欠奉」。亮色不是把黑翻成白——底是纸米色，主按钮翻转为黑底亮字，--accent-dim 在亮色下反而更亮（焦点线要压得住纸底）。
dark · 默认
Q2 毛利率为什么环比走弱？
正在拆分成本结构……
主因是硅料库存减值，拆解见下表。
导出报告继续追问
light
Q2 毛利率为什么环比走弱？
正在拆分成本结构……
主因是硅料库存减值，拆解见下表。
导出报告继续追问
- 主题记忆键：
raixis.theme（localStorage）；切换只翻 token，不写第二套组件样式。 - 文档 / PDF 预览例外：强制纸白底，不跟随主题——读者的文档所见即所得。
动效与模式 Motion & Patterns
14动效
只动 transform 与 opacity；150–250ms ease 为日常，出场大动作用 cubic-bezier(.16,1,.3,1)。发光只属于「进行中」。
riseIn · 全局入场6px 上浮 + 淡入
菜单 .15s / 消息 .22s / 空态 .4s / 卡片 .45s
菜单 .15s / 消息 .22s / 空态 .4s / 卡片 .45s
drawIn · 描线scaleX 0→1，transform-origin: left
.5s cubic-bezier(.16,1,.3,1)
.5s cubic-bezier(.16,1,.3,1)
锐识AI
dotPulse · 进行中box-shadow 0 → 5px 透明扩散
1.6s ease infinite · 唯一发光语法
1.6s ease infinite · 唯一发光语法
running
logoBreathe · 呼吸translateY 0 → −4px
5s ease-in-out infinite · 仅空态 logo
5s ease-in-out infinite · 仅空态 logo
- 阶梯入场：列表卡片
delay = .15s + i × .07s，index 用 CSS 变量注入。 - 按压反馈：位移 1px 或 scale(.96)，50–100ms。
- 一切动效经
prefers-reduced-motion降级，本页亦然。
15平台特有模式
这些不是组件，是这套产品反复出现的「句式」。
| 模式 | 约定 |
|---|---|
| 非对称对话 | 用户 = 右侧描边气泡（≤82% 宽）；AI = 裸文字铺满内容列。回答是正文，不是消息。 |
| 机器区等宽 | 命令、路径、diff、token 数、状态一律等宽字体。等宽即「这是机器说的」。 |
| 左边框状态语义 | 2px 左边换色表达状态：琥珀=进行 / 灰绿=完成 / 陶土=失败；审批卡固定琥珀左边。 |
| 悬停显形 | 删除、复制、分支等次要操作默认隐藏，hover 才出现。默认界面只有内容。 |
| 琥珀光晕 | 空态与 hero 唯一允许的氛围渐变：radial-gradient(circle, rgba(217,164,65,.07), transparent 62%)。 |
| 流式光标 | 8×15px 琥珀方块，steps(1) 硬闪 1.1s——终端血统的致敬。 |
| 审批优先 | 任何有副作用的执行先出审批卡：标题 + 等宽命令 + 批准/拒绝。批准是反色主按钮，拒绝 hover 变红。 |
| 文档所见即所得 | docx / pdf 预览强制纸白，不随主题翻转。 |
图标库 Icons
16Phosphor · 109 枚精选
图标统一使用 Phosphor（regular 权重为默认）。四种权重各司其职：regular 日常、duotone 仅建议卡四色图标、fill 仅录音/停止、bold 仅发送箭头。尺寸阶梯 11–22px，按钮内 15–16px。悬停任一图标可见琥珀态。
使用规则：图标默认继承文字色（
currentColor）；彩色图标仅限「辅助四色」场景；禁止为图标单独引入第二套图标库。