C+
可上线，未达 Google 质量线。任务清晰（读 JD、筛技能），但品牌串味、对比度与触控不达标、关键词标记在和原文抢戏、职位与观察两套心智挤在同一壳里。按下面三期改完，可以到 B+/A-。
落地（2026-09-08）。
P0–P2 已写进交互图谱页：白底与 Roboto、Chip 筛选、技能最多 6 个、方向一次一个、高亮技能可关、技能笔记短卡片。下面仍是当时的诊断原文。
1. 现在哪里对、哪里错
先肯定：左职位、右正文，是 Careers 列表 + 详情的正确骨架；技能从正文抽出、观察页能点回筛选，是好的「数据服务于阅读」。问题不在功能清单，在身份、密度节奏、可访问性三次改版叠出来的折中。
| 层面 | 现状 | Google 质量线 |
|---|---|---|
| 身份 | 奶油纸 + Newsreader 衬线 + 陶土 #c96442。这是 Anthropic / Claude Academy 的衣服，不是 DeepSeek，也不是 Google 产品 UI。 | 产品界面不用衬线标题。Google 产品：Roboto / Google Sans + 白底 + 一枚主色。DeepSeek 自己的站是冷黑白。不要借竞品的纸色。 |
| 画布 | html, body { height:100%; overflow:hidden }。整页像后台 IDE，滚动被锁在子区域。 |
Careers / Search 是文档流。主列自然滚；列表可以独立滚，但不要锁死整页。 |
| 密度 | 从「仪表盘过密」摆到「散文过疏」。服务端 6 个方向仍要深翻；观察页 720px 长文，宽屏浪费。 | 8dp 网格上的可扫结构：列表行 48–56dp；正文栏 680ch 以内；相关模块用表面色分层，而不是无框长文或六宫格卡片。 |
| 强调 | 粗体 / 斜体衬线 / CSS 插入【】三套语法同时作用。Harness 类 JD 主题词仍偏吵。 | 一种强调语言。技能上提为最多 6 枚 Chip；正文默认干净，开关后用 Blue 50 底高亮，不加括号。 |
| 色 | 10 个赛道曾用彩虹，后改陶土近似色。分类靠色点，色弱用户会丢。 | 分类用文字标签。主色只服务 CTA 与链接。Google 四色只做品牌点缀，不做 10 条图例。 |
| 无障碍 | 筛选靠原生 select；主操作对比偏暖棕；无 Skip link；触控行偏矮。 | WCAG 2.2 AA。正文对比 ≥ 4.5:1；列表行 ≥ 48dp；可见焦点环；筛选是 Chip 不是隐藏的 select。 |
原则：不要把这个页做成 Google.com，也不要做成 Claude Academy。
用 Google 的系统（网格、字阶、对比、状态、任务流），穿 DeepSeek 该穿的衣服（冷、净、少装饰）。借来的陶土纸是这次观感「既专业又不像自己」的根因。
2. 建议的视觉系统
一套 token，全页只认这些。不再按「这一版想更人文、下一版想更工具」改气质。
颜色
| Token | 值 | 用途 |
|---|---|---|
| Surface | #FFFFFF | 页面、JD 纸面 |
| Surface variant | #F8F9FA | 列表栏、观察页底 |
| On surface | #202124 | 标题与正文 |
| On surface variant | #5F6368 | 元信息、分组名 |
| Primary | #1A73E8 | 链接、选中、主按钮（投递） |
| Primary container | #E8F0FE | 选中行、技能高亮底 |
| Outline | #DADCE0 | 分割，不用投影堆层级 |
主色用 Google Blue 是「质量参照」不是「改品牌」。若要坚持 DeepSeek 黑白，把 Primary 改成 #202124 填充按钮、链接仍用 #1a73e8，这是 Search 的做法。
字体
- 界面与中文正文：Roboto + Noto Sans SC。这是 Google 中文 Web 的默认配对，16px / 24px 行高（1.5），不要 14px 工具字。
- 职位名：Google Sans 或 Roboto Medium，22–28px，字重 400–500。禁止衬线。
- 分组、眉题：12px Medium，#5F6368，不加斜体、不 letter-spacing 拉满。
- 数字用 tabular lining，与 Roboto 一致。
空间与运动
- 8dp 网格。列表行高 48 或 56。内容左右 padding 24 / 40，不要 12px 挤边。
- 圆角 8（输入、Chip）、24（主按钮 pill）。不要 18px 的「软卡片」和陶土 CTA 混用。
- 动效只做标准减速曲线 200–300ms：选中行背景、筛选展开、观察页切页。不做装饰性位移。
3. 四个面怎么改
顶栏
现在：64px 暖底 + 圆点品牌 + 四个字链挤在右侧。「观察」这个词对找工作的人是空的。
改为 Google 顶栏：左 Wordmark「DeepSeek 招聘」，中或右两个 Tab——职位 / 技能笔记（不要「观察」）。官网投递是主按钮，总目录降为文字链。Tab 用 2px 底边指示，不要胶囊底。
职位列表
现在：搜索 + 隐藏筛选 + 分组斜体 + 只有标题。筛选藏起来之后，34 条一滚到底，任务变成「在目录里找名字」。
- 搜索常驻，占满栏宽，高度 48，左侧放图标，这是 Search 心智。
- 筛选改成一行 Chip：全部、前端、后端、训练… 可横滑。不要 dual <select>。
- 每行：标题 15–16 Medium + 一行元信息「北京 · 实习 / 全职」，#5F6368。选中：蓝 50 底，不要陶土。
- 分组用普通小标题，前面不要彩点。
JD 阅读
现在：衬线大标题、投递陶土钮、技能折进 <details>、正文按使命 / 方向 / 职责切开——结构好，外壳像杂志。
- 标题 Roboto/Google Sans，不要衬线。元信息一行即可。
- 主按钮：蓝底白字「去官网投递」，48 高。详情是文字按钮。
- 技能上提：从正文抽出的 required 技能最多展示 6 枚 Chip，点 Chip = 筛选。其余放「更多」。取消默认的粗斜【】三色语法。
- 正文保持现有分块（使命、方向、职责 / 要求），但去掉卡片框和三栏硬拆。宽屏：职责 | 要求 两栏，方向用页内目录 + 一次看一个方向（6 个方向并排是密度回潮）。
- 提供「高亮技能」开关：打开后，Python / Rust 等词铺 Blue 50，不加【】。
技能笔记（原「观察」）
现在：一篇 720px 专栏 + 两组条。宽屏两侧空白大，结论段落偏长，仍像研究报告。
- Hero 一行数字即可：34 个职位 · 北京 / 杭州。不要四枚统计砖（现已隐藏，保持隐藏）。
- 结论改成 4–5 条短卡片，每条一句标题 + 两句正文。这是 Google 帮助中心 / Trends 的扫读单元。
- 技能出现次数保留前 8，条形用 Primary，行高加大；不要热力图（已删，不要加回）。
- 点条仍回到职位并筛选——这是对的，保留。
4. 关键词怎么标才像 Google
用户要「抓住重点」是对的。错在把三种印刷语法叠进原文，等于在别人的 JD 上做注解层，还没有开关。
| 不要 | 要 | |
|---|---|---|
| 默认 | 打开即满页【Agent】【Harness】 | 原文干净，重点在标题下的 6 Chip |
| 强调 | 粗体 + 斜体衬线 + 伪元素括号 | 一种：字重 500，或 Blue 50 底 |
| 文化词 | 「开源」「长期主义」一律斜体 | 不标。文化不是扫描目标 |
| 控制 | 无法关掉 | 「高亮技能」Toggle，状态进 URL |
5. 无障碍与工程约束
- 对比：正文 #202124 on #fff；链接蓝在白底上 AA；不要陶土字配奶油底。
- 键盘：现有 j / k 可留，但要有可见
:focus-visible环（3px #1a73e8）。 - 列表
role="listbox"配aria-activedescendant；筛选 Chip 用aria-pressed。 - 动效跟随
prefers-reduced-motion。 - 触控：所有可点区域 ≥ 48dp。手机继续列表 / 详情两步，返回键保留。
- 字体：Noto Sans SC 子集化，避免现网 Google Fonts 全量 CJK 把首屏拖慢。
6. 落地顺序
P0
换身份，不改信息架构。
去掉奶油 / 衬线 / 陶土；上白底、Roboto + Noto Sans SC、蓝 CTA；解锁
overflow: hidden；列表行加高到 48dp。用户应感到「这是同一个产品，只是不再像 Claude」。
P1
扫读。
分类改 Chip；技能上提 6 枚；默认关闭正文高亮；多方向岗改为锚点一次一个；顶栏文案改为「职位 / 技能笔记」。
P2
笔记页与质量。
观察改短卡片；焦点环、对比、reduced-motion；首屏字体子集。不把热力图加回来。
7. 怎么算改对了
- 5 秒内能回答：这是什么站、现在在看哪个岗、如何投递。
- 不读全文也能说出该岗 3 个硬技能（靠 Chip，不靠【】）。
- 色弱与键盘用户能完成「筛训练岗 → 打开 JD → 去投递」。
- 截图放在 Google Careers 和 Claude Academy 旁边：应更接近前者的冷静，而不是后者的纸与陶土。
对照页：当前招聘阅读器。本方案只定系统与顺序，P0 可以按 token 表直接改 assets/ds-talent.css，不必重做数据结构。