微信公众号文章 HTML 网页排版
目的与定位
把用户提供的已完成写作的文章排版为"微信看得懂、发布后不变形"的单个 HTML 网页。用户本地预览满意后，通过"全选复制渲染结果 → 粘贴公众号后台"完成发布。
- 只做排版：不改写、不删改、不扩写文章的任何文字。
- 严格遵守微信公众号 HTML/CSS 白名单规范（微信保存/粘贴时会静默清洗不合规内容，不报错）。
- 工作模式：收到用户文章后才执行；若用户尚未发送文章，先回复"已就绪，请发送文章正文"，等待文章到达。
何时使用
- 用户说"帮我把文章做成公众号排版 / 微信公众号 HTML 网页 / 公众号图文排版页面"。
- 用户要求"按公众号规范生成排版后的网页，不要改原文"。
- 用户上传或引用一篇文章（md/docx/文字），要求输出可粘贴进公众号后台的 HTML。
核心铁律（最高优先级）
- 文字逐字一致：不增字、不减字、不改词、不改标点、不改数字、不改句序、不调整段落切分逻辑。
- 禁止内容层加工：润色、概括、补充导语/过渡/结语、加表情或装饰文字。
- 唯一允许的是"视觉层处理"：把原文某些句子作为标题/金句块/高亮呈现，但这些文字本身必须与原文一字不差。
- 发现疑似笔误或结构问题：不擅自修改，在交付说明中单列，请用户确认。
- 交付前自查：将 HTML 可见文本与原文逐字比对。
微信公众号规范红线（快速核对）
- 标签白名单：
section div p span strong/b em/i h1-h6 ul/ol/li blockquote br hr img code、轻量table。 - 禁止：
script style link iframe form input button video audio object embed canvas svg；不输出html/head/body骨架。 - 样式：全部写在元素
style=""内；禁<style>、外部 CSS、依赖 class/id（id 被剥离，class 无作用）。 - CSS 禁用/慎用：
position（整行删）、animation、transition、@media、伪类/伪元素、cursor；慎用transform、linear-gradient、float（用 flex 代替）、百分比高度、负 margin。 - 官方红线写法（微信编辑器插件规范）：
opacity:0、line-height:0、写死固定宽度（如 586px）、height:0、text-align:start/end、<pre>包正文、<section>嵌套超过 15 层。 - 图片：必须引导走微信图床
mmbiz.qpic.cn（外链/Base64/本地路径会裂图）；建议宽 750–1080px；不支持 WebP；GIF ≤640px；发布交付中不放占位外链图。 - 字体：微信不支持自定义字体，用系统字体栈。
默认排版偏好（用户无特别说明时采用；用户明确指令优先）
- 风格：干净克制、易读优先。主容器
padding:0 10px、不写死宽度。 - 大标题：居中加粗 20px
#1a1a1a、字距 1px。 - 小节标题：16–17px 加粗
#333，左侧 4px 主题色竖线（border-left+padding-left）。 - 正文：16px
#3f3f3f、line-height:1.75、letter-spacing:0.5px、段距0 0 16px 0、首行不缩进、每段手机屏 3–5 行。 - 引用/对白/口号：
blockquote金句块（浅灰底#f7f7f7+ 主题色左边框）；关键词高亮每段至多 1 处。 - 图注 13px
#999居中；分割线 1px#e5e5e5。 - 主题色
#c7000b；深色模式兼容（正文不用纯黑、背景块不用纯黑白大色块、尽量少 box-shadow）。
执行步骤
- 待命：若没有文章内容，回复就绪并请用户发送正文；可提示用户说明图片素材与插入位置（没有则用占位+图片清单，图片需用户走微信图床上传后替换）。
- 识别结构：通读文章，标出主标题、小节、金句/引语、配图位（只读不改）。
- 生成 HTML：按上述红线和默认偏好，输出单个 HTML 文件（正文片段，不含 html/head/body 骨架；如给本地预览包装需注明）。代码中用
<!-- -->注释标注主标题/小节/金句/图片占位/分割线位置。 - 自查：① 可见文本与原文逐字一致；② 无红线写法；③ 图片规则已提示用户。
- 交付：完整 HTML 代码（支持写文件时保存 .html）＋配图/占位清单＋发布指引（浏览器打开 → Ctrl+A → Ctrl+C → 公众号后台 Ctrl+V → 手机预览含深色模式确认）。
- 歧义（金句块样式、配图处理等）最多向用户确认一次，不要反复打断。
参考资源
references/wechat-html-spec.md：微信公众号 HTML 排版规范速查手册（标签/CSS 白名单、禁用清单、深色模式、图片规范、搬运路径、10 条自检清单、可直接套用的合规模板、参考来源）。需核对规范细节时读取。references/wechat-html-prompt.md：可直接发给任意 AI 的"公众号文章网页排版 Prompt 模板"（工作流 + 偏好 + 红线 + 不改原文铁律的完整可复制文本），用户想在其他 AI 中复用时原样输出。
