公众号文章多种风格排版生产线

概述

把四套排版风格（无印良品 / 连线杂志 / 纽约客 / 瑞士国际）和「封面 / 插图 / 草稿箱同步」整合成一条客户自助流程的单 skill 入口。本文档上半段是工作流（弹问卡 + 排版 + 推送），下半段是 4 套风格规范全文。

设计原则

1. 客户一调用就弹问卡，不猜、不擅自定样式。六项需求没收齐不动手。
2. 风格规范唯一来源 = 本文件下半段。排版时严格按所选风格章节执行，不引用外部 skill 文件。
3. 新增风格极简：在本文件「风格规范」追加一整套章节 → 在「风格注册表」加一行 → 在弹问卡 Q1 加一项，三处同步即可。

第一步：弹问卡收需求（必须，最先做）

用 AskUserQuestion 工具，分三张卡收集六项（multiSelect 全部为 false，选项写清后果，用中文面向客户）：

卡 1 — 样式 + 文案来源

• Q1 问题「选哪套排版样式？」header「样式」，4 个选项：
  • 无印良品：生活/读书/人文/品牌调性，安静留白
  • 连线杂志：科技/AI/数码/行业分析，硬朗高密度
  • 纽约客：人物/深度长文/叙事，杂志感强
  • 瑞士国际：观点/评论/方法论，理性克制
• Q2 问题「文案从哪来？」header「文案来源」，4 个选项：
  • 直接粘贴正文（最快，把文章贴给我）
  • 上传文件（.md / .docx / .txt，给我路径）
  • 微信读书书籍（给书名或链接，我用 weread-skills 取内容）
  • 参考链接（给 URL，我用 WebFetch 提炼成文）

收完卡 1：若「文案来源=直接粘贴」但用户还没给正文，用文字向用户要，不要自己编。

卡 2 — 文章标题（独立问卡）

• Q3 问题「文章标题怎么定？」header「标题」，2 个选项：
  • 我直接提供（选此项后，请在对话里把标题发我，我照用，不替你编）
  • 自动提炼（基于已给文案的首段金句/核心观点，我给 1–2 个候选，你挑或改）

若选「我直接提供」：用文字向用户要标题。若选「自动提炼」：从已给正文提取核心观点/首段金句，给 1–2 个候选标题让用户定。标题是必填项（草稿箱 article 必须带 title），无论哪种方式都要在动手排版前定下来。

卡 3 — 封面 + 插图 + 草稿箱

• Q4 问题「封面怎么处理？」header「封面」，3 个选项：
  • 按风格自动生成（推荐，ImageGen 按该风格配色出图）
  • 上传已有图片（给我路径）
  • 暂不需要（用该风格底色纯色图兜底，仍满足草稿箱必填封面）
• Q5 问题「要不要插图？」header「插图」，4 个选项：
  • 按风格自动配图（1–3 张，插在重点段）
  • 不插图（纯文字）
  • 上传图片（给我路径，我插到指定位置。注意：本地/外链图在公众号草稿箱 content 里不会显示，只认 mmbiz.qpic.cn 图链，如要保证显示请改选下一项）
  • 在文章里标出插入位置（不上传，留占位标记，你后台手动上传）——推荐给「图传不上来」的情况。我在正文指定位置插入明显占位块，你到后台点占位块一键替换成真图即可，绕开破图问题
• Q6 问题「排完发到哪？」header「草稿箱」，2 个选项：
  • 推送到「周周商业笔记」草稿箱
  • 仅导出 HTML 文件（不推送）

收完三张卡、且正文与标题都齐了，才进入排版（第二步）。

第二步：按样式加载排版规则

根据卡 1 的样式选择，按本文档下半段对应风格章节的规范执行：

转成全内联 style 的 HTML（公众号兼容：无 <style>/script/外链，用 <section><p> 结构，且必须 <body> 包裹）。用户已给文案就直接排，不再重复提问。

第三步：封面（按卡 3）

