# Product

## Register

product

## Users

新能源 EV 车主，在微信小程序内完成"找桩 → 到站 → 扫码充电 → 支付/开票"闭环。使用场景多为户外/车内单手操作，光线多变（白天强光、夜间车内），用户核心诉求是快速看到"哪里有空桩、多少钱、充到什么进度"。用户年龄段宽，对操作效率敏感、对视觉噪音容忍度低。

## Product Purpose

充电桩运营小程序（charge-front）：地图找站与导航、站点详情与空闲桩查询、扫码/编码充电、充电实时状态、订单与费用明细、钱包充值/退款、发票、卡券活动。成功标准：车主 30 秒内找到合适桩位并开始充电，充电过程中对状态与费用一目了然。

## Brand Personality

清新、可信、轻盈。三个关键词：**清爽（teal 青绿、大量留白）、高效（信息层级直接、少装饰）、平稳（动效克制、状态清晰）**。品牌主色为青绿 #2D9E95，传递"绿色能源、环保出行"的联想。

## Anti-references

- 不要重投影 + 描边 + 渐变叠加的"厚重卡片风"（当前旧版遗留），显得笨重过时。
- 不要满屏渐变背景与玻璃拟态，工具型产品应干净利落。
- 不要混入与品牌无关的杂色（遗留的蓝色 #347dff 系、橙色 #ff6b35 系已造成色彩噪音）。
- 不要 SaaS 仪表盘式的英雄数字模板与同质卡片网格。

## Design Principles

1. **状态即视觉**：空闲/充电/故障等状态用色彩与图标直接表达，用户扫一眼即可决策。
2. **扁平轻量**：少阴影、少描边，用青绿浅色底（tint）与留白区分层级；投影仅用于浮层（底部面板、悬浮按钮）。
3. **动效传达状态**：只动"有意义"的地方（按压反馈、弹层进出场、充电进行中的呼吸/旋转），150-250ms ease-out，不做弹跳与装饰动画。
4. **色调纪律**：全局仅青绿主色 + 中性色（向青绿微调）+ 橙色警示/价格一个辅助色；清除一切游离色相。
5. **单手可达**：核心操作（导航、开始充电、停止充电）位于拇指热区，按钮足够大、反馈足够明确。

## Accessibility & Inclusion

- 文字对比度 ≥ WCAG AA（正文 4.5:1）；浅青背景上避免浅灰小字。
- 动效尊重系统"减少动态效果"偏好，纯装饰动画可关闭。
- 触控目标 ≥ 88rpx（约 44px）；状态不单靠颜色区分（色弱用户需辅以文字/图标，现有 tag 已满足，需保持）。