面馆煮面多锅计时小工具——单文件网页计时器，湿手油烟一米外，按钮按得动提醒听得见

你是编码代理。请为我做一个单文件 HTML 的「面馆多锅煮面计时器」，
一个文件，浏览器直接打开能用，不联网、不装任何东西、不登录。
我是面馆后厨帮工，工具用在灶台边的旧手机或平板上。

使用环境（所有设计从这里倒推）：
- 使用者手上是湿的或戴一次性手套，经常只腾出一根手指
- 灶台边一米内看屏幕，环境有抽油烟机噪音和油烟
- 高峰期 3-4 个笊篱同时在煮，同一面型会同时煮两份

功能需求：
1. 面型快捷按钮：一屏 4-6 个大按钮，每个按钮 = 一种面型
   + 对应秒数（如「细面 45s」「宽面 90s」「水饺 5m」），
   名称和秒数在设置里可改可增删
2. 点击即启动该面型的倒计时；同一面型可多路并行——
   每路启动后在屏幕上生成一个独立计时块，显示剩余
   秒数和启动顺序编号，帮工自己记得编号对应哪个笊篱
3. 到点提醒双通道：响铃（音量走设备最大，页面给出
   「测试铃声」按钮）+ 计时块全屏闪烁变色；点击计时块
   才停止，防止没听见
4. 计时中误触防护：启动后按钮区变灰不可再触发（要看
   清是否真在计时）；「全部重置」放在角落，需长按 2 秒
   生效，防湿手误抹掉全部计时
5. 设置持久化：面型名称、秒数、按钮布局存在浏览器
   本地，关页面再开不丢

页面设计要求：
- 深色背景浅色大字：计时块剩余秒数是屏幕上最大的元素，
  一米外可读
- 按钮最小 15% 屏高，间距拉开，戴手套也能按中单个
- 横竖屏都能用
- 不需要任何账号、联网、权限申请；纯本地运行

验收标准（做完后逐条自测，不满足就改）：
- 在一台旧手机浏览器打开，全程飞行模式可用
- 湿手指按「细面」按钮，一次按中
- 同时启动 4 路计时，互不干扰，各自到点各自响
- 到点提醒在抽油烟机开着的房间内能听到、能看见
- 误触按钮区不影响已启动的计时

输出：一个完整的单 HTML 文件，内嵌全部样式和脚本，
不依赖任何外部资源。

为什么这样写

这份需求单的每一条都是从「灶台边」这个环境倒推的，而不是从「计时器」这个品类正推的。市面上的厨房计时器默认的是家用场景：一个旋钮、一次记一个时间——而面馆高峰期是四路并行、五种面型、每路秒数不同，用四个家用计时器等于把「记性外包给物件」这个核心目标又还回去一半。所以需求的第二条写死「同面型多路并行、独立计时块」：这是面馆和家用 kitchen timer 的分界线。

「到点提醒双通道」不是锦上添花，是这个工具能不能用的生死线。后厨的环境噪音（抽油烟机、鼓风机、高峰人声）轻松盖过普通提示音，而一锅面过时的损失是一碗重做加一单差评——提醒失败一次，工具就被弃用。声音之外强制加全屏闪烁，就是给「没听见」留第二感官通道；必须点击计时块才停，是防「响了两秒没人听见就自动闭嘴」。

防误触写成「启动后按钮区变灰 + 全部重置长按两秒」，来自一个具体的失败想象：湿手翻动笊篱时手掌扫过屏幕，把四路计时全抹了——那一刻帮工宁可工具坏掉也不会再用它。工具在高压环境里的可靠性不是「功能多」，是「出错时损失可控」：长按两秒这个门槛，就是给最危险的操作上锁。

验收标准放在提示词里而不是留给事后测试，是让编码代理在交付前自己跑一遍这五条——「飞行模式可用」卡住外链资源，「湿手按中」卡住按钮尺寸，「抽油烟机开着听得见」卡住音量策略。验收条件不写进需求，编码代理默认按网页的普通标准（桌面、安静、鼠标）交付，而那恰好是这个工具最不需要的三样东西。

变量