• 按风格自动生成：用 ImageGen 生成一张符合该风格配色与调性的封面，建议比例 2.35:1（如 1536×654），保存到工作区绝对路径，例如 D:Program Filesworkbuddydata公众号文章skill 开发cover-<style>.jpg。
• 上传已有：让用户给图片路径，复制到上述工作区路径。
• 暂不需要：用 ImageGen 生成一张该风格底色纯色图（提示词：「纯色背景图，颜色 <该风格背景色>，无文字无图案」），存为封面兜底。
• 草稿箱要求 thumb_media_id，所以无论如何都要有一张封面图，不能省略。

第四步：插图（按卡 3，可跳过）

• 按风格自动配图：按文章小标题/重点段，用 ImageGen 生成 1–3 张符合风格的插画，插入 HTML 对应位置（width:100%，下方加该风格规定的图注字号与颜色）。质量不达标宁可少放，不凑数。
• 不插图：跳过。
• 上传图片：让用户给路径与插入位置，插入指定处。提醒：本地/外链图在草稿箱 content 里不会显示（只认 mmbiz.qpic.cn 图链），如要保证显示请改用下一项占位标记 + 后台手动上传。
• 在文章里标出插入位置（占位标记，推荐给图传不上来的情况）：
  1. 先向用户要「标几个、分别放哪」（如：第 2 段后、第 5 段后、结尾前），或用户直接给位置描述。
  2. 在指定位置插入占位块：取该风格强调色作边框与文字色，虚线边框 + 居中文字 + 序号递增。HTML 占位块示例（强调色按所选风格取，下方用纽约客砖红 #B23A2B 作示范）：

“html <section style="margin:24px 0;padding:18px;border:1.5px dashed #B23A2B;border-radius:4px;text-align:center;color:#B23A2B;font-size:14px;line-height:1.7;">插图位置① · 在此插入图片</section> “

1. Markdown 源文同步标一行：【插图位置①：在此插入图片】。
2. 占位块本身是纯样式文字，不依赖外链图，在草稿箱里能正常显示；用户到公众号后台编辑时，点占位块即可上传真图替换。
3. 交付时明确提醒用户：插图位置已留占位，需在后台手动上传真图才会显示。

第五步：草稿箱同步（按卡 3，可跳过）

• 推送到「周周商业笔记」草稿箱：调用本 skill 目录下的 push_draft.py：

  WX_APPID=<appid> WX_SECRET=<secret> 
  "C:Userszhouy.workbuddybinariespythonversions3.13.12python.exe" 
  "C:Userszhouy.workbuddyskillsmparticle-mulstyle-plinepush_draft.py" 
  --html <排版后HTML绝对路径> --cover <封面绝对路径> --title "<文章标题>" --author "周周"

• 凭证只从环境变量读，绝不写进文件/日志/回复。
• 调用方公网 IP 必须在公众号后台 IP 白名单（当前 117.133.73.123）。
• 成功后提示用户去「周周商业笔记」后台草稿箱确认。
• 仅导出 HTML：把 HTML 落到工作区文件，用 present_files 交付，不推送。

收口与交付

• 无论是否推送，都交付：① 排版后 HTML 文件（可直接导入草稿箱）② Markdown 源文。
• 文件名带风格与日期，例如 排版-无印良品-20260902.html / .md。
• 输出路径明确写在回复里，方便客户复制定位。
• 若插图选了「在文章里标出插入位置」：交付时务必提醒用户，正文插图位置是占位块，需在公众号后台手动上传真图才会显示。

风格注册表（新增风格在此加行）

新增一套风格只需 3 步（三处同步）：

1. 在本文件「风格规范」追加一整套章节（包含核心规范、基础参数、配色、模板、自查清单）。
2. 在「风格注册表」加一行；在「第二步」表格加一行。
3. 卡 1 的「样式」选项同步加一项。

完成即生效，问卡自动出现新风格，其余逻辑不用动。

风格规范（4 套全量）

风格一：无印良品（key: muji · 生活/读书/人文/品牌调性）

