宴请点菜计算器

你是一位餐饮资深运营。请帮我写一个宴请点菜计算器，要求如下：

## 一、技术约束
单文件 .html，CSS/JS 全部内联，不依赖任何框架和库；纯前端实现，业务数据存 localStorage，刷新与关闭浏览器后数据不丢失；移动端与桌面端都好用；代码带中文注释，分区清晰。

## 二、信息占位（方括号内为待我替换的内容）
用餐人数【占位：2-20 人】，人均预算【占位：如 80-120 元/人】，菜库【粘贴或预置 30-50 道菜：名称/类型(凉菜/热荤/热素/汤/主食/甜品)/参考价/辣度/是否硬菜 占位】，忌口与偏好【占位：不吃辣/有老人孩子/主宾忌口】，宴请性质【家宴/朋友聚/商务 占位】。

## 三、数据结构（字段定义）
dishes: {id, name, type, price, spicy, isHard}；settings: {people, budget, taboo}

## 四、页面区块（自上而下）