社团招新推文写作台
一套单文件 HTML 的招新推文写作工作台。核心理念：招新推文的本质是把「社团价值」翻译成「同学看得见、摸得着的个人收益」——围绕读者三问（跟我有关吗？能让我变好/变酷/不孤单吗？怎么加入？）展开，就能写出能带来报名的文案。
何时使用
- 用户要写「社团招新推文 / 招新文案 / 纳新海报文案」
- 用户想掌握文案写作方法、建立可复用的素材库与模板库
- 用户要按模板产出完整的推文作品，并反复修改、收集反馈、持续提升
- 高校传播 / 开学季场景：分发给社团负责人作为实用写作工具
交付物
本 skill 内置完整可直接用的单文件工作台：
assets/club-recruit-hub.html
交付给用户时：把该 HTML 文件复制到用户工作区即可（无需任何依赖、无需联网）。可选：部署到线上生成公网链接，手机端「添加到主屏幕」当 App 用。
工作台结构（5 个模块，对应 5 步学习路径）
- 方法手册台：核心心法（读者三问）+ 四种写作框架（AIDA / 痛点型 / 故事型 / 福利型）+ 表达技巧避坑清单 + 5 步进阶进度环（SVG 可视化）
- 范文拆解台：3 篇标杆范文（痛点 / 故事 / 福利各一）逐段拆解「写了什么 + 为什么有效」，一键「收藏金句到素材库」
- 素材模板库：个人可编辑的写作弹药库（标题钩子 / 开头钩子 / 卖点表达 / 行动号召 / 排版素材），增删改 + 搜索 + 分类筛选 + 一键填入写作台
- 写作台：结构化表单（标题/钩子/介绍/活动/福利/招募对象/报名/CTA）+ 实时手机推文预览 + 自动保存 + 导出 Markdown；预置 1 篇完整范文作品作为范本
- 复盘反馈台：打磨任务（驱动「今天要处理」置顶）+ 反馈收集 + 发布前自评清单（评分闸门）+ 连续打卡
设计铁律（已严格落实，分发前无需改动）
- 数据存
localStorage，key 前缀wb_club_，刷新/关闭不丢 - 首屏含「导出 JSON / 导入恢复」；导入不限条数；清空走二次确认弹窗；数据 ≥20 条顶部温和提示备份
- 全内联零外链：无任何外部框架/CDN/字体/图表库；图标全用内联 SVG；进度环手写 SVG
- 移动端适配：底部 Tab 导航、按钮 ≥44px、输入框 16px、
env(safe-area-inset-bottom)安全区 - 今天要处理置顶：逾期标红 + 一键完成；昨天没做完的自动顺延到今天
- 预置示例：首次打开含 1 篇完整范文作品 + 9 条素材 + 3 条打磨任务（含 1 条逾期）+ 1 条反馈，非空白页
- 国内习惯：日期
YYYY-MM-DD
已验证
用 jsdom 跑过端到端自测：种子注入、范文渲染、素材增删与筛选、写作台保存/预览/导出、打磨任务逾期置顶、自评清单评分、导入导出、清空不重注入示例。仅 jsdom 未实现 window.scrollTo/window.alert 属环境限制，真实浏览器无影响。
迭代建议（按需，每次只加 1 个模块）
- 加「标题 A/B 测试」记录（哪版打开率高）
- 加「多社团作品切换」与按社团的素材分组
- 接
study-method-hub系列形成校园内容创作套件 - 部署后配合高校传播活动做分享海报