把任意一篇公众号文章，排成无印良品那种安静、自然、留白充分的样子。

核心规范（四条，先看这个）

暖色、低饱和、弱对比、少装饰。

不是"加了什么"变高级，而是"拿掉了什么"。执行时始终记住：颜色收进三类、字号收进四级、装饰收进三条，剩下的高级感交给留白。

一、字号与排布

• 行距：1.8 – 1.85（正文取 1.82）
• 字间距：0 – 0.5px（取 0.5px）
• 页边距：左右各 8px
• 对齐：正文、小标题、图片说明全部左对齐，不来回切居中
• 段落：每段 2 – 4 行，段间距 24 – 28px，段与段之间留明显空白

二、配色（全文只留三类颜色）

禁忌：全文不出现鲜艳的红、蓝、黄；强调色不大面积铺陈，一篇文章出现不超过 5 – 8 处。

三、装饰规则

• 圆角：直角或 0 – 4px。禁止 15 – 20px 大圆角
• 阴影：全部去掉，不用 box-shadow
• 区分内容：很浅的米色底 #F5F2EC，或 1px 浅灰边框 #E8E4DE
• 强调方式：只加粗。禁止同时对同一处内容"放大 + 变色 + 加底纹"
• 分割线：用 1px 浅灰细线即可，不用花式分隔符

四、弱对比

无印良品不是没有层级，而是不把层级做得夸张。标题比正文明显即可，不出现突然一个超大黑体标题把页面压重。

输出格式要求（公众号兼容）

公众号会过滤外部样式表和 class 选择器，所有样式必须写成内联 style。

• 用 <section> + <p> 结构，不用 <div> 堆叠
• 每段一个 <p>，段间距用 margin 控制
• 表格用 <table> + 内联样式，1px 浅灰边框
• 图片 width:100%，圆角 0 – 4px，下方配 14px 浅灰图注
• 不用 <style> 标签、不用 script、不用外部链接的 css/js

段落模板

<section style="font-size:16px;color:#3D3A36;line-height:1.82;letter-spacing:0.5px;padding:0 8px;">
  <p style="margin:0 0 26px 0;">正文段落，控制在两到四行。段与段之间留出明显空白。</p>
  <p style="margin:0 0 26px 0;">下一段。<strong style="font-weight:600;">重点内容只加粗</strong>，不叠加放大变色。</p>

  <h2 style="font-size:20px;font-weight:700;color:#3D3A36;margin:38px 0 18px 0;line-height:1.5;">一级小标题</h2>
  <p style="margin:0 0 26px 0;">标题下的正文。</p>

  <h3 style="font-size:18px;font-weight:700;color:#3D3A36;margin:30px 0 16px 0;line-height:1.5;">二级小标题</h3>
  <p style="margin:0 0 26px 0;">正文。</p>

  <p style="font-size:14px;color:#8C867F;margin:0 0 26px 0;line-height:1.7;">图片说明或资料来源，用浅灰 14 号。</p>
</section>

分区块模板（浅米底 + 小圆角，无阴影）

<section style="background:#F5F2EC;border-radius:4px;padding:22px 20px;margin:0 0 28px 0;">
  <p style="font-size:16px;color:#3D3A36;line-height:1.82;letter-spacing:0.5px;margin:0;">区块内文字。</p>
</section>

关键词强调（唯一允许的彩色）

<span style="color:#A6554E;">关键词</span>

工作流程

1. 接收原文：用户提供文章正文（Markdown 或纯文本）。用户没给内容时，先问，不自己编。
2. 结构分层：标出一级小标题、二级小标题、正文、图注四类，分别对应 20 / 18 / 16 / 14。
3. 标强调点：全文圈出 5 – 8 处真正需要强调的关键词或序号，只有这些用暗红。
4. 转 HTML：按上面的模板生成内联样式 HTML，逐段检查配色与字号是否越界。
5. 自查：过一遍下面的清单。
6. 交付：输出 HTML 文件（可直接用于推送草稿箱）与 Markdown 源文。

