每篇稿件过五个工位 · 判定口径公开 · 判不准的说判不准

问一句

登录注册

设计系统

全站那套颜色、字号、间距、组件的公开文档。这一页不是截图—— 下面每一个色块的名字和值都是从真实样式表里现读出来的，每一个按钮、徽章、骨架屏都用全站正在用的那些 class 真渲染。改了 CSS，这一页跟着变；改不动它，也就没法让它过期。
读的是 base.html 里那条完整的加载链（共 5 份，顺序也从模板现读），不是只读 main.css—— 后面的样式表会覆盖前面的同名 token，只读第一份就会印出一批站上根本没在用的值。被覆盖掉的都摆在下面「token 出处与冲突」里。
每格的「实测值」由浏览器 getComputedStyle 当场读取，所以切到夜航模式时数值会跟着翻，你可以直接验证这一点。

色板 50 个色彩 token · 共 87 个 token

底纹是透明度检查格：--gold-wash、--red-light 这些本身是半透明的，压在纯色底上看不出来，而「它是透明的」正是用它时要知道的事。标着别名的那些是用 var() 指过去的向后兼容名，不是独立色值—— 它们存在是因为老模板里还引着旧名字，收敛到一个真值上比全站改名安全（--text-lighter 那一行改一次就修好了 82 处不过 AA 的小字）。每格下方的比值是该色对当前卡片底色的实测对比度，由浏览器当场算， 不是从注释里抄的；标绿的过 WCAG AA 正文线 4.5:1，标灰的是图形/底色类 token（本来就不该拿去写小字）。

--paper

日间 #FAF8F4

夜航 #181512

实测 —

— v2-shell.css

--card

日间 #FFFFFF

夜航 #24211C

实测 —

— v2-shell.css

--ink

日间 #1E1C18

夜航 #EDE8DC

实测 —

— v2-shell.css

--ink-2

日间 #4A4640

夜航 #C4BCB0

实测 —

— main.css

--ink-3

日间 #6A6659

夜航 #A6A093

实测 —

— main.css

--ink-4

日间 #8A8578

夜航 #7A7466

实测 —

— main.css

--gold

日间 #D9A514

夜航 #E8C040

实测 —

— v2-shell.css

--gold-text

日间 #856A00

夜航 #D4B030

实测 —

— v2-shell.css

--on-gold

日间 #1E1C18

夜航 #1E1C18

实测 —

— main.css

--gold-bright

日间 #F5C518

夜航 #FFD866

实测 —

— main.css

--gold-dark

日间 #B08A10

夜航 #D9A514

实测 —

— main.css

--gold-light

日间 #FFF6DC

夜航 #3D3010

实测 —

— v2-shell.css

--gold-wash

日间 rgba(217, 165, 20, .08)

夜航 rgba(224, 184, 48, .12)

实测 —

— v2-shell.css

--invert-bg

日间 #1E1C18

夜航 #EDE8DC

实测 —

— v2-shell.css

--on-invert

日间 #FAF8F4

夜航 #181512

实测 —

— v2-shell.css

--line

日间 #E9E4D8

夜航 #3A3530

实测 —

— v2-shell.css

--line-2

日间 #F0ECE2

夜航 #363028

实测 —

— main.css

--green

日间 #2E6B4F

夜航 #5AB88A

实测 —

— v2-shell.css

--green-light

日间 rgba(46,107,79,0.08)

夜航 rgba(90,184,138,0.12)

实测 —

— v2-shell.css

--red

日间 #A94A32

夜航 #E07860

实测 —

— v2-shell.css

--red-light

日间 rgba(169,74,50,0.08)

夜航 rgba(224,120,96,0.15)

实测 —

— v2-shell.css

--on-red

日间 #fff

夜航 #1E1C18

实测 —

— v2-shell.css

--sk-sheen

日间 rgba(255,255,255,0.55)

夜航 rgba(255,255,255,0.06)

实测 —

— main.css

--paper-2

日间 #F5F2EA

夜航 #1E1A15

实测 —

— main.css

--bg-soft

