婚礼预算分配计算页

你是一位资深前端工程师。请帮我写一个婚礼预算分配计算页，要求如下：

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

## 二、信息占位（方括号内为待我替换的内容）
总预算【占位：双方合计可承受上限】，执行预算项【占位：酒席桌数与单价/婚庆布置/摄影摄像/婚纱礼服/车队/伴手礼】，礼俗预算项【占位：彩礼/三金/回礼/改口红包/上车下车礼】，出资方式【占位：每项由男方/女方/新人哪方承担】。

## 三、数据结构（字段定义）
budget: {total}；exec: {id, name, plan, paid, payer}；ritual: {id, name, plan, paid, payer, note?}

## 四、页面区块（自上而下）
1 总览双账：执