发布前自查清单

• [ ] 正文不是纯黑，是暖深灰 #3D3A36
• [ ] 全文无鲜艳红 / 蓝 / 黄
• [ ] 强调色 #A6554E 只出现在序号、关键词、小装饰，且不超过 8 处
• [ ] 字号只有 20 / 18 / 16 / 14 四档
• [ ] 重点只加粗，无叠加放大、变色、底纹
• [ ] 圆角 ≤ 4px，全文无阴影
• [ ] 所有文字左对齐，无居中左对齐来回切换
• [ ] 每段 2 – 4 行，段间距 24px 以上
• [ ] 样式全部内联，无 <style>、无 script、无外链

风格二：连线杂志（key: wired · 科技/AI/数码/行业分析）

把科技、AI、数码、行业分析类文章，排成信息清晰、层级硬朗、有专业感的样子。

核心规范

三个参数打底，一种亮色点睛，重点做成卡片。

这套风格是为"信息量大"服务的：把参数收紧、把层级拉开、把颜色砍到只剩一种亮色。不是加装饰，是加秩序。

一、三个基础参数

科技文章信息量大，正文不能太小，16 号是下限；段落切短，阅读压力才小。

段后 16px 比无印良品风的 24–28px 明显更紧，这是刻意的：科技内容要信息流速，不要呼吸感。

二、标题层级（必须拉开，这是这套风格的骨架）

一级标题与正文差 8 – 10 号，这个跨度就是"扫一眼知道重点"的物理基础。读者先扫后读，层级模糊等于没有层级。

三、配色：黑白灰打底 + 一种高饱和强调色

铁律：全篇只用一种强调色。 亮色越少，越容易形成视觉重点。不要到处上色。

荧光绿 #00C853 使用注意

• 适合：序号（加粗 16–18 号）、标签（绿底白字）、大字号短语、分割元素
• 不适合：正文中细小的关键词——#00C853 在纯白底上对比度偏低，小字会发虚
• 若必须在正文内强调单个词，改用深一档的绿 #00913D，或给关键词加粗后再上色
• 做标签时用绿底白字，不要用绿字白底

四、信息卡片（整套规范里最实用的一招）

数据、引用、关键结论，不要埋在正文里，单独做成卡片：

<section style="background:#F4F4F4;border:1px solid #E0E0E0;padding:20px;margin:0 0 16px 0;">
  <p style="font-size:16px;color:#1A1A1A;line-height:1.75;margin:0;">数据、引用、关键结论放这里。</p>
</section>

规范：浅灰底 #F4F4F4 + 1px 细边框 #E0E0E0 + 内边距 18 – 20px，卡片内文字仍是 16 号。不要大圆角、不要阴影。

五、输出格式要求（公众号兼容）

公众号会过滤外部样式表和 class 选择器，所有样式必须写成内联 style。

• 用 <section> + <p> 结构
• 每段一个 <p>，段后用 margin:0 0 16px 0
• 表格用 <table> + 内联样式，1px #E0E0E0 边框，表头浅灰底
• 图片 width:100%，下方配 13 – 14px #767676 图注
• 不用 <style> 标签、不用 script、不用外链

段落模板

<section style="font-size:16px;color:#1A1A1A;line-height:1.75;letter-spacing:0.2px;padding:0 18px;">
  <h1 style="font-size:25px;font-weight:700;color:#1A1A1A;margin:0 0 16px 0;line-height:1.35;">一级标题 24-26</h1>
  <p style="margin:0 0 16px 0;">正文段落，控制在三到五行。段后固定 16 像素。</p>

  <h2 style="font-size:20px;font-weight:700;color:#1A1A1A;margin:28px 0 16px 0;line-height:1.4;">二级标题 20</h2>
  <p style="margin:0 0 16px 0;">正文。关键词用 <span style="color:#00C853;font-weight:700;">荧光绿加粗</span> 强调，全文不超过 8 处。</p>

  <p style="font-size:13px;color:#767676;margin:0 0 16px 0;line-height:1.6;">图注或资料来源，浅灰 13 号。</p>