日间 var(--paper-2)

实测 —

— 别名 main.css

--bg-subtle

日间 var(--paper-2)

实测 —

— 别名 main.css

--bg-2

日间 var(--paper-2)

实测 —

— 别名 main.css

--danger

日间 var(--red)

实测 —

— 别名 main.css

--yellow

日间 var(--gold-bright)

夜航 var(--gold-bright)

实测 —

— 别名 main.css

--yellow-dark

日间 var(--gold-dark)

夜航 var(--gold-dark)

实测 —

— 别名 main.css

--yellow-light

日间 var(--gold-light)

夜航 var(--gold-light)

实测 —

— 别名 main.css

--yellow-text

日间 var(--gold-text)

夜航 var(--gold-text)

实测 —

— 别名 main.css

--bg

日间 var(--paper)

夜航 var(--paper)

实测 —

— 别名 main.css

--white

日间 var(--card)

夜航 var(--card)

实测 —

— 别名 main.css

--text

日间 var(--ink)

夜航 var(--ink)

实测 —

— 别名 main.css

--text-light

日间 var(--ink-2)

夜航 var(--ink-2)

实测 —

— 别名 main.css

--text-meta

日间 var(--ink-3)

夜航 var(--ink-3)

实测 —

— 别名 main.css

--text-lighter

日间 var(--ink-3)

夜航 var(--ink-3)

实测 —

— 别名 main.css

--border

日间 var(--line)

夜航 var(--line)

实测 —

— 别名 main.css

--q-good

日间 #2E7D32

夜航 #6FBF73

实测 —

— main.css

--q-mid

日间 #A85D00

夜航 #F0A03C

实测 —

— main.css

--q-bad

日间 #D93025

夜航 #F07567

实测 —

— main.css

--ai-badge

日间 #1A73E8

夜航 #6BA6F5

实测 —

— main.css

--ai-wash

日间 #F8FBFF

夜航 rgba(107,166,245,.10)

实测 —

— main.css

--ink2

日间 #4A4640

夜航 #C4BEB0

实测 —

— v2-shell.css

--ink3

日间 #6A6659

夜航 #9A9488

实测 —

— v2-shell.css

--ink4

日间 #726D60

夜航 #8A8478

实测 —

— v2-local.css

--green-deep

日间 #1E4D38

夜航 #4A9E70

实测 —

— v2-shell.css

--red-deep

日间 #8C3A26

夜航 #CE664E

实测 —

— v2-shell.css

--glass-border

日间 rgba(255, 255, 255, 0.5)

夜航 rgba(255, 255, 255, 0.14)

实测 —

— v2-shell.css

字阶 12 / 14 / 16 / 20 / 28 / 44

每一行都用它自己那一级的字号真渲染。 --fs-base 和 --fs-md、--fs-lg 和 --fs-xl 当前是同一个值——这不是写错，是两套命名（语义级 / 尺寸级）并存的结果，收敛到同一个数比全站改名安全。最右一列是长辈模式（html.elder）下这一级会变成多少：整套字阶整体上抬，而不是只放大正文。

--fs-xs12px → 长辈 14px

汽车新闻检测站 AutoNews 2026

--fs-sm14px → 长辈 15px

汽车新闻检测站 AutoNews 2026

--fs-base15px → 长辈 18px

汽车新闻检测站 AutoNews 2026

--fs-md16px → 长辈 18px

汽车新闻检测站 AutoNews 2026

--fs-lg20px → 长辈 22px

汽车新闻检测站 AutoNews 2026

--fs-xl20px → 长辈 24px

汽车新闻检测站 AutoNews 2026

--fs-2xl28px → 长辈 30px

汽车新闻检测站 AutoNews 2026

--fs-3xl44px → 长辈 48px

汽车新闻检测站 AutoNews 2026

间距 8px 网格，紧凑处允许 4

条的长度就是这一级的实际像素值。规范第四节定的是 8px 网格：所有 margin / padding 走 8 的倍数，--sp-1（4px）是唯一的例外，留给图标与文字之间那种贴合的缝。

