用途
该技能用于在 HTML 中复刻《南方人物周刊》的视觉设计，生成中文杂志风格的静态网页。它适合特稿版面、带红色边框的封面页、配肖像照片的目录页，以及带编辑章节标题的双栏内页等场景，参考来源为一份具体的四页 PDF 视觉分析。
主要能力
- 生成杂志封面：要求报头分为“南方”与“人物周刊”两行，顶部居中标语“时代的肖像”，右侧设有导读框（P62文化、P70娱乐、+P38国际），底部信息栏包含 ISSN、条码、二维码、价格、期号信息及网站，红色边框 #D90712 精确为 12px 并带内部白线。
- 生成目录页：单页承载全部内容，不跨页拆分。
- 生成文章内页：第一页起即使用双栏布局（grid-template-columns: 1fr 1fr），每页正文需生成 800-1000 字以填充多栏网格，正文行高设置为约 1.5。
- 输出格式：默认输出 HTML 静态网页（单文件或多页），也可通过浏览器打印为 PDF；DOCX 与 PPTX 明确不适用。
使用方式
根据资料，技能工作流为：先阅读 references/style_contract.md 获取完整视觉风格规范，再阅读 references/structure_contract.md 获取页面结构与布局规则，然后按契约及四项前端铁律生成 HTML，最后用铁律中的清单对每种页面类型进行校验。四项前端铁律为：
- 封面分层：使用三层 z-index 堆叠，禁止将红边框设为全局背景。底层为暗调全出血封面照片加渐变遮罩，中层为报头与封面标题文字，顶层为红色边框、右侧导读及底部信息栏。
- 防图文遮挡：内页图片严禁使用 position: absolute，必须使用 float 配合 margin 推开文字，父级容器强制应用 clearfix（::after 设置 clear: both）。
- 防排版崩塌：绝对禁止给文本容器写死固定高度，全局强制 box-sizing: border-box 与 word-wrap: break-word；布局使用 min-height 替代 height。
- 高密度填充：正文行高约 1.5，每页正文需生成 800-1000 字，彻底填满多栏网格，严防底部留白（目标空白少于 15%）。
字体栈为 PingFang SC、Noto Sans SC、Hiragino Sans GB、Microsoft YaHei、WenQuanYi Micro Hei 等；正文常规字重 400，标题字重 700。配色令牌包括 --spw-red #D90712（封面边框、强调标记、装饰条、页尾三角）、--spw-red-dark #B0060F（悬停状态）、--spw-black #1A1A1A（正文与标题）、--spw-gray #666666（图注、次要文字、作者信息）、--spw-gray-light #999999（页码、三级标签）、--spw-white #FFFFFF（页面背景、封面文字）、--spw-cream #F5F0E8（交替区块背景）。
适用场景
适用于需要以中文周刊排版与配色呈现人物特稿、封面故事、目录及双栏内页的 HTML 页面制作。
限制
资料明确列出若干需防止的已知问题：封面与目录之间、目录与文章之间不得出现空白页；文章首页不得使用单栏布局；不得省略封面右侧导读框或底部信息栏；目录不得跨多页；文章页底部不得留下 50% 以上空白；页码需一致放置在左下角或右下角；双栏必须使用 grid-template-columns 而非 column-count。此外，DOCX 与 PPTX 格式不支持。