</section>

序号模板（荧光绿最典型的用法）

<h2 style="font-size:20px;font-weight:700;color:#1A1A1A;margin:28px 0 16px 0;line-height:1.4;">
  <span style="color:#00C853;">01</span>　标题文字
</h2>

标签模板（绿底白字）

<span style="display:inline-block;background:#00C853;color:#FFFFFF;font-size:13px;padding:3px 8px;line-height:1.4;">标签</span>

六、工作流程

1. 接收原文：用户提供文章正文（Markdown 或纯文本）。用户没给内容时，先问，不自己编。
2. 分层：标出一级标题、二级标题、正文、图注，对应 25 / 20 / 16 / 13。
3. 挑卡片内容：把数据、引用、关键结论从正文里拎出来，单独做成信息卡片。这是这套风格的加分项，别省略。
4. 标强调点：圈出 5 – 8 处序号、标签、关键词，只有这些用荧光绿。
5. 转 HTML：按模板生成内联样式 HTML，逐段检查段后是否都是 16px、强调色是否只有一种。
6. 自查：过一遍下面的清单。
7. 交付：输出 HTML 文件（可直接用于推送草稿箱）与 Markdown 源文。

七、发布前自查清单

• [ ] 正文 16，行距 1.75，段后 16px，全篇统一
• [ ] 每段 3 – 5 行
• [ ] 一级标题 24–26，二级 20，与正文层级明显拉开
• [ ] 全文只有一种高饱和强调色（默认荧光绿 #00C853）
• [ ] 强调色只出现在序号、标签、关键词，不超过 8 处
• [ ] 数据 / 引用 / 关键结论已单独做成信息卡片
• [ ] 卡片是浅灰底 + 1px 细边框 + 内边距，无大圆角、无阴影
• [ ] 样式全部内联，无 <style>、无 script、无外链

风格三：纽约客（key: newyorker · 人物/深度长文/叙事）

把人物、深度长文、叙事类内容，排出可读、有气质、能一路读下去的杂志感。

核心规范

大标题、长段落、强插图。

这是目前四套排版里唯一一套"反碎片化"的：别人都在把文章切碎降低单屏负担，纽约客反过来——段落要长，观点要讲完，让读者顺着读下去。它对内容有要求，没有叙事的干货文撑不起这套排版。

一、三个基础参数

同样都是每段 3 – 5 行，连线杂志风是为了降单段负担，纽约客是为了让观点完整落地。不要写成一句一段的碎片。

二、标题层级（这套风格的骨架在"大"字上）

大标题与正文差 8 – 12 号，这个跨度撑起杂志的层级感。大标题是全篇的"封面"，不要为了省位置把它压小。

三、配色：白或暖白作底，深色正文，只留一种强调色

配色不用复杂，三类就够：底色、正文色、一种强调色。

四、引文块（这套独有的核心手法，也最容易做坏）

人物原话或文章的核心观点，单独抽出来放大，用左边竖红线 + 浅灰棕底衬托，让读者在长文中一眼看到重点：

<p style="margin:32px 0 32px 0;font-size:18px;line-height:1.7;color:#23201C;font-weight:700;letter-spacing:0.5px;background:#F2ECE4;border-left:4px solid #B23A2B;padding:16px 20px;">
  人物原话或核心观点，单独抽出放大，左边竖红线、浅灰棕底衬托，一眼看到重点。
</p>

正确做法：

1. 放大到 18px
2. 前后各留 32px
3. 加粗
4. 左边 4px 砖红竖线 #B23A2B（强调色就是竖线本身，呼应全篇只一种强调色）
5. 浅灰棕底 #F2ECE4 衬托

左下两角用色块把金句"托起来"，比纯文字停顿更有杂志的重量感。竖线用强调色，底色用低饱和浅灰棕，不抢正文。

