火锅店市场策划：套餐结构测算小工具——让编码代理做一个单文件页面，左手看人均感知价，右手看桌均毛利

你是一个编码代理。请为我做一个单文件 HTML 的火锅套餐结构
测算工具，给市场策划用，浏览器双击打开即用，不联网、不装
依赖、不引任何外部资源（字体、图标、CSS 框架都不要）。

一、功能需求
1. 品项库：可增删品项，字段为——品项名、品类（锅底 / 小料 /
   涮品荤 / 涮品素 / 主食 / 饮品）、单位成本、单点售价、
   计价方式（按份 / 按位自助）
2. 按位自助品项（如小料、餐位费）：成本与售价均按「每桌
   人数」计，套餐内按桌均人数折算（【默认 4，可改】）
3. 套餐搭建：从品项库把品项加入套餐，可设份数
4. 套餐定价：套餐售价、标注人数由用户填
5. 三组核心数字，随任何改动实时重算：
   - 人均感知价 = 套餐价 ÷ 标注人数
   - 桌均毛利 = 套餐价 − Σ（品项成本 × 份数；按位项 × 人数）
   - 让利率 =（单点合计价 − 套餐价）÷ 单点合计价
6. 结构视图：套餐内各品项占套餐成本的比例条，按品类着色——
   一眼看出高成本涮品占了几成
7. 方案对比：可保存多个套餐方案，并排比较三组数字

二、数据要求
- 全部数据存 localStorage，可一键导出 CSV（品项库 + 各套餐
  明细），导出文件名带日期
- 一键清空前弹确认框
- 不内置任何示例菜品、默认成本、行业均价——空状态提示
  「先建品项」，数字必须全部来自用户录入

三、防错要求
- 按位自助品项在套餐里至少绑定一位，份数为 0 时行内提示
- 标注人数为 0 或空时，三组核心数字显示「—」而不是报错
- 成本或售价为非数字、负数时：该行标红、不参与计算，并在
  汇总处显示「有 N 行无效」
- 同一品项重复加入套餐时合并份数，不出现两行

四、界面要求
- 单栏布局，手机宽度可用
- 三组核心数字固定在页面顶部，滚动不消失
- 数字右对齐，百分比保留一位小数
- 不做登录、不做多用户、不做云同步

交付：一个完整的 HTML 文件，内联全部 CSS 与 JS，浏览器直接
打开即可用。附一段两百字以内的中文使用说明。

为什么这样写

火锅套餐的本质是「用结构换价格」：顾客对人均敏感、对结构不敏感，同样 268 的套餐，涮品堆满是一种毛利，锅底小料饮品做满是另一种。策划缺的从来不是算的能力，是「改一下马上看到两只手」的东西——表格能算但改不动，Excel 改一次套餐要动十几格。这个工具把改结构的成本压到加一行减一行，结构设计才会真的被反复试，而不是拍脑袋定一次管半年。

按位自助品项单独做计价逻辑，是火锅独有的成本结构：小料、餐位按人收费、按桌结算，还带「自助」两个字——意味着实际消耗是个分布而不是定值。通用计算器把这层拍平成按份计价，小料成本就直接算错一个量级。工具允许按位品项标记「自助」并按桌均人数折算，是承认这个业态事实。

人均感知价用「套餐价 ÷ 标注人数」而不是「建议人数」，是因为两个数在营销上故意留着的落差正是策划要测的变量：标注 4 人实够 5 人吃，感知价好看、份量口碑涨，但锅均毛利被摊薄——这个落差的代价有多大，工具要让策划自己调数字看见。

和成本卡工具同一条铁律：不内置任何示例数据。策划工具里预填的「行业毛利水平」不会被当成参考，会被直接抄进方案——一个编造的涮品成本比没有工具更有害。

变量