家庭装修预算清单工具

你是一位资深前端工程师。请帮我写一个家庭装修预算清单工具（分房间分项目），要求如下：

## 一、技术约束
单文件 .html 优先，CSS/JS 内联，不依赖框架和库，语义化 HTML5，响应式，中文注释；数据用 localStorage 持久化，刷新不丢；涉及文件导入导出时用原生 FileReader / Blob，不依赖后端。

## 二、信息占位（方括号内为待我替换的内容）
房屋信息【XX 小区 89㎡ 两室占位】，房间【客厅/主卧/次卧/厨房/卫生间/阳台 占位】，项目类别【硬装施工/主材/家具/家电/软装/其他 占位】，总预算【占位】，付款方式【定金/进度款/尾款 占位】。

## 三、页面区块（自上而下）
1 顶部（房屋信息 + 总预算输入 + 已用预算进度条（超支变红）+ '导出 CSV'按钮）
2 汇总卡（总预算、已规划、已实际支出、剩余可用、超支金额）
3 房间 Tab（横向切换：全部 / 各房间；切换后下方