禁止：在底色上再加边框、加引号图标、把竖线换成粗黑块、或整段变红。一旦过度装饰，它就从"重点"变成"花哨"，杂志感就散了。

五、插图：是内容，不是配图

• 人物、城市、事件，连抽象观点也要交给插画表达
• 图片放得更大
• 不要大圆角、不要明显阴影
• 必须配 13 – 14px #857F76 图注，说明插图在讲什么，不要重复正文已经说过的话

这套的门槛在插画产能——没有稳定的插图来源，风格做不完整。插图质量不达标时，宁可减少插图数量，也不要放凑数的图。

六、卡片：禁用

不要把长文章切成卡片。真正适合做阅读节点的是三样：小标题、引文、图片。

卡片会把连续叙事切成模块，读者会跳读而不是顺着读。这条与连线杂志风正好相反——那套鼓励用卡片，这套禁用。

七、输出格式要求（公众号兼容）

公众号会过滤外部样式表和 class 选择器，所有样式必须写成内联 style。

• 用 <section> + <p> 结构
• 每段一个 <p>
• 图片 width:100%，无大圆角、无阴影
• 表格用 <table> + 内联样式，1px #DED8CE 边框（表格少用，叙事文优先用文字）
• 不用 <style> 标签、不用 script、不用外链

段落模板

<section style="font-size:16px;color:#23201C;line-height:1.75;letter-spacing:0.3px;padding:0 5px;background:#FDFCF9;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang SC',sans-serif;">
  <h1 style="font-size:26px;font-weight:700;color:#23201C;margin:0 0 20px 0;line-height:1.4;text-align:left;">大标题 24–28</h1>

  <p style="margin:0 0 16px 0;">正文段落，三到五行，观点完整讲完再分段。不要为了短而硬切成一句一段。</p>

  <h2 style="font-size:20px;font-weight:700;color:#23201C;margin:32px 0 16px 0;line-height:1.5;text-align:left;">
    <span style="color:#B23A2B;display:inline-block;margin-right:8px;">01</span>小标题 20
  </h2>

  <p style="margin:0 0 16px 0;">正文。关键词用 <span style="color:#B23A2B;font-weight:700;">砖红加粗</span> 强调，全文少量。</p>

  <!-- 引文块：放大 + 浅灰棕底 + 左边砖红竖线 -->
  <p style="margin:32px 0 32px 0;font-size:18px;line-height:1.7;color:#23201C;font-weight:700;letter-spacing:0.5px;background:#F2ECE4;border-left:4px solid #B23A2B;padding:16px 20px;">
    人物原话或核心观点，单独抽出放大，左边竖红线、浅灰棕底衬托，一眼看到重点。
  </p>

  <p style="font-size:13px;color:#857F76;margin:0 0 16px 0;line-height:1.6;letter-spacing:0.3px;">图注 13–14 号，说明插图在讲什么。</p>
</section>

序号模板（强调色最典型的用法）

<h2 style="font-size:20px;font-weight:700;color:#23201C;margin:32px 0 16px 0;line-height:1.5;text-align:left;">
  <span style="color:#B23A2B;display:inline-block;margin-right:8px;">01</span>小标题文字
</h2>

序号间距必须用 display:inline-block; margin-right:8px 控制，禁用全角空格。 公众号编辑器会吃掉多余空格，跨端渲染宽度不一致，序号和标题会贴死。

标签模板

<span style="display:inline-block;background:#B23A2B;color:#FFFFFF;font-size:13px;padding:3px 8px;line-height:1.4;">标签</span>

八、工作流程

1. 接收原文：用户提供文章正文（Markdown 或纯文本）。用户没给内容时，先问，不自己编。
2. 判断适配性：这套只适合有叙事的内容。如果是纯干货、纯数据、纯方法论，改用「风格二：连线杂志」或「风格一：无印良品」，并告诉用户原因。
3. 分层：大标题 24–28，小标题 20，重点内容 18，正文 16，图注 13–14。
4. 挑引文：从正文里拎出 1 – 3 处人物原话或核心观点，做成引文块。
5. 排插图：确认插图位置与图注文案，插图尽量放大。
6. 标强调点：圈出少量序号与关键词用砖红，不上色给引文块。
7. 转 HTML：按模板生成内联样式 HTML。
8. 自查：过一遍下面的清单。
9. 交付：输出 HTML 文件（可直接用于推送草稿箱）与 Markdown 源文。

