公众号排版美化 · 青年时尚杂志风（WeChat Youth Layout）
Overview
将用户提供的素材（粘贴文本，或上传 .docx/.md/.txt）重新排版为可直接粘贴进微信公众号编辑器的纯 HTML 图文。风格定位为轻量化青年时尚杂志风：明亮干净、粗黑体大标题、细几何线条装饰、浅撞色卡片、轻微不对称错落、图文穿插、轻快有活力，适配年轻人阅读。所有样式内联，复制到公众号后台不丢格式。
除基础排版外，本技能内置「对外分享封装（脱敏）」能力：把成品再包一层独立卡片（白底边框 + 分享标识头 + 脱敏声明尾），并对个人敏感信息按既定规范脱敏/隐藏，便于安全分享。
When To Use
- 用户说"帮我把这份内容排成公众号图文 / 做个青年杂志风排版 / 美化一下发公众号 / 排个轻快活泼的推文"。
- 用户上传或粘贴了讲座稿、教程、学习笔记、干货合集、新闻通稿，希望输出成可发布的微信图文。
- 用户明确要求"纯 HTML、内联样式、适配微信、只保留基础标签"，或要求"排版后封装成可分享模块"。
Design Principles（核心设计基调）
具体取值以 references/design-system.md 的设计令牌为准：
- 明亮干净：暖白底（
#FAF9F6）+ 深墨黑字（#161616/#333333），整体轻快不沉闷。 - 粗黑体醒目标题：主标题用 900 字重无衬线黑体，可置于深墨黑横幅 + 亮色文字，关键词用亮琥珀金（
#FFD23F）做层次高亮。 - 细几何线条装饰：章节标记短色块、卡片左侧 4px 细色条、短分割线、模块头细边框——只用 1–4px 细线，不堆阴影。
- 浅撞色卡片：珊瑚红 / 青绿 / 琥珀 / 紫 / 蓝 五组"浅色底 + 同色细条"，区分不同内容模块，形成活泼撞色但不刺眼。
- 轻微不对称错落：金句/感悟等卡片用「左条 → 右移缩进 → 右对齐描边」三种错落排布，制造节奏感（仅用 margin/text-align 实现，不用 flex）。
- 图文自然穿插：视频/截图用虚线占位卡标注，发布时替换为真实媒体；不编造图片 URL。
- 简约不浮夸：不用复杂渐变、不用动画、不用伪元素；手机端每文字块
padding:0 18px留安全边距。
Workflow
-
接收并解析素材
- 上传.docx：优先调用本技能自带scripts/extract_docx.py（venv python：C:/Users/45450/.workbuddy/binaries/python/envs/default/Scripts/python.exe），按文档顺序输出段落 + 表格（含[P#|样式]/[TABLE#]标记），结构完整、不丢表格。
-.md/.txt直接读；禁用markitdown（缺[docx]依赖会失败）。
- 通读全文，识别：主标题、章节标题、正文、列表项、表格、金句/感悟、图片/媒体位、署名/来源。 -
结构映射（仅用白名单标签）
- 主标题 →<h1>（建议用深色横幅块）；章节标题 →<h2>+ 内嵌PART 0X色块标签<span>。
- 正文 →<p>；行内强调/关键词 →<span>（用强调色，克制）。
- 容器、卡片、列表、分隔、外层包裹 →<div>。
- 禁止<section>/<article>/<figure>/<blockquote>/<ul>/<ol>/<li>/<table>/<style>/<link>等标签。列表用<div>包若干<p>+<span>序号；表格用display:table/table-row/table-cell近似还原（见 design-system §对比表）。
- 组件映射（直接复制references/design-system.md内联范例）：深色横幅主标题、PART 章节头、彩色序号列表、浅撞色卡片、AI 三部曲三卡、7×3 对比表、错落金句、媒体占位卡。 -
套用内联样式
- 所有字体、颜色、行距、边距、背景、圆角写在标签style="..."内联属性，不允许任何<style>全局样式表。
- 取值严格参照references/design-system.md的令牌与组件范例。
- 图片/媒体：border-radius:8px; width:640px; max-width:100%; display:block; margin:26px auto;；原文档为空媒体位时用虚线占位卡标注。 -
输出
- 先给一段简短说明（风格、是否全保留、有无近似处理）。
- 输出纯 HTML 代码块（``html 包裹），用户可全选复制到公众号后台。 - 同时写入工作区一个.html文件（如排版美化_输出.html`），并用 present_files 提供实时预览。 -
（可选）对外分享封装（脱敏）
- 当用户要求"封装成可分享模块 / 分享到 Skill Hub / 对外发布"时，把第 4 步成品再包一层独立分享卡片（白底 + 1px 边框 + 16px 圆角 +overflow:hidden），顶部加「📤 对外分享版」标识条，底部加脱敏声明（范例见 design-system §分享封装）。
- 脱敏默认规范：保留作者署名为必要展示；电话、微信、邮箱、家庭住址、身份证号等敏感字段一律不出现（若原文含此类信息，用"已隐藏/••••"或删除并声明）；底部声明明确脱敏范围。
- 若用户手头有既定封装规范样本，优先逐像素对齐其结构与脱敏标记。
Hard Constraints（硬性约束，必须满足）
- 纯内联样式：禁止
<style>/<link>/外部样式表；禁止@media、:hover、伪元素::before/::after、复杂渐变、动画、position:fixed等网页专属装饰。 - 标签白名单：仅
h1h2pspandiv（换行可用<br>）。不引入任何其他标签。 - 图片规范：统一
border-radius:8px; width:640px; max-width:100%。 - 复制到公众号后台不失格式：样式全部内联，粘贴后随标签保留。
Content Preservation（内容保全，最高优先级）
- 绝不可因排版删减、合并、改写或省略原文信息与原意。
- 每一段、每一条列表、每一个要点、每张图片说明、每条注释/来源都必须出现在输出中。
- 复杂表格/结构难以完美还原时，用"近似但完整"方式保留全部内容，并在说明中告知采用了何种近似，绝不静默丢弃。
- 输出前逐块核对：将提取结果与排版稿逐条对照，确认零遗漏（如实战核对 7×3 对比表全单元格）。
References
scripts/extract_docx.py：docx 内容提取脚本（段落 + 表格按原文顺序），运行方式见 Workflow 步骤 1。references/design-system.md：完整设计令牌（颜色/字体/间距十六进制值）+ 每个组件可直接复制的内联样式范例 + 完整带注释 HTML 样板，编写输出时以此为准。
```