--sp-14px

--sp-28px

--sp-312px

--sp-416px

--sp-520px

--sp-624px

--sp-832px

--sp-1248px

圆角、阴影与字体栈都只有两档，禁止新造

阴影只有常态和 hover 两档。阴影色不用纯黑：纸面是暖白 #FAF8F4，压中性黑会把暖调压成脏灰，所以阴影往表面色相偏（取墨色的暖褐向），并拆成近/远两层。中文标题不走网络字体—— 实测一个首页要拉 22 个分片 / 1.7MB，手机端首屏被拖到 12.8 秒，改用系统衬线后回到 1.8 秒。

token	值	示例
`--r`	`10px`
`--r-sm`	`6px`
`--radius`	`var(--r)`
`--radius-sm`	`10px`
`--radius-full`	`999px`
`--radius-lg`	`20px`
`--radius-md`	`14px`
`--shadow`	`0 1px 2px rgba(56,46,28,0.04), 0 2px 6px rgba(56,46,28,0.03)`
`--shadow-hover`	`0 2px 4px rgba(56,46,28,0.05), 0 8px 22px rgba(56,46,28,0.06)`
`--font-serif`	`'Fraunces','Times New Roman','Songti SC','Source Han Serif SC','Noto Serif CJK SC','STSong','SimSun',serif`	AutoNews 2026 汽车
`--font-display`	`'Fraunces',Georgia,'Times New Roman',serif`	AutoNews 2026 汽车
`--font-body`	`'PingFang SC','Microsoft YaHei',-apple-system,'Segoe UI',sans-serif`	AutoNews 2026 汽车
`--font-mono`	`ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace`	AutoNews 2026 汽车
`--ease`	`cubic-bezier(0.4,0,0.2,1)`	—
`--ease-out`	`cubic-bezier(0,0,0.2,1)`	—

组件清单下面每一个都是真 class 真渲染

class 名标在每组上方，去 static/css/main.css 里能搜到同名规则。 按钮每屏最多一个主行动（规范第五节）；黄底上永远只放深字—— 白字压主黄只有 1.63:1，是历史上最硬的那处伤，永久禁用。

.btn.btn-primary / .btn.btn-outline / .btn.btn-ghost

.tag / .q-badge.q-high / .q-badge.q-mid / .q-badge.q-low / .q-flag

新能源质量分 82 质量分 61 质量分 34 倾向抽检中

.form-group（input / select / textarea 三件共用一套焦点态）

搜索车型焦点态是 2px 实心描边 + 深金边框：1px 金边对白底只有 2.25:1，而 WCAG 对非文字元素要求 3:1。

.evo-demo-card（卡片骨架：只引 token，不写死颜色）

新能源

某新势力车型完成第三阶段冬季标定，官方公布续航实测区间

本站从 4 家媒体的报道中并出同一件事，逐条核对了公开数据与厂商口径；质量分与判定依据在详情页逐句可展开。

质量分 82 多源交叉

来源：公开报道 · 4 家媒体 · 2 小时前

查看判定依据对照阅读

表格 —— 全站没有统一的 table 组件，各页自建；这是推荐写法（.ds-table）

媒体	报道数	质量分均值
示例媒体 A	128	71.4
示例媒体 B	96	63.8

如实说明：表格是这套系统目前唯一没收敛的组件——各页自己写。摆在这里不是充数，是把缺口标出来。

三态全家福空态 / 加载态 / 错误态

这三态是最容易被跳过、也最容易在答辩现场被点到的。三条各自的规矩：空态要给下一步（一句引导 + 一个去处），不是只写「暂无数据」； 加载态用骨架屏而不是转圈——骨架屏预告了内容的形状，页面不会跳； 错误态要说清发生了什么并给重试，不许只靠颜色传达（规范第七节）。

.empty-state

还没有符合条件的报道

换个筛选条件 →

.skeleton / .skeleton-text / .loading-spinner

正在核对多家来源…

.check-error-msg / .check-error-hint

这条链接抓不到正文