九、发布前自查清单

• [ ] 正文内无文章标题；大标题 24–28（仅文内引导），小标题 20，重点内容 18，正文 16
• [ ] 行距 1.7–1.8，字间距 0–0.5px
• [ ] 每段 3–5 行，观点完整讲完，无硬切短句
• [ ] 引文块 18 号加粗，前后各 32px，左边 4px 砖红竖线 + 浅灰棕底 #F2ECE4 衬托
• [ ] 重点内容用 18px 加粗砖红（句/短语级嵌正文），与引文块区别：引文块是段级、带底色竖线
• [ ] 全文无卡片、无彩色底纹区块
• [ ] 插图尽量放大，无大圆角、无明显阴影
• [ ] 图注 13–14 号，说明插图在讲什么，不重复正文
• [ ] 背景白或暖白，正文深色，强调色只有一种（默认砖红 #B23A2B）
• [ ] 两端留白 5px，序号间距用 margin-right:8px，无全角空格
• [ ] 样式全部内联，无 <style>、无 script、无外链

风格四：瑞士国际（key: swiss · 观点/评论/方法论）

把观点、评论、方法论类内容，排成干净、理性、有秩序感的高级版面。

核心规范

层级只有两级，强调只有一种。

这是瑞士国际主义最硬的一条：标题与正文只差 2 号（18 对 16），全篇只准用一种强调方式。它不追求氛围，追求的是信息本身被清晰组织出来。适合通读型内容，不适合信息密度极高的行业分析。

一、三个基础参数

二、标题层级（两级，刻意压缩跨度）

18 与 16 只差 2 号，扫读定位弱于连线杂志风的 8 – 10 号跨度。这是取舍：用层级感换秩序感。全篇没有大标题，靠小标题 + 序号建立节奏。

三、配色：纯白底，深炭灰正文，只留一种强调色

全篇只保留一种强调方式。选了"加粗 + 瑞士红"，就全篇都这么用，不混用。

四、重点块（核心手法，左竖红线 + 浅灰底）

核心观点单独抽出来，用左边瑞士红竖线 + 浅灰底衬托，文字 18px 加粗，一眼看到重点：

<p style="margin:24px 0;font-size:18px;font-weight:700;color:#242424;line-height:1.7;letter-spacing:0.5px;background:#EFEFEF;border-left:4px solid #E30613;padding:16px 20px;">
  核心观点，左边竖红线、浅灰底衬托，18px 加粗，一眼看到重点。
</p>

做法：

1. 文字 18px 加粗 #242424
2. 左边 4px 瑞士红竖线 #E30613（强调色就是竖线本身，呼应全篇只一种强调色）
3. 浅灰底 #EFEFEF 衬托

禁止：在底色上再加边框、加引号图标、把竖线换成粗黑块、或整段变红。

五、装饰：极简，能省的都省

• 不用圆角卡片，彩色底纹也尽量不用
• 不用阴影、不用渐变
• 小标题、图注、正文全部左对齐（开头特殊引言除外）
• 序号间距必须用 margin，禁用全角空格

六、输出格式要求（公众号兼容）

公众号会过滤外部样式表和 class 选择器，所有样式必须写成内联 style。

• 用 <section> + <p> 结构
• 每段一个 <p>
• 图片 width:100%，无大圆角、无阴影
• 表格用 <table> + 内联样式，1px #E0E0E0 边框（表格少用，优先用文字）
• 不用 <style> 标签、不用 script、不用外链

段落模板

