本规范定义了一套完整的、基于 A4 国际标准纸张的印刷排版体系。其核心目标只有一个：让任何 AI Agent 或内容创作者，仅需替换文本内容，即可输出专业级别的 PDF 报告文件。

本规范是 EDIC Design System（参见 index.html）在印刷媒介上的延伸。设计系统中的色彩令牌（OKLch 橄榄绿）、字体体系（衬线 Display + 无衬线 Body）、间距比例尺（4pt 栅格）被完整继承并适配为印刷环境下的 pt 单位。

核心理念

1. 自包含。 单个 HTML 文件包含全部 CSS 令牌、布局系统、组件样式。无需外部样式表、无需 JavaScript 框架、无需字体 CDN。复制即用。

2. 印刷优先。 所有尺寸以 pt（点）为单位，而非 px 或 rem。CSS @page 规则直接控制纸张边距、运行页眉、页码。打印时 print-color-adjust: exact 确保色块保留。

3. 代理友好。 全文以 ✎ 标记 标注所有待填充位置。任何 AI 只需搜索 ✎ 即可定位所有内容缺口。头部注释块包含完整使用说明，Agent 可解析执行。

4. 可扩展。 基于 CSS 自定义属性体系，替换 :root 中的令牌即可全局换肤。色彩、字体、间距、字号均可独立覆盖。

A4 国际标准纸张尺寸为 210mm × 297mm。本规范通过精算边距，在保证阅读舒适度的前提下最大化内容面积。

版心利用策略

178mm 的内容宽度在 10pt 字号下，每行约容纳 70–75 个汉字字符（或 85–95 个拉丁字符），属于印刷排版的最佳行长范围（《字体排印原理》推荐行长 60–75 字符）。

257mm 的内容高度在全正文排版下约容纳 48–52 行文字（含段落间距），对应 4–6 个段落块或 2–3 个带标题的内容节段。

分页控制规则

本规范采用 智能自然分页 策略——不强制每章从新页开始，而是由浏览器根据页面剩余空间自动填充，仅在结构性边界处强制分页。配合智能分页引擎（JavaScript），在打印前动态评估各章节内容量，贪心算法最大化每页利用率（目标 ≥ 70%）。

运行页眉与页码

页眉通过 CSS position: running() 注入 @page 的 @top-left 区域。封面页（@page cover-page）禁用所有页眉页脚页码。目录页（@page toc-page）页眉显示「目录」。

页码使用等宽字体 + 8pt + muted 色，位于页面底边居中。封面无页码，目录页从罗马数字或阿拉伯数字开始（当前实现从 1 开始，封面和目录不计入页码序列——印刷厂通常在此追加处理）。

继承自 EDIC Design System 的四字族体系，适配印刷环境的 pt 单位：

字号比例尺

字号采用 Major Third (1.25) 模度比例，以 10pt 正文为基准：

排版规则汇总

字体渲染说明

本规范推荐的字体栈在 macOS (Iowan Old Style / SF Pro / JetBrains Mono) 和 Windows (Georgia / Segoe UI / Noto Sans SC) 上均有良好回退。中文内容优先使用 Noto Sans SC（Google 思源黑体）和 Noto Serif SC（Google 思源宋体），两者均为开源字体，可在 Google Fonts 获取。

如系统未安装上述字体，浏览器会按 CSS font-family 列表依次回退，最终降级到系统 serif/sans-serif/monospace。对于需要精确控制字体的印刷场景，建议在 PDF 生成前嵌入字体文件（Chrome 打印支持 TrueType/OpenType 嵌入）。

表格是研究报告中最核心的数据呈现方式。本规范定义了三种表格变体：标准表格（默认）、紧凑表格（-compact）和条纹表格（-striped）。

使用示例

标准表格（彩色格式采纳率对比）

紧凑表格（数据密集场景）

添加 class="-compact" 可获得紧凑版：

条纹表格（用于更长的数据列）

添加 class="-striped"：

表格规范总结

所有表格类名体系：

• .rp-table — 基础表格（默认标准样式）
• .rp-table.-compact — 紧凑版（缩小 padding + 字号）
• .rp-table.-striped — 斑马条纹版（仅用于超长表格）
• .rp-num — 数字列（右对齐 + tabular-nums + mono）
• .rp-table-wrap — 表格容器（控制外边距 + 防跨页）
• .rp-table-wrap.wide — 宽表格容器（负 margin 扩展）

所有图表组件使用纯 CSS 实现，零 JavaScript 依赖。支持三种图表类型：条形图、环形图和KPI 卡片。图表网格默认为双列布局。

环形图 — 设计与使用

通过 conic-gradient() 绘制。中心镂空显示主值。配合图例使用。

KPI 卡片网格

默认 4 列布局。使用 style="grid-template-columns: repeat(N, 1fr)" 可自定义列数。

图表组件的 CSS 类体系

信息组件用于在正文中嵌入强调性内容。所有组件均已设置 page-break-inside: avoid，确保不会跨页断裂。

Figure（插图）

图片容器，默认 16:9 比例。可替换为实际图片。

Blockquote（块引用）

"设计系统不是项目，它是产品——服务于其他产品的产品。" Nathan Curtis，Design Systems 作者

引用块使用衬线 display 字体 + 15pt 字号 + 左侧 3pt 强调竖线。引用来源（cite）在引用文下方，带破折号前缀。

Badge（标签）

行内标签，用于状态标记。五种颜色 + 描边共六种变体：

ACCENT SUCCESS WARNING ERROR INFO OUTLINE DESIGN

封面和目录是报告的第一印象。本规范在印刷约束下提供了足够的设计自由度。

封面规则

封面使用 @page cover-page 禁用所有页眉页脚页码。内容通过 padding 从版心底部向上构建，形成「由下而上」的视觉流：

• Tag — 等宽字体 + uppercase + 宽字距 + accent 色，位于顶部
• H1 — 36pt 衬线 display，最大宽度 150mm，限制行长
• 副标题 — 15pt 正文粗度 300，最大宽度 120mm
• 元数据行 — 等宽字体，项目间以中点隔开
• 装饰条 — ::after 伪元素，60pt × 3pt 橄榄绿色块

封面内容垂直居下而非居中的原因：A4 纵向纸张的视觉重心在水平中线偏上，将内容放在下方可以制造「稳定感」和「庄重感」，这是行业分析报告所需要的情绪基调。

目录规则

目录页使用 @page toc-page 设置页眉显示「目录」。目录条目采用点状底线连接章节名称（如含页码）。二级目录（子条目）缩进显示。

本模板专为 AI Agent 自动填充设计。以下是指令规范，Agent 可按以下流程操作：

内容结构规则

调色板定制

如需更换品牌色，仅需修改 :root 中以下变量：

例如，替换为暖橙色品牌：

--accent:      oklch(58% 0.16 35);
--accent-soft: oklch(78% 0.08 35);
--accent-bg:   oklch(92% 0.025 35);