Generated by Answer me with HTML 0.5.10 · 2026-10-27 19:07 · ★ Star on GitHub

复盘页面形态与版式升级

16 张细表 + 32 个小标题 → 深浅有节奏的宽表页

source钱小兜引擎 · 复盘生产链

Lead: 只调配色救不了「不大气」。问题在形态单一：16 张表、32 个三级标题、没有图表。这次换了形态，也换了版式。

A

结论

三处改动，页高降 22%

形态：2 列纯键值表 → kv 栅格；三场景长句 → 带概率的彩色卡
版式：doc 单栏 826px → sheet 双栏，宽表自动整行 1350px
校验：STE 0 警告、表格行零丢失、数字 token 352/352 一致

B

改版前后

指标	改版前	改版后
版式	doc 单栏	sheet 双栏 + 宽表整行
正文宽度 px	826	820 / 544 / 1350
六列表格宽 px	826	1350
表格数	16	13
kv 块	1	4
callout	5	8
页高 px	12037	9376
表格溢出	0	0

C

形态映射规则

2 列表格 4 行以上: kv 栅格（原位替换）
5 列以上表格: 所在面板整行，表格到 1350px
场景 A/B/C 长句: 三张 callout，标题带概率
行业分布: limits 横条（原有规则）
核心矛盾与双轨口径: callout + kv（原有规则）
短 bullet 列表: 保持半宽 820px，不撑满

D

验收

数字 token 一致352 / max 352 项

表格行丢失max 0 行

STE 警告max 0 个

桌面表格溢出max 0 张

手机 390px 溢出max 0 张

面板数7 / max 7 个

---
title: 复盘页面形态与版式升级
subtitle: 16 张细表 + 32 个小标题 → 深浅有节奏的宽表页
template: sheet
theme: shadcn
cols: 2
source: 钱小兜引擎 · 复盘生产链
---
Lead: 只调配色救不了「不大气」。问题在形态单一：16 张表、32 个三级标题、没有图表。这次换了形态，也换了版式。

## A 结论
```callout ok 三处改动，页高降 22%
- 形态：2 列纯键值表 → kv 栅格；三场景长句 → 带概率的彩色卡
- 版式：doc 单栏 826px → sheet 双栏，宽表自动整行 1350px
- 校验：STE 0 警告、表格行零丢失、数字 token 352/352 一致
```

## B 改版前后
| 指标 | 改版前 | 改版后 |
|---|---|---|
| 版式 | doc 单栏 | sheet 双栏 + 宽表整行 |
| 正文宽度 px | 826 | 820 / 544 / 1350 |
| 六列表格宽 px | 826 | 1350 |
| 表格数 | 16 | 13 |
| kv 块 | 1 | 4 |
| callout | 5 | 8 |
| 页高 px | 12037 | 9376 |
| 表格溢出 | 0 | 0 |

## C 形态映射规则
```kv cols=2
2 列表格 4 行以上: kv 栅格（原位替换）
5 列以上表格: 所在面板整行，表格到 1350px
场景 A/B/C 长句: 三张 callout，标题带概率
行业分布: limits 横条（原有规则）
核心矛盾与双轨口径: callout + kv（原有规则）
短 bullet 列表: 保持半宽 820px，不撑满
```

## D 验收
```limits
数字 token 一致 | 352 / 352 | 项
表格行丢失 | 0 | 行
STE 警告 | 0 | 个
桌面表格溢出 | 0 | 张
手机 390px 溢出 | 0 | 张
面板数 | 7 / 7 | 个
```