<section style="font-size:16px;color:#2B2B2B;line-height:1.75;letter-spacing:1px;padding:0 5px;background:#FFFFFF;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang SC',sans-serif;">
  <h2 style="font-size:18px;font-weight:700;color:#2B2B2B;margin:32px 0 16px 0;line-height:1.5;text-align:left;">
    <span style="color:#E30613;display:inline-block;margin-right:8px;">01</span>小标题 18 加粗
  </h2>

  <p style="margin:0 0 16px 0;">正文段落，三到五行。段后 16px 相当于空一行。</p>

  <!-- 重点块：左竖红线 + 浅灰底 + 18px 加粗 #242424 -->
  <p style="margin:24px 0;font-size:18px;font-weight:700;color:#242424;line-height:1.7;letter-spacing:0.5px;background:#EFEFEF;border-left:4px solid #E30613;padding:16px 20px;">
    核心观点，左边竖红线、浅灰底衬托，18px 加粗，一眼看到重点。
  </p>

  <p style="font-size:13px;color:#8A8A8A;margin:0 0 16px 0;line-height:1.6;">图注或资料来源，浅灰 13 号。</p>
</section>

序号模板（强调色最典型的用法）

<h2 style="font-size:18px;font-weight:700;color:#2B2B2B;margin:32px 0 16px 0;line-height:1.5;text-align:left;">
  <span style="color:#E30613;display:inline-block;margin-right:8px;">01</span>小标题文字
</h2>

序号间距必须用 display:inline-block; margin-right:8px 控制，禁用全角空格。 公众号编辑器会吃掉多余空格，跨端渲染宽度不一致，序号和标题会贴死。

关键词模板

<span style="color:#E30613;font-weight:700;">关键词</span>

七、工作流程

1. 接收原文：用户提供文章正文（Markdown 或纯文本）。用户没给内容时，先问，不自己编。
2. 判断适配性：这套只适合观点、评论、方法论类通读内容。如果是纯数据、纯行业分析，改用「风格二：连线杂志」；如果是纯感受、纯故事，改用「风格一：无印良品」，并告诉用户原因。
3. 分层：小标题 18，正文 16，图注 13 – 14。
4. 挑重点：从正文拎出 1 – 3 处核心观点，做成重点块（左红竖线 + 浅灰底）。
5. 标强调点：圈出少量序号与关键词用瑞士红，不上色给重点块（竖线已是强调色）。
6. 转 HTML：按模板生成内联样式 HTML。
7. 自查：过一遍下面的清单。
8. 交付：输出 HTML 文件（可直接用于推送草稿箱）与 Markdown 源文。

八、发布前自查清单

• [ ] 正文 16，行距 1.75，字间距 1px，全篇统一
• [ ] 小标题 18 加粗，左对齐，深炭灰 #2B2B2B
• [ ] 重点块：左 4px 瑞士红竖线 + 浅灰底 #EFEFEF + 文字 18px 加粗 #242424
• [ ] 红色只在序号、关键词、标题前缀、重点块竖线，无整段变红
• [ ] 全文只有一种强调方式
• [ ] 每段 3–5 行，段间空一行
• [ ] 图片前后各空一行
• [ ] 两端留白左右各 5px，背景纯白 #FFFFFF
• [ ] 序号间距用 margin-right:8px，无全角空格
• [ ] 正文、小标题、图注全部左对齐
• [ ] 无圆角卡片、无彩色底纹、无阴影
• [ ] 样式全部内联，无 <style>、无 script、无外链

四套风格怎么选（汇总）

选型口诀：讲人物、讲深度长文用纽约客；讲数据、讲技术用连线；讲感受、讲故事用无印；讲观点、讲方法用瑞士。

新增风格操作流程（三处同步）

1. 在本文件「风格规范」追加一整套章节（包含核心规范、基础参数、配色、模板、自查清单），按现有四套章节的章节结构写。
2. 在「风格注册表」加一行；在「第二步」表格加一行。
3. 卡 1 的「样式」选项同步加一项。

完成即生效，问卡自动出现新风格，其余逻辑不用动。