手机套餐与宽带比价器

你是一位资深前端工程师。请帮我写一个手机套餐与宽带比价器，要求如下：

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

## 二、信息占位（方括号内为待我替换的内容）
用量画像【占位：月均流量 G/通话分钟/是否常需热点】，候选套餐【占位 2-6 个：名称/月费/流量/通话/合约期/违约金条款】，融合选项【占位：手机+宽带捆绑价（如有）】，现有套餐【占位：当前月费+到期时间】。

## 三、数据结构（字段定义）
profile: {data, call, hotspot}；plans: {id, name, fee, data, call, term, penalty?, bundle?}

## 四、页面区块（自上而下）
1 用量输入条：流量/通话/热点三个输入