可能是源站要求登录，或原文已被撤下。文字本身说清了原因—— 颜色只是强化，不是唯一线索。

双主题对照日间 / 夜航，同一组组件

左右两块是同一份标记，只是各自锁在一个主题下——夜航那侧靠 main.css 里 [data-theme="dark"] 那条不限元素的属性选择器直接生效；日间那侧的 token 由取数层从 :root 现场生成，同样不是手抄。按下面这个按钮可以把整页翻面，两块的相对关系不会变—— 这正好证明它们各自锁得住。

日间

新能源

某新势力车型完成第三阶段冬季标定，官方公布续航实测区间

本站从 4 家媒体的报道中并出同一件事，逐条核对了公开数据与厂商口径；质量分与判定依据在详情页逐句可展开。

质量分 82 多源交叉

来源：公开报道 · 4 家媒体 · 2 小时前

查看判定依据对照阅读

夜航

新能源

某新势力车型完成第三阶段冬季标定，官方公布续航实测区间

本站从 4 家媒体的报道中并出同一件事，逐条核对了公开数据与厂商口径；质量分与判定依据在详情页逐句可展开。

质量分 82 多源交叉

来源：公开报道 · 4 家媒体 · 2 小时前

查看判定依据对照阅读

token 出处与冲突 5 份样式表按加载顺序叠，29 处同名覆盖

这一节是做这一页时用浏览器实测逮出来的，不是设计出来的展示项。当时页面上 --paper 在夜航下量到 #181512，而 main.css 里写的是 #1A1714——差别不是渲染误差，是 v2-shell.css 在 main.css 之后加载、同名 token 由它说了算（那份文件的档头注释自己就写着这件事）。
一个只读第一份样式表的「设计系统」会印出一批站上根本没在用的值，那正是这一页最该避免的失败。所以这里按真实加载顺序整条读，上面每一格标的是生效值和它来自哪份文件；被盖掉的那些列在下面。 摆出来不是自曝其短——一套 token 有两个出处是这个仓库反复记录的那类漂移（--paper-2 / --bg-subtle 都栽在同一个形状上），能把它列全，本身就是这套系统还管得住的证据。

加载顺序（从 base.html 现读）

1. main.css 2. v2-shell.css 3. v2-home.css 4. v2-local.css 5. lens.css

token	主题	先声明（被盖）	后声明（生效）
`--gold-wash`	日间	`rgba(217,165,20,0.08)` main.css	`rgba(217, 165, 20, .08)` v2-shell.css
`--green`	日间	`#556957` main.css	`#2E6B4F` v2-shell.css
`--radius-sm`	日间	`var(--r-sm)` main.css	`10px` v2-shell.css
`--fs-xs`	日间	`12px` main.css	`11px` v2-shell.css
`--fs-sm`	日间	`14px` main.css	`13px` v2-shell.css
`--fs-base`	日间	`16px` main.css	`15px` v2-shell.css
`--on-invert`	日间	`#F5C518` main.css	`#FAF8F4` v2-shell.css
`--red-light`	日间	`rgba(181,84,59,0.08)` main.css	`rgba(169,74,50,0.08)` v2-shell.css
`--green-light`	日间	`rgba(94,114,97,0.1)` main.css	`rgba(46,107,79,0.08)` v2-shell.css
`--on-red`	日间	`#FFFFFF` main.css	`#fff` v2-shell.css
`--paper`	夜航	`#1A1714` main.css	`#181512` v2-shell.css
`--card`	夜航	`#242018` main.css	`#24211C` v2-shell.css
`--ink`	夜航	`#E8E2D6` main.css	`#EDE8DC` v2-shell.css
`--gold`	夜航	`#F0C040` main.css	`#E8C040` v2-shell.css
`--gold-text`	夜航	`#F0C040` main.css	`#D4B030` v2-shell.css
`--gold-light`	夜航	`rgba(240,192,64,0.1)` main.css	`#3D3010` v2-shell.css
`--gold-wash`	夜航	`rgba(240,192,64,0.06)` main.css	`rgba(224, 184, 48, .12)` v2-shell.css
`--green`	夜航	`#7FA882` main.css	`#5AB88A` v2-shell.css
`--red`	夜航	`#E07A5F` main.css	`#E07860` v2-shell.css
`--line`	夜航	`#2E2A24` main.css	`#3A3530` v2-shell.css
`--invert-bg`	夜航	`#E8E2D6` main.css	`#EDE8DC` v2-shell.css
`--on-invert`	夜航	`#1E1C18` main.css	`#181512` v2-shell.css
`--red-light`	夜航	`rgba(224,122,95,0.08)` main.css	`rgba(224,120,96,0.15)` v2-shell.css
`--green-light`	夜航	`rgba(127,168,130,0.1)` main.css	`rgba(90,184,138,0.12)` v2-shell.css
`--ink4`	日间	`#8A8578` v2-shell.css	`#726D60` v2-local.css
`--fs-xs`	日间	`11px` v2-shell.css	`12px` v2-local.css
`--fs-sm`	日间	`13px` v2-shell.css	`14px` v2-local.css
`--ink4`	夜航	`#7A7468` v2-shell.css	`#8A8478` v2-local.css
`--red-deep`	夜航	`#C86048` v2-shell.css	`#CE664E` v2-local.css

