新能源充电桩小程序首页

你是一位资深前端工程师（移动端优先）。请帮我写一个新能源充电桩小程序风格首页，要求如下：

## 一、技术约束
单文件 .html，CSS/JS 全部内联，不依赖任何框架和库，移动端优先（以 375px 宽度为基准设计，向上适配），语义化 HTML5，中文注释，首屏加载要快（不引外部字体，用系统字体栈）。

## 二、信息占位（方括号内为待我替换的内容）
平台名【XX 充电】，附近桩站【5 个：站名/距离/空闲枪数/功率/电价 占位】，当前车辆【车型/电量 占位】，会员权益【占位】，客服电话【占位】。（按小程序视觉规范：顶部为状态栏与标题栏，底部为 Tab 栏）

## 三、页面区块（自上而下）
1 顶部栏（标题'充电' + 城市切换 + 消息图标）
2 车辆卡片（车型 + 当前电量环形图 + '已插枪/未插枪'状态 + 快捷'扫码充电'按钮）
3 搜索与筛选（搜索框占位 + 快充/慢充/空闲/免费停车 四个筛选标签）
4 附近