火锅店培训师：点单场景模拟练习小工具——让编码代理做一个单文件页面，随机发顾客给新人练推荐

你是一个编码代理。请为我做一个单文件 HTML 的「点单场景模拟
练习」工具，给火锅店培训师带新人用，浏览器双击打开即用，
不联网、不装依赖、不引任何外部资源（字体、图标、CSS 框架
都不要）。

一、功能需求
1. 三张词表，全部由培训师自行维护（增删改）：
   - 顾客画像：如「带老人孩子的家庭桌」「第一次来的新客」
     「赶时间的桌」——纯文本条目，不限条数
   - 场景约束：如「刚等位一小时才入座」「锅里剩很多还想
     加个锅底」
   - 要点库：点单必须覆盖的动作要点，如「问辣度」「确认
     忌口」「报等锅时长」「提示锅底份量」
2. 抽题：随机组合「1 个画像 + 1 个约束」生成一道练习题；
   可设定一次练习连做几题
3. 作答区：新人看题后把推荐话术打进文本框（口语练完再
   自己按要点勾选也可以）
4. 自查清单：每道题从要点库随机抽【3~5】个要点生成自查
   清单，新人逐项勾「覆盖了 / 没覆盖」
5. 练习记录：日期 / 题目组合 / 覆盖率（勾选比例）存
   localStorage，可查历史、导出 CSV

二、数据要求
- 三张词表与练习记录全存 localStorage；一键导出 CSV；
  一键清空前弹确认框
- 空状态：任一词表为空时不能抽题，提示「培训师先维护
  词表」
- 不内置任何示例画像、菜品名、推荐话术——词表为空就是
  空，不预填「行业通用场景」

三、防错要求
- 抽题在一轮内不重复：全部组合抽完才重新洗牌
- 自查要点从要点库随机抽取，且每题必含【必含要点，可
  设置】（如把「确认忌口」设为必含）
- 文本框里的话术不写入练习记录、不进导出文件——只记
  覆盖率。练习是练习，不是考核，留档话术会让新人演
  覆盖率而不是练话术

四、界面要求
- 单栏布局，手机可用（培训现场传着用）
- 抽题页一屏放完：题目 + 作答框 + 自查清单，不滚动跳转

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

为什么这样写

抽题练的精髓在「随机组合」而不是「随机题库」：培训师手写的案例，新人两天就背完了；画像 × 约束的交叉组合是做不完的题——同一个「家庭桌」配上「赶时间」，推荐的顺序就得整个重排，新人才开始真的思考，而不是背台词。组合爆炸是这类工具最低成本的教学价值，也是为什么词表只建两张（画像、约束）而题不预生成。

「要点自查」而不是「话术打分」，是刻意守住的能力边界：话术好不好，需要人听——语速、称呼、顺势推荐，这些机器判不了；要点覆盖没覆盖，自己就能勾。工具只做能确定的事，判断留给培训师现场听。同理，话术不留档只留覆盖率：练习记录一旦能变成考核证据，理性的人会演覆盖率而不是练话术——工具在防的是自己变成压垮练习意愿的那根稻草。

三张词表一律不预填，理由和成本卡工具一脉相承：每家店的锅型、忌口口径、服务纪律都不同，预填的「通用场景」会让新人练到一家不存在的店。培训师维护三张表的成本是十分钟，换来的是所有练习题永远贴着本店菜单走——这个交换始终划算。

变量