烧烤串价与酒水毛利测算工具——让编码代理做个单文件网页，算清一串净挣多少、啤酒买一送一到底送掉多少

你是一个编码代理。请为我做一个烧烤店老板用的单文件网页工具（HTML、CSS、JS
全部内联在一个文件里，无外部依赖、无后端、无网络请求），浏览器双击打开就能用，
手机浏览器也要能用。用途：算清每串的真实毛利，以及酒水活动到底送掉多少钱。

工具分三块：

一、单品毛利
- 我手动录入串品：名称、分类（荤串 / 素串 / 酒水饮料）、毛料每斤进价、
  出成率（毛料到穿好净串的成数）、每串标定净重（克）、每串签子+蘸料+刷酱
  成本、每串能耗与人工分摊（可选，默认 0）、售价
- 自动算：每串净料成本 = 毛料每斤进价 ÷ 出成率 ÷ 500 × 每串净重；
  每串毛利、毛利率；按荤串 / 素串 / 酒水分组，组内按毛利率排序

二、桌均结构
- 我录入一桌的典型构成：荤串几把（每把几串）、素串几把、扎啤或瓶啤几杯几瓶
- 自动算：这一桌的合计毛利，以及荤串 / 素串 / 酒水各占多少——让我看得见
  「串引流、酒水挣钱」在我这家店到底成不成立

三、活动模拟
- 我选活动类型（啤酒买一送一 / 第二把串半价 / 满额送串）并填参数
- 自动算：活动后每桌毛利变化多少；要补回这个变化，每桌平均要多卖几把串、
  或一晚要多开几桌——把「促销」翻译成「需要多卖多少」

硬性要求：
- 工具里一个数字都不许预置，所有字段留空由我填；不内置任何「行业参考价」
  或示例数据——空表就是正确状态
- 所有计算即时可见，改一个输入不用点按钮就刷新
- 数据存 localStorage，并提供导出 / 导入 JSON，防止关页面丢账
- 交付单个 .html 文件，文件开头附三行使用说明

你不许做的：
- 不加用户系统、不加云同步、不引图表库——单文件跑不起来这些
- 不放示例数据假装「开箱即用」
- 不在页面上给任何「建议定价」——工具只算数，不替我做决定

为什么这样写

净料成本的公式（毛料每斤进价 ÷ 出成率 ÷ 500 × 每串净重）是整个工具的地基，写死在需求里不许代理自由发挥。烧烤老板算毛利最常见的错就是拿毛肉价直接除以串数——漏掉筋膜修割和腌后失水（出成率一档就是一成多的成本），再漏掉签子、蘸料、刷酱这些「一串一个小头」的东西。公式焊死之后，老板只需要填自己知道的数（进价、成数、克重），算不出来的留给工具。

桌均结构这一块的存在，是因为单串毛利率会骗人：素串毛利率 80% 看着漂亮，但一桌只点一把；羊肉串毛利率 55% 却一桌三把起步。荤素酒水按桌均毛利摆在一起，「串引流、酒水挣钱」这句行业口头禅在本店成不成立就一目了然——不成立的店，扎啤机的钱就该省下来。这是从「单品思维」到「一桌生意」的切换，比任何单串数字都接近老板真正要做的决定。

活动模拟的输出定义成「补回需要多卖多少」，而不是「优惠力度多大」，因为促销决策的真实代价是补偿量：买一送一送掉的毛利摊到每桌，翻译成「每桌要多卖两把串」这种老板能当场判断的量——推得动就办，推不动就不是这个玩法。优惠力度是活动页面上最好看的数字，也是最不用于决策的数字。

零预置数字加空表交付，是刻意跟「开箱即用」的产品直觉对着干。预置任何行业参考价，老板就会拿别人的数当自己的账，这个工具就白做了——它的全部价值在于逼出本店的真实数字。localStorage 加导出 JSON 是给现实使用兜底：老板在店里用手机随手填，关页面、换手机都不能丢账，否则第二周就没人再打开它。

变量