@topmindspace/tms-skills 2.0.0 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +139 -123
- package/README.md +126 -103
- package/bin/tms-skills.js +160 -160
- package/package.json +48 -48
- package/top-ppt-html/README.md +254 -253
- package/top-ppt-html/SKILL.md +111 -111
- package/top-ppt-html/assets/examples/2026-09-09-architecture-graphite-dark.html +3873 -3926
- package/top-ppt-html/assets/examples/2026-09-09-architecture-graphite-dark.model.json +167 -167
- package/top-ppt-html/assets/examples/2026-09-09-architecture-spectrum.html +3873 -3926
- package/top-ppt-html/assets/examples/2026-09-09-architecture-spectrum.model.json +167 -167
- package/top-ppt-html/assets/examples/2026-09-09-presentation-apple-mono.html +4272 -4325
- package/top-ppt-html/assets/examples/2026-09-09-presentation-apple-mono.model.json +320 -320
- package/top-ppt-html/assets/examples/2026-09-09-presentation-brand-red.html +4272 -4325
- package/top-ppt-html/assets/examples/2026-09-09-presentation-brand-red.model.json +320 -320
- package/top-ppt-html/assets/examples/2026-09-09-presentation-business-blue.html +4272 -4325
- package/top-ppt-html/assets/examples/2026-09-09-presentation-business-blue.model.json +320 -320
- package/top-ppt-html/assets/examples/2026-09-09-research-deep-teal.html +5474 -5527
- package/top-ppt-html/assets/examples/2026-09-09-research-deep-teal.model.json +913 -913
- package/top-ppt-html/assets/examples/2026-09-09-research-indigo-violet.html +5474 -5527
- package/top-ppt-html/assets/examples/2026-09-09-research-indigo-violet.model.json +913 -913
- package/top-ppt-html/assets/examples/2026-09-09-research-mckinsey.html +5474 -5527
- package/top-ppt-html/assets/examples/2026-09-09-research-mckinsey.model.json +913 -913
- package/top-ppt-html/assets/examples/2026-09-09-research-warm-sand.html +5474 -5527
- package/top-ppt-html/assets/examples/2026-09-09-research-warm-sand.model.json +913 -913
- package/top-ppt-html/assets/pptx-export.js +1944 -1944
- package/top-ppt-html/assets/style-gallery.html +559 -589
- package/top-ppt-html/assets/templates/architecture.html +3675 -3728
- package/top-ppt-html/assets/templates/engine.css +787 -840
- package/top-ppt-html/assets/templates/presentation.html +3685 -3738
- package/top-ppt-html/assets/templates/research.html +3964 -4017
- package/top-ppt-html/assets/templates/ui.js +520 -520
- package/top-ppt-html/assets/theme-overview-architecture.png +0 -0
- package/top-ppt-html/assets/theme-overview-presentation.png +0 -0
- package/top-ppt-html/assets/theme-overview-research.png +0 -0
- package/top-ppt-html/assets/theme-overview.png +0 -0
- package/top-ppt-html/evals/prompts.csv +15 -15
- package/top-ppt-html/evals/rubric.schema.json +25 -25
- package/top-ppt-html/evals/run_evals.py +220 -220
- package/top-ppt-html/evals/trace.example.json +16 -16
- package/top-ppt-html/package-lock.json +175 -0
- package/top-ppt-html/package.json +30 -35
- package/top-ppt-html/references/charts-basic.md +624 -624
- package/top-ppt-html/references/charts-discipline.md +108 -108
- package/top-ppt-html/references/charts-extended.md +482 -482
- package/top-ppt-html/references/charts.md +28 -28
- package/top-ppt-html/references/components-atoms.md +624 -624
- package/top-ppt-html/references/components.md +30 -30
- package/top-ppt-html/references/content-rules.md +490 -490
- package/top-ppt-html/references/design-system-engine.md +235 -235
- package/top-ppt-html/references/design-system.md +471 -478
- package/top-ppt-html/references/failure-modes.md +214 -214
- package/top-ppt-html/references/high-fidelity.md +127 -127
- package/top-ppt-html/references/icons.md +397 -397
- package/top-ppt-html/references/industry-benchmark.md +105 -105
- package/top-ppt-html/references/infographics-stats.md +308 -308
- package/top-ppt-html/references/infographics-structure.md +226 -226
- package/top-ppt-html/references/infographics.md +43 -43
- package/top-ppt-html/references/layout-grammar.md +315 -315
- package/top-ppt-html/references/layouts-architecture.md +108 -108
- package/top-ppt-html/references/layouts-combo.md +600 -600
- package/top-ppt-html/references/layouts-research.md +160 -160
- package/top-ppt-html/references/modes.md +254 -254
- package/top-ppt-html/references/outline-design.md +275 -275
- package/top-ppt-html/references/playbook.md +266 -266
- package/top-ppt-html/references/pptx-export.md +209 -209
- package/top-ppt-html/references/reform-plan.md +252 -252
- package/top-ppt-html/references/styles.md +336 -370
- package/top-ppt-html/references/tech-design.md +138 -138
- package/top-ppt-html/scripts/audit_css.py +109 -109
- package/top-ppt-html/scripts/audit_docs.py +176 -176
- package/top-ppt-html/scripts/audit_skill.py +220 -220
- package/top-ppt-html/scripts/audit_styles.py +293 -351
- package/top-ppt-html/scripts/build_examples.py +2276 -2276
- package/top-ppt-html/scripts/build_pptx.js +2380 -2380
- package/top-ppt-html/scripts/capture_theme_overview.js +78 -78
- package/top-ppt-html/scripts/checks_html.py +127 -127
- package/top-ppt-html/scripts/cross_verify.py +294 -294
- package/top-ppt-html/scripts/env_probe.py +158 -158
- package/top-ppt-html/scripts/extract_model.py +210 -210
- package/top-ppt-html/scripts/extract_snippet.py +374 -374
- package/top-ppt-html/scripts/gen_channel_a.js +214 -214
- package/top-ppt-html/scripts/layout-constants.json +3309 -3377
- package/top-ppt-html/scripts/layout_slots.json +830 -830
- package/top-ppt-html/scripts/lib_layout_regions.js +412 -412
- package/top-ppt-html/scripts/measure_height.py +178 -178
- package/top-ppt-html/scripts/model-schema.json +547 -547
- package/top-ppt-html/scripts/negative_tests.py +307 -307
- package/top-ppt-html/scripts/package_skill.py +291 -291
- package/top-ppt-html/scripts/prepare_images.py +341 -341
- package/top-ppt-html/scripts/probe_image_export.py +188 -188
- package/top-ppt-html/scripts/quality_gate.py +301 -301
- package/top-ppt-html/scripts/regression.py +307 -308
- package/top-ppt-html/scripts/render_compare.py +275 -275
- package/top-ppt-html/scripts/render_from_model.py +698 -698
- package/top-ppt-html/scripts/scaffold_report.py +1054 -1054
- package/top-ppt-html/scripts/section-file-map.json +104 -104
- package/top-ppt-html/scripts/sync_runtime.py +662 -662
- package/top-ppt-html/scripts/validate_pptx.py +1510 -1510
- package/top-ppt-html/scripts/validate_report.py +1456 -1456
|
@@ -1,160 +1,160 @@
|
|
|
1
|
-
# 结构组件与锁定版式 · layouts-research.md
|
|
2
|
-
|
|
3
|
-
> 由 `components.md` 拆出(§编号保持不变,跨文件稳定引用)。
|
|
4
|
-
> 取码:`python scripts/extract_snippet.py --file components.md --section <编号>`
|
|
5
|
-
> 或直接 `--file layouts-research.md --section <编号>`。整读大文件视为违规。
|
|
6
|
-
|
|
7
|
-
## 36. research 模式 · 双栏正文 + 脚注(模式 B 专属)
|
|
8
|
-
|
|
9
|
-
```html
|
|
10
|
-
<section class="band" id="s2">
|
|
11
|
-
<div class="wrap">
|
|
12
|
-
<div class="shead rv">
|
|
13
|
-
<div class="t-eyebrow">02 · 现状诊断</div>
|
|
14
|
-
<!-- 行动标题:标题即结论 -->
|
|
15
|
-
<h2 class="t-h1 shead__title">入湖表 68% 从未被查询,资产沉睡是第一问题</h2>
|
|
16
|
-
</div>
|
|
17
|
-
<div class="cols-2 rv">
|
|
18
|
-
<p class="t-body">发现段:一段直接陈述数据与事实,≤ 200 字。</p>
|
|
19
|
-
<p class="t-body">证据段:引用口径与对照数据,外部数据带 [n]。</p>
|
|
20
|
-
<p class="t-body">含义段:这一发现意味着什么,下一步动作。</p>
|
|
21
|
-
</div>
|
|
22
|
-
<div class="footnote">
|
|
23
|
-
注:入湖表共 4,662 张,查询日志取 2026H1;「从未查询」= 半年零访问。
|
|
24
|
-
来源见 <a class="cite" href="#ref-3">[3]</a>。
|
|
25
|
-
</div>
|
|
26
|
-
</div>
|
|
27
|
-
</section>
|
|
28
|
-
```
|
|
29
|
-
|
|
30
|
-
> research 模式密度规则(卡片 4–5 条、表格 ≤16 行、单页 ≤3200 字)见 `modes.md` 模式 B。
|
|
31
|
-
|
|
32
|
-
---
|
|
33
|
-
|
|
34
|
-
## 36b. research 模式 · Exhibit 编号图表框 + so-what 结论条(锁定版式 R2 主件)
|
|
35
|
-
|
|
36
|
-
```html
|
|
37
|
-
<div class="exhibit rv">
|
|
38
|
-
<div class="exhibit__hd">
|
|
39
|
-
<span class="exhibit__no">Exhibit 3</span>
|
|
40
|
-
<span class="exhibit__t">各域入湖表使用率:供应链领跑,研发垫底</span>
|
|
41
|
-
</div>
|
|
42
|
-
<!-- 图表:svg.chart data-chart="…"(做法见第二部分;尺寸取下限即可) -->
|
|
43
|
-
<svg class="chart" data-chart="hbar" viewBox="0 0 520 150"><!-- …条形图… --></svg>
|
|
44
|
-
<div class="exhibit__src">来源:数据平台运行月报,2026-08;使用率 = 半年内有查询的表 / 入湖表总数</div>
|
|
45
|
-
</div>
|
|
46
|
-
<div class="sowhat rv">
|
|
47
|
-
<span class="sowhat__k">So what</span>
|
|
48
|
-
<span class="sowhat__v">研发域是激活沉睡资产的第一目标:清僵尸表 + 语义化改造,预计抬升整体使用率 8–10 个百分点。</span>
|
|
49
|
-
</div>
|
|
50
|
-
```
|
|
51
|
-
|
|
52
|
-
> **Exhibit 编号纪律**:全篇连续(1..N 不跳号不重复,校验器检查);文内引用写"如 Exhibit 3 所示";`.exhibit__src` 必写来源+口径。so-what ≤ 60 字,一行说清含义或建议。**克制条款**:so-what/来源行只在关键论证页(Exhibit 页/结论页)——REPORT_MODEL 的 `soWhat`/`footnote` 字段同步此原则,逐页都加反而增加复杂度。
|
|
53
|
-
|
|
54
|
-
---
|
|
55
|
-
|
|
56
|
-
## 36c. research 模式 · 左侧章节导航轨(可选组件 · 默认不启用)
|
|
57
|
-
|
|
58
|
-
```html
|
|
59
|
-
<nav class="rail" id="rail" aria-label="章节导航">
|
|
60
|
-
<a class="rail__a" href="#s1"><span class="rail__n">01</span><span class="rail__t">周期意义</span></a>
|
|
61
|
-
<a class="rail__a" href="#s2"><span class="rail__n">02</span><span class="rail__t">现状诊断</span></a>
|
|
62
|
-
<a class="rail__a" href="#s3"><span class="rail__n">03</span><span class="rail__t">治理架构</span></a>
|
|
63
|
-
<!-- …与章节一一对应;当前章 .on 由脚本自动维护… -->
|
|
64
|
-
</nav>
|
|
65
|
-
```
|
|
66
|
-
|
|
67
|
-
> 样式与高亮脚本已内置公共引擎(宽屏常显、窄屏自动隐藏、滚动跟随高亮);模板中默认注释不启用——**仅 ≥10 章深度白皮书且用户明确要目录常驻时解开**,普通报告加了反而增加版面复杂度。
|
|
68
|
-
|
|
69
|
-
---
|
|
70
|
-
|
|
71
|
-
## 36d. research 模式 · 锁定版式速查(R1–R8)
|
|
72
|
-
|
|
73
|
-
| 版式 | 骨架(自上而下) | 组合要点 |
|
|
74
|
-
|------|----------------|---------|
|
|
75
|
-
| **R1 论证页** | 行动标题 → `.cols-2`(2–4 段:发现/证据/含义)→ `.sowhat` → `.footnote` | 段落 ≤200 字/段;主题词式标题禁止;**PPTX 映射:`twocol` 页型** |
|
|
76
|
-
| **R2 Exhibit 页** | 行动标题 → `.exhibit`(编号+图+来源)→ 2–3 条解读(`.ul`)或右栏 → `.sowhat` | 默认主力版式;图取尺寸下限;**PPTX 映射:`exhibit` 页型(chart 支持 bar/hbar)** |
|
|
77
|
-
| **R3 密表页** | 行动标题 → ≤16 行表(含结论列)→ `.sowhat` | 结论列用 `td strong`;行高走 research 密度层;**PPTX 映射:`table` 页型** |
|
|
78
|
-
| **R4 指标带页** | 行动标题 → 4–6 个 `.metric` → 小表/迷你图(可选) | 兼作节奏休止页;每 3–4 页一个;**PPTX 映射:`metrics` 页型** |
|
|
79
|
-
| **R5 分栏证据页** | 行动标题 → `.g-side`(左宽论述 / 右窄证据,或反向) | **左宽右窄**(`.g-side` = 1.35fr : 1fr ↔ PPTX `split` 左 55% / 右 41.5%,同源);顶边对齐 `a-start`;**PPTX 映射:`split` 页型** |
|
|
80
|
-
| **R6 三栏证据页** | 行动标题 → `.cols-3`(3–6 段并列短论点,每栏 ≤150 字) | 三个并列论点 / 三方观点;**PPTX 映射:`threecol` 页型** |
|
|
81
|
-
| **R7 半表半图页** | 行动标题 → `.grid.g-half`(左密表 + 右 `.exhibit` hbar/line) | 表图互证、对照阅读;**PPTX 映射:`halftable` 页型** |
|
|
82
|
-
| **R8 矩阵图页** | 行动标题 → `.matrix`(rowHeads × colHeads 网格 + 强调单元) | 定位/优先级/象限判断;**PPTX 映射:`matrix` 页型** |
|
|
83
|
-
|
|
84
|
-
> 不允许临场发明 R8 之外的结构;需要新结构时先扩本表并同步 PPTX 页型与 `layout-constants.json` 页型几何,再使用(锁定版式纪律)。
|
|
85
|
-
|
|
86
|
-
---
|
|
87
|
-
|
|
88
|
-
## 36e. research 模式 · 三栏证据页(R6)
|
|
89
|
-
|
|
90
|
-
```html
|
|
91
|
-
<section class="band" id="s6">
|
|
92
|
-
<div class="wrap">
|
|
93
|
-
<div class="shead rv">
|
|
94
|
-
<div class="t-eyebrow">06 · 风险与治理</div>
|
|
95
|
-
<h2 class="t-h1 shead__title">规模化三重门槛:技术可控、组织就绪、经济可行</h2>
|
|
96
|
-
</div>
|
|
97
|
-
<div class="cols-3 rv">
|
|
98
|
-
<p class="t-body"><strong>论点一。</strong>第一栏论述,每栏 ≤150 字,保持三栏均衡。</p>
|
|
99
|
-
<p class="t-body"><strong>论点二。</strong>第二栏论述,与第一栏并列推进。</p>
|
|
100
|
-
<p class="t-body"><strong>论点三。</strong>第三栏论述,收束到本页结论。</p>
|
|
101
|
-
</div>
|
|
102
|
-
<div class="footnote">注:三方口径与样本说明一行。</div>
|
|
103
|
-
</div>
|
|
104
|
-
</section>
|
|
105
|
-
```
|
|
106
|
-
|
|
107
|
-
> `.cols-3` 是 CSS 多栏(column-count:3,窄屏自动降栏),与 `.cols-2` 同族;**REPORT_MODEL 对应 `{"type":"threecol","paragraphs":[[小标题,正文]…]}`**,序列化器三栏均分。
|
|
108
|
-
|
|
109
|
-
---
|
|
110
|
-
|
|
111
|
-
## 36f. research 模式 · 半表半图页(R7)与矩阵图页(R8)
|
|
112
|
-
|
|
113
|
-
```html
|
|
114
|
-
<!-- R7 半表半图:左密表 + 右 Exhibit,对照阅读 -->
|
|
115
|
-
<div class="grid g-half rv">
|
|
116
|
-
<div class="tbl-wrap">
|
|
117
|
-
<table>
|
|
118
|
-
<thead><tr><th style="width:30%">业务域</th><th>试点率</th><th>同比增幅</th></tr></thead>
|
|
119
|
-
<tbody>
|
|
120
|
-
<tr><td class="k">客服</td><td class="num">72%</td><td><strong>+9pt</strong></td></tr>
|
|
121
|
-
<tr><td class="k">研发</td><td class="num">38%</td><td><strong>+15pt</strong></td></tr>
|
|
122
|
-
</tbody>
|
|
123
|
-
</table>
|
|
124
|
-
</div>
|
|
125
|
-
<div class="exhibit">
|
|
126
|
-
<div class="exhibit__hd">
|
|
127
|
-
<span class="exhibit__no">Exhibit 2</span>
|
|
128
|
-
<span class="exhibit__t">右栏图表标题(结论式)</span>
|
|
129
|
-
</div>
|
|
130
|
-
<svg class="chart" data-chart="hbar" viewBox="0 0 480 190"><!-- …条形图… --></svg>
|
|
131
|
-
<div class="exhibit__src">来源:来源名称,YYYY-MM;口径说明</div>
|
|
132
|
-
</div>
|
|
133
|
-
</div>
|
|
134
|
-
|
|
135
|
-
<!-- R8 矩阵图:rowHeads × colHeads + 强调单元 -->
|
|
136
|
-
<div class="matrix rv">
|
|
137
|
-
<div class="matrix__grid" style="--mx-cols:3">
|
|
138
|
-
<div></div>
|
|
139
|
-
<div class="matrix__h">实施难度 · 低</div>
|
|
140
|
-
<div class="matrix__h">实施难度 · 中</div>
|
|
141
|
-
<div class="matrix__h">实施难度 · 高</div>
|
|
142
|
-
<div class="matrix__rh">业务价值 · 高</div>
|
|
143
|
-
<div class="matrix__c matrix__c--a"><b>客服问数</b>首批放量</div>
|
|
144
|
-
<div class="matrix__c"><b>研发副驾</b>二批放量</div>
|
|
145
|
-
<div class="matrix__c"><b>端到端交付</b>暂缓</div>
|
|
146
|
-
<div class="matrix__rh">业务价值 · 中</div>
|
|
147
|
-
<div class="matrix__c"><b>知识检索</b>常规推进</div>
|
|
148
|
-
<div class="matrix__c"><b>经营预警</b>常规推进</div>
|
|
149
|
-
<div class="matrix__c matrix__c--a"><b>自主决策</b>护栏试点</div>
|
|
150
|
-
</div>
|
|
151
|
-
<div class="matrix__note">图例:强调单元 = 优先投入项;其余按季度节奏推进。</div>
|
|
152
|
-
</div>
|
|
153
|
-
```
|
|
154
|
-
|
|
155
|
-
> **R7 REPORT_MODEL**:`{"type":"halftable","table":{head,rows},"chart":{type:'hbar',labels,values,max,unit}}`——左表右图同屏互证。
|
|
156
|
-
> **R8 REPORT_MODEL**:`{"type":"matrix","rowHeads":[…],"colHeads":[…],"cells":[[str 或 {t,accent}]…]}`——强调单元 `{t,accent:true}` 对应 HTML `matrix__c--a`。
|
|
157
|
-
> 矩阵行列数建议 ≤3×3(信息密度上限),超出先精简维度。
|
|
158
|
-
|
|
159
|
-
---
|
|
160
|
-
|
|
1
|
+
# 结构组件与锁定版式 · layouts-research.md
|
|
2
|
+
|
|
3
|
+
> 由 `components.md` 拆出(§编号保持不变,跨文件稳定引用)。
|
|
4
|
+
> 取码:`python scripts/extract_snippet.py --file components.md --section <编号>`
|
|
5
|
+
> 或直接 `--file layouts-research.md --section <编号>`。整读大文件视为违规。
|
|
6
|
+
|
|
7
|
+
## 36. research 模式 · 双栏正文 + 脚注(模式 B 专属)
|
|
8
|
+
|
|
9
|
+
```html
|
|
10
|
+
<section class="band" id="s2">
|
|
11
|
+
<div class="wrap">
|
|
12
|
+
<div class="shead rv">
|
|
13
|
+
<div class="t-eyebrow">02 · 现状诊断</div>
|
|
14
|
+
<!-- 行动标题:标题即结论 -->
|
|
15
|
+
<h2 class="t-h1 shead__title">入湖表 68% 从未被查询,资产沉睡是第一问题</h2>
|
|
16
|
+
</div>
|
|
17
|
+
<div class="cols-2 rv">
|
|
18
|
+
<p class="t-body">发现段:一段直接陈述数据与事实,≤ 200 字。</p>
|
|
19
|
+
<p class="t-body">证据段:引用口径与对照数据,外部数据带 [n]。</p>
|
|
20
|
+
<p class="t-body">含义段:这一发现意味着什么,下一步动作。</p>
|
|
21
|
+
</div>
|
|
22
|
+
<div class="footnote">
|
|
23
|
+
注:入湖表共 4,662 张,查询日志取 2026H1;「从未查询」= 半年零访问。
|
|
24
|
+
来源见 <a class="cite" href="#ref-3">[3]</a>。
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
27
|
+
</section>
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
> research 模式密度规则(卡片 4–5 条、表格 ≤16 行、单页 ≤3200 字)见 `modes.md` 模式 B。
|
|
31
|
+
|
|
32
|
+
---
|
|
33
|
+
|
|
34
|
+
## 36b. research 模式 · Exhibit 编号图表框 + so-what 结论条(锁定版式 R2 主件)
|
|
35
|
+
|
|
36
|
+
```html
|
|
37
|
+
<div class="exhibit rv">
|
|
38
|
+
<div class="exhibit__hd">
|
|
39
|
+
<span class="exhibit__no">Exhibit 3</span>
|
|
40
|
+
<span class="exhibit__t">各域入湖表使用率:供应链领跑,研发垫底</span>
|
|
41
|
+
</div>
|
|
42
|
+
<!-- 图表:svg.chart data-chart="…"(做法见第二部分;尺寸取下限即可) -->
|
|
43
|
+
<svg class="chart" data-chart="hbar" viewBox="0 0 520 150"><!-- …条形图… --></svg>
|
|
44
|
+
<div class="exhibit__src">来源:数据平台运行月报,2026-08;使用率 = 半年内有查询的表 / 入湖表总数</div>
|
|
45
|
+
</div>
|
|
46
|
+
<div class="sowhat rv">
|
|
47
|
+
<span class="sowhat__k">So what</span>
|
|
48
|
+
<span class="sowhat__v">研发域是激活沉睡资产的第一目标:清僵尸表 + 语义化改造,预计抬升整体使用率 8–10 个百分点。</span>
|
|
49
|
+
</div>
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
> **Exhibit 编号纪律**:全篇连续(1..N 不跳号不重复,校验器检查);文内引用写"如 Exhibit 3 所示";`.exhibit__src` 必写来源+口径。so-what ≤ 60 字,一行说清含义或建议。**克制条款**:so-what/来源行只在关键论证页(Exhibit 页/结论页)——REPORT_MODEL 的 `soWhat`/`footnote` 字段同步此原则,逐页都加反而增加复杂度。
|
|
53
|
+
|
|
54
|
+
---
|
|
55
|
+
|
|
56
|
+
## 36c. research 模式 · 左侧章节导航轨(可选组件 · 默认不启用)
|
|
57
|
+
|
|
58
|
+
```html
|
|
59
|
+
<nav class="rail" id="rail" aria-label="章节导航">
|
|
60
|
+
<a class="rail__a" href="#s1"><span class="rail__n">01</span><span class="rail__t">周期意义</span></a>
|
|
61
|
+
<a class="rail__a" href="#s2"><span class="rail__n">02</span><span class="rail__t">现状诊断</span></a>
|
|
62
|
+
<a class="rail__a" href="#s3"><span class="rail__n">03</span><span class="rail__t">治理架构</span></a>
|
|
63
|
+
<!-- …与章节一一对应;当前章 .on 由脚本自动维护… -->
|
|
64
|
+
</nav>
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
> 样式与高亮脚本已内置公共引擎(宽屏常显、窄屏自动隐藏、滚动跟随高亮);模板中默认注释不启用——**仅 ≥10 章深度白皮书且用户明确要目录常驻时解开**,普通报告加了反而增加版面复杂度。
|
|
68
|
+
|
|
69
|
+
---
|
|
70
|
+
|
|
71
|
+
## 36d. research 模式 · 锁定版式速查(R1–R8)
|
|
72
|
+
|
|
73
|
+
| 版式 | 骨架(自上而下) | 组合要点 |
|
|
74
|
+
|------|----------------|---------|
|
|
75
|
+
| **R1 论证页** | 行动标题 → `.cols-2`(2–4 段:发现/证据/含义)→ `.sowhat` → `.footnote` | 段落 ≤200 字/段;主题词式标题禁止;**PPTX 映射:`twocol` 页型** |
|
|
76
|
+
| **R2 Exhibit 页** | 行动标题 → `.exhibit`(编号+图+来源)→ 2–3 条解读(`.ul`)或右栏 → `.sowhat` | 默认主力版式;图取尺寸下限;**PPTX 映射:`exhibit` 页型(chart 支持 bar/hbar)** |
|
|
77
|
+
| **R3 密表页** | 行动标题 → ≤16 行表(含结论列)→ `.sowhat` | 结论列用 `td strong`;行高走 research 密度层;**PPTX 映射:`table` 页型** |
|
|
78
|
+
| **R4 指标带页** | 行动标题 → 4–6 个 `.metric` → 小表/迷你图(可选) | 兼作节奏休止页;每 3–4 页一个;**PPTX 映射:`metrics` 页型** |
|
|
79
|
+
| **R5 分栏证据页** | 行动标题 → `.g-side`(左宽论述 / 右窄证据,或反向) | **左宽右窄**(`.g-side` = 1.35fr : 1fr ↔ PPTX `split` 左 55% / 右 41.5%,同源);顶边对齐 `a-start`;**PPTX 映射:`split` 页型** |
|
|
80
|
+
| **R6 三栏证据页** | 行动标题 → `.cols-3`(3–6 段并列短论点,每栏 ≤150 字) | 三个并列论点 / 三方观点;**PPTX 映射:`threecol` 页型** |
|
|
81
|
+
| **R7 半表半图页** | 行动标题 → `.grid.g-half`(左密表 + 右 `.exhibit` hbar/line) | 表图互证、对照阅读;**PPTX 映射:`halftable` 页型** |
|
|
82
|
+
| **R8 矩阵图页** | 行动标题 → `.matrix`(rowHeads × colHeads 网格 + 强调单元) | 定位/优先级/象限判断;**PPTX 映射:`matrix` 页型** |
|
|
83
|
+
|
|
84
|
+
> 不允许临场发明 R8 之外的结构;需要新结构时先扩本表并同步 PPTX 页型与 `layout-constants.json` 页型几何,再使用(锁定版式纪律)。
|
|
85
|
+
|
|
86
|
+
---
|
|
87
|
+
|
|
88
|
+
## 36e. research 模式 · 三栏证据页(R6)
|
|
89
|
+
|
|
90
|
+
```html
|
|
91
|
+
<section class="band" id="s6">
|
|
92
|
+
<div class="wrap">
|
|
93
|
+
<div class="shead rv">
|
|
94
|
+
<div class="t-eyebrow">06 · 风险与治理</div>
|
|
95
|
+
<h2 class="t-h1 shead__title">规模化三重门槛:技术可控、组织就绪、经济可行</h2>
|
|
96
|
+
</div>
|
|
97
|
+
<div class="cols-3 rv">
|
|
98
|
+
<p class="t-body"><strong>论点一。</strong>第一栏论述,每栏 ≤150 字,保持三栏均衡。</p>
|
|
99
|
+
<p class="t-body"><strong>论点二。</strong>第二栏论述,与第一栏并列推进。</p>
|
|
100
|
+
<p class="t-body"><strong>论点三。</strong>第三栏论述,收束到本页结论。</p>
|
|
101
|
+
</div>
|
|
102
|
+
<div class="footnote">注:三方口径与样本说明一行。</div>
|
|
103
|
+
</div>
|
|
104
|
+
</section>
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
> `.cols-3` 是 CSS 多栏(column-count:3,窄屏自动降栏),与 `.cols-2` 同族;**REPORT_MODEL 对应 `{"type":"threecol","paragraphs":[[小标题,正文]…]}`**,序列化器三栏均分。
|
|
108
|
+
|
|
109
|
+
---
|
|
110
|
+
|
|
111
|
+
## 36f. research 模式 · 半表半图页(R7)与矩阵图页(R8)
|
|
112
|
+
|
|
113
|
+
```html
|
|
114
|
+
<!-- R7 半表半图:左密表 + 右 Exhibit,对照阅读 -->
|
|
115
|
+
<div class="grid g-half rv">
|
|
116
|
+
<div class="tbl-wrap">
|
|
117
|
+
<table>
|
|
118
|
+
<thead><tr><th style="width:30%">业务域</th><th>试点率</th><th>同比增幅</th></tr></thead>
|
|
119
|
+
<tbody>
|
|
120
|
+
<tr><td class="k">客服</td><td class="num">72%</td><td><strong>+9pt</strong></td></tr>
|
|
121
|
+
<tr><td class="k">研发</td><td class="num">38%</td><td><strong>+15pt</strong></td></tr>
|
|
122
|
+
</tbody>
|
|
123
|
+
</table>
|
|
124
|
+
</div>
|
|
125
|
+
<div class="exhibit">
|
|
126
|
+
<div class="exhibit__hd">
|
|
127
|
+
<span class="exhibit__no">Exhibit 2</span>
|
|
128
|
+
<span class="exhibit__t">右栏图表标题(结论式)</span>
|
|
129
|
+
</div>
|
|
130
|
+
<svg class="chart" data-chart="hbar" viewBox="0 0 480 190"><!-- …条形图… --></svg>
|
|
131
|
+
<div class="exhibit__src">来源:来源名称,YYYY-MM;口径说明</div>
|
|
132
|
+
</div>
|
|
133
|
+
</div>
|
|
134
|
+
|
|
135
|
+
<!-- R8 矩阵图:rowHeads × colHeads + 强调单元 -->
|
|
136
|
+
<div class="matrix rv">
|
|
137
|
+
<div class="matrix__grid" style="--mx-cols:3">
|
|
138
|
+
<div></div>
|
|
139
|
+
<div class="matrix__h">实施难度 · 低</div>
|
|
140
|
+
<div class="matrix__h">实施难度 · 中</div>
|
|
141
|
+
<div class="matrix__h">实施难度 · 高</div>
|
|
142
|
+
<div class="matrix__rh">业务价值 · 高</div>
|
|
143
|
+
<div class="matrix__c matrix__c--a"><b>客服问数</b>首批放量</div>
|
|
144
|
+
<div class="matrix__c"><b>研发副驾</b>二批放量</div>
|
|
145
|
+
<div class="matrix__c"><b>端到端交付</b>暂缓</div>
|
|
146
|
+
<div class="matrix__rh">业务价值 · 中</div>
|
|
147
|
+
<div class="matrix__c"><b>知识检索</b>常规推进</div>
|
|
148
|
+
<div class="matrix__c"><b>经营预警</b>常规推进</div>
|
|
149
|
+
<div class="matrix__c matrix__c--a"><b>自主决策</b>护栏试点</div>
|
|
150
|
+
</div>
|
|
151
|
+
<div class="matrix__note">图例:强调单元 = 优先投入项;其余按季度节奏推进。</div>
|
|
152
|
+
</div>
|
|
153
|
+
```
|
|
154
|
+
|
|
155
|
+
> **R7 REPORT_MODEL**:`{"type":"halftable","table":{head,rows},"chart":{type:'hbar',labels,values,max,unit}}`——左表右图同屏互证。
|
|
156
|
+
> **R8 REPORT_MODEL**:`{"type":"matrix","rowHeads":[…],"colHeads":[…],"cells":[[str 或 {t,accent}]…]}`——强调单元 `{t,accent:true}` 对应 HTML `matrix__c--a`。
|
|
157
|
+
> 矩阵行列数建议 ≤3×3(信息密度上限),超出先精简维度。
|
|
158
|
+
|
|
159
|
+
---
|
|
160
|
+
|