快递查询导航页

你是一位资深前端工程师。请帮我写一个快递查询导航页，要求如下：

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

## 二、信息占位（方括号内为待我替换的内容）
快递公司清单【10-14 家占位：顺丰/京东物流/中通/圆通/韵达/申通/极兔/邮政 EMS/德邦 等，各自官网查询页 URL 由我提供或用官方公开地址占位】，常用功能入口【官方客服电话 占位】。

## 三、数据结构（字段定义）
carriers: {name, tel, queryUrl(含参数占位)}；history: string[]

## 四、页面区块（自上而下）
1 顶部搜索区：粘贴单号 → 显示各家查询入口按钮，点击直接带单号跳转对应官网查询页（URL 拼接其公开查询参数，无法拼接的跳首页）。
2