无障碍：对比度留档从这几份样式表的注释里提炼，31 条

设计规范第一条就写着「所有对比度数字为脚本实测（tools/contrast_check.py），不是目测」。这些数字一直躺在 CSS 注释里、从没在任何页面上露过面—— 而它们恰恰是这套色板最值钱的部分：它们记的是每个色为什么是这个值，以及上一个值错在哪。
两点如实说明：①下面是注释里当时留下的记录，色值后来又调过的话这里的数字会比现值旧——所以色板那一节的比值一律由浏览器当场重算，两处对不上时以当场算的为准；②--ink-4 这类图形专用色 按 WCAG 走 3:1 而不是 4.5:1，它的定义处写着「禁止用于正文小字」。

3.68:15.16:1 --text-meta

ink-3 从 #8A8578 调暗到 #726D60：原值 on 白只有 3.68:1，不过 WCAG AA(4.5)，而它是 --text-meta 的实体、被元信息行大量当小字用。现 5.16:1。

2.18:13.68:13:1

ink-4 是图形/装饰专用（分隔符、占位图标、大字）——原值 #B5AFA3 只有 2.18:1，连图形的 3:1 都不到。现 3.68:1，过图形 AA。禁止用于正文小字，小字一律用 ink-3。

2.25:14.80:15.17:1 --gold--gold-text

金色分两支（UI设计规范「图形色与文字色分离」原则，此前只写在文档里、代码没执行）： --gold 是图形色（边框/图标/下划线/进度条），2.25:1，不许当文字色； --gold-text 是文字色，on 白 5.17:1、on 浅金 4.80:1，金色文字一律用它。

1.33:1 --ink

反相药丸（选中的筛选 chip / sub-nav）：底色跟着主题翻面，字色必须跟着一起翻。此前写死 background:var(--ink) + 金色字——深色模式下 --ink 变成浅米色，金字压浅底只有 1.33:1，选中的筛选条在深色模式下基本看不见（真 bug，非洁癖）。

10.4:1

10.4:1 on invert-bg

4.39:15.08:1

green/red 各调暗一档：原值叠在自己的 8~10% 淡底上只有 4.56/4.39:1（红的直接不达标），现 5.22/5.08:1，留出余量——这两个色会叠在白底和暖白底两种背景上。

2.5:16.9:1 --on-gold

红底徽章的字色（跟 --on-gold 一个道理）：日间红是深砖红，压白字 6.9:1；深色模式的红是浅珊瑚，白字只有 2.5:1，必须翻成深墨。

3.47:1 --ink-3--ink-4--text-lighter

#640：--text-lighter 从 --ink-4 改指 --ink-3。这个别名的名字写着「text」，它却指着图形专用色（3.47:1，正文 AA 要 4.5）——写代码的人以为在用浅文字色，全站 82 处 var(--text-lighter) 因此全部不过 AA。改这一行 = 82 处一次修好。原本借它拿图形色的 5 处已改成直引 var(--ink-4)（见 #640 审计单）。

2.62:14.96:1

原 #E8890C on 白仅 2.62:1，橙色在浅底上几乎必然不达标；现 4.96:1

4.41:15.38:1

原 #8A8578 on 深卡片 4.41:1 差一点点不过 AA；现 5.38:1

2.23:13.49:13:1

图形专用，原 2.23:1 连图形 3:1 都不到；现 3.49:1

1.07:1 --ink

深色模式下 --ink 是浅色，压在亮金上只有 1.07:1，必须固定深墨

9.51:1

深色底上金色本身就够亮（9.51:1），文字色不必再分支

13.1:1

13.1:1 on invert-bg

8.4:1

8.4:1 on 珊瑚红

3.16:13.40:13.60:1

质量分/AI 徽章色此前没做深色覆盖，日间的深色值直接落在深卡片上： q-good 3.16:1、q-bad 3.40:1、ai-badge 3.60:1 全部不过 AA。这里各提亮一档。

7:1

长辈模式合并高对比：正文/状态文字按 AAA 7:1 留余量。

3.68:14.5:1

篇数是给用户看的信息不是装饰，用 ink-3（4.5:1 过 AA）而非 ink-4（3.68:1 只够图形）

2.25:13:1

焦点态原来只换了 1px 金边（对白底 2.25:1，WCAG 非文字要 3:1），再叠一层 10% 的淡晕基本看不出来。改成实心 2px 描边 + 深金边框。

3.68:1

文字用 ink-3 不用 ink-4：ink-4 的定义那里自己写着「禁止用于正文小字」（3.68:1 不过 AA 4.5），而这行小字恰恰是最该被看清的那句实话——把「这条没对上」印成灰得看不见等于没标。下划线是装饰，留 ink-4 没问题。

3.41:1 --ink-4--ink4

`--ink4` 在设计稿里既当装饰色又当小字色。实测（页面上真取 getComputedStyle 算的，不是查表）：10px 小字 35 处，3.41:1，AA 要 4.5。它盖着门头小字、五个工位、热力图品牌名、每张卡的来源和时间，外壳这边还盖着侧栏落款和页脚。这个坑本仓库踩过一次、也解过一次：main.css 的注释里写着「ink-3 从 #8A8578 调暗到 #726D60」，理由一模一样。这里沿用同一个值，色相不动，只压明度：日间 #8A8578 → #726D60 3.41 → 4.78 夜航 #7A7468 → #8A8478 4.03 → 4.81 注意 `--ink4`（无划线）是设计稿那套 token，跟 main.css 的 `--ink-4`（有划线）是两个不同的名字，改这个不影响老页面。

2.99:1 --on-red

`--on-red` 是设计稿夜航块唯一漏掉的一个 token：它的 :root 里写了 `#fff`，夜航块里 21 个 token 全翻了面，就这一个没跟上。而 :root 和 [data-theme="dark"] 特异性相同、设计稿那份排在 main.css 后面 —— 于是连 main.css 早就定好的 `--on-red: #1E1C18` 也被这个 :root 覆盖掉了，顺带影响到别的页面。结果：夜航模式下所有红底角标是白字压浅珊瑚，2.99:1。

4.23:14.56:1 --on-red--red-deep

顺着 --on-red 修完剩最后一格：夜航的 --red-deep #C86048 压深墨 4.23:1，差 0.27。往亮里挪 6 阶（#CE664E）到 4.56:1，肉眼看不出来。

2.25:18.0:1 --on-gold

金底上的字：设计稿一律 `#fff`，实测 2.25:1。本仓库早就为同一件事定过 `--on-gold: #1E1C18`（main.css 注释：「金底上的字色，深浅两套主题都用深墨」），这里沿用，8.0:1。只挑外壳里的两颗（站名方块、主按钮）；页面里的那几处在下面首页段。 ⚠️ 这是本次唯一一处看得出来的「没照抄」：按钮上的字从白色变深墨。要退回设计稿原样，把这条和首页段那条一起删掉即可（然后主按钮回到 2.25:1）。

1.9:1

跳过链接（键盘用户按 Tab 第一个拿到的东西）也是金底白字 1.9:1。无障碍入口自己不可读，比别处更说不过去。

3.41:1 --ink-4--ink4

color 也要抢：main.css 这条挂的是它自己那套 `--ink-4`（中划线名，#8A8578），跟设计稿的 `--ink4`（无划线名）是两个 token。不接管的话上面把 --ink4 调暗等于白调——首页最密的那层小字仍然停在 3.41:1。

1.9:18.0:1 --on-red

同一笔账剩下的四颗金底（#631 扫全站时找出来的，和上面三条同因同解）：热榜第三名角标（一、二名是红底走 --on-red，就第三名是金底）、早报播放键、送检按钮、头版大图上的分类标签。都是 1.9:1，改完 8.0:1。

1.78:12.9:1

题图第二档：按事件类型的矢量图示（static/covers/，设计稿 assets/covers 搬来的）。用 contain 不用 cover：图位是 130px 高的宽扁块（约 2.9:1），原图 480×270（1.78:1）， cover 会把上下各裁掉约 39px——实测把「智能驾驶」标签、那把锁、「降价」药丸全裁没了，剩下半张看不懂的图。改成 contain 让整张图完整可见。代价是两侧要留白，所以图位底色要跟每张图自己那块满幅底色对上（下面六条），对不上就会在图两边露出两条别的颜色的边，比裁掉还难看。

1.6:11.78:1

头版没真图时也走图示。大图位是 1.6:1 左右、图 1.78:1，contain 就够，底色同样按类型对齐（跟卡片那六条一个道理）。注意 `.fp-hero-img::after` 那层压暗渐变照旧——标题压在图上要读得清。

1.63:12.51:1

设计稿有一批没跟着主题翻面的写死颜色。它那份静态页只有 5 个筛选 chip、也没人在夜航模式下看过，所以没暴露；本地首页有 14 个 chip 摊在明面上，一切暗色立刻现形。逐条是量出来的对比度，不是目测： .filter-item 底色恒为 rgba(255,255,255,.4) → 暗色下 1.63:1（读不出来） .type-chip 政策/智驾字色写死深蓝/深紫 → 暗色下 2.51:1 .lane-row input 同 filter-item 那个白底 → 输入框在暗色下是一条亮带本站的规矩是拿实测对比度说话（tools/contrast_check.py）。

1.02:1

设计稿夜航块里那条 `.pagination span { background: … !important }` 把当前页那颗金色药丸也一起吃掉了（!important 压过 .pagination .current），于是夜航模式下当前页 1.02:1、完全看不出停在第几页。

token 从 main.css、v2-shell.css、v2-home.css、v2-local.css、lens.css 按加载顺序现读，缓存 1 小时。想看流水线现在什么状态，去系统中心。

设计系统

色板 50 个色彩 token · 共 87 个 token

字阶 12 / 14 / 16 / 20 / 28 / 44

间距 8px 网格，紧凑处允许 4

圆角、阴影与字体栈 都只有两档，禁止新造

组件清单 下面每一个都是真 class 真渲染

某新势力车型完成第三阶段冬季标定，官方公布续航实测区间

三态全家福 空态 / 加载态 / 错误态

双主题对照 日间 / 夜航，同一组组件

某新势力车型完成第三阶段冬季标定，官方公布续航实测区间

某新势力车型完成第三阶段冬季标定，官方公布续航实测区间

token 出处与冲突 5 份样式表按加载顺序叠，29 处同名覆盖

无障碍：对比度留档 从这几份样式表的注释里提炼，31 条

圆角、阴影与字体栈都只有两档，禁止新造

组件清单下面每一个都是真 class 真渲染

三态全家福空态 / 加载态 / 错误态

双主题对照日间 / 夜航，同一组组件

无障碍：对比度留档从这几份样式表的注释里提炼，31 条