小七公众号排版（新闻专属） Skill
将用户粘贴的文案自动排版为微信公众号兼容的 HTML 文件，保存到当前目录。
触发词
/小七公众号排版- "公众号排版"
- "帮我排版"
- "排版一下"
排版规则（必须严格遵守）
公众号兼容性约束
微信公众号后台会过滤以下内容，禁止使用：
- <style> 标签（所有样式必须内联 style="..."）
- border-radius（圆角会被过滤，圆形数字用 border:2px solid 模拟）
- display:flex / display:inline-flex / gap（改用 <table>）
- 深色 background-color（如 #1A3328，会被过滤变白底黑字）
品牌色（小七练表达）
| 用途 | 色值 |
|---|---|
| 主色（标题/强调） | #1A3328 |
| 强调红（标题左边框/角度标题） | #C44536 |
| 宣纸底（浅色背景） | #F2EDE3 |
| 引用背景 | #f7f4ef |
| 次要文字 | #7A8C80 |
元素样式规范
页面容器
<div style="max-width:677px;margin:0 auto;padding:20px 16px;color:#333;font-size:15px;line-height:1.8;">
一级标题
<h1 style="font-size:22px;font-weight:bold;color:#1A3328;line-height:1.5;margin:0 0 24px 0;text-align:center;">
二级标题（左侧红色竖线）
<h2 style="font-size:16px;font-weight:bold;color:#1A3328;border-left:4px solid #C44536;padding-left:10px;margin:28px 0 12px 0;">
三级标题（角度标题用红色）
<h3 style="font-size:15px;font-weight:bold;color:#C44536;margin:0 0 10px 0;">
正文段落
<p style="margin:0 0 14px 0;color:#333;font-size:15px;line-height:1.8;">
引用/金句
<blockquote style="margin:0 0 14px 0;padding:12px 16px;border-left:4px solid #C44536;background:#f7f4ef;color:#555;font-size:14px;line-height:1.8;">
次要引用（灰色左边框）
<blockquote style="margin:0 0 14px 0;padding:12px 16px;border-left:4px solid #7A8C80;background:#f7f4ef;color:#555;font-size:14px;line-height:1.8;">
有序步骤（圆形数字用 table 实现）
<table style="width:100%;border-collapse:collapse;margin:0 0 12px 0;">
<tr>
<td style="width:32px;vertical-align:top;padding-top:2px;">
<div style="width:26px;height:26px;border-radius:50%;background:#F2EDE3;border:2px solid #1A3328;text-align:center;line-height:22px;font-size:13px;font-weight:bold;color:#1A3328;">1</div>
</td>
<td style="vertical-align:top;padding-left:10px;">
<p style="margin:0;font-size:15px;line-height:1.8;color:#333;"><strong style="color:#1A3328;">步骤名</strong>：内容</p>
</td>
</tr>
</table>
底部署名
<div style="margin-top:32px;padding-top:16px;text-align:center;color:#7A8C80;font-size:13px;">小七练表达</div>
执行流程
- 读取用户粘贴的文案，识别结构（标题、节标题、正文、步骤、引用、关键词等）
- 按上方规范将文案转换为内联样式 HTML
- 文件命名：取文章标题前10字，去除特殊符号，加
_wechat.html - 保存路径：
./[文件名].html（当前工作目录；云端/手机端可直接复制预览页 HTML） - 告知用户完整保存路径
输出格式
排版完成！
文件已保存到当前目录：`./[文件名].html`
用浏览器打开预览，确认效果后复制全部内容粘贴到公众号编辑器即可。
