# 穿山甲 — Web 用户中心 UI Kit

phase-1 网页闭环(登录 → 取订阅 → 三方导入 → 兑换)的高保真原型;phase-3 自研后端时作为前端蓝本。中英单语言切换。

## 页面
- **登录**(`UCLogin`):邮箱 + 密码卡片;注册引导去 App(对齐"注册在 App 内完成"的流程)。从顶栏「退出」可回看。
- **概览**(`UCOverview`):套餐横幅(续费/升级)、今日时长/流量/设备指标卡、近 7 日用量图、快速操作。
- **订阅**(`UCSub`)——核心页:订阅链接(复制/重置,重置提示旧链接失效)、扫码导入占位、**一键导入三方客户端**(穿山甲 App / Shadowrocket / Clash Verge / v2rayN / sing-box),注明一条链接多格式兼容。
- **兑换 & 购买**(`UCRedeem`):激活码兑换 + 渠道卡(自助发卡 / **USDT TRC20** / Telegram / LINE / 邮箱)。
- **邀请返利**(`UCInvite`):邀请链接复制、已邀请/已付费/累计返利指标、邀请记录表。

## 文件
| 文件 | 内容 |
|---|---|
| `index.html` | 挂载 `UserCenterApp`(默认进概览;顶栏可登出回登录页) |
| `ucparts.jsx` | `UCIcon`(内联 Lucide)/ `UCMark`(穿山甲标)/ `UCSTRINGS` i18n |
| `ucapp.jsx` | 全部视图 + 顶栏导航壳 |

## 备注
- 套餐口径引用根 `CLAUDE.md` §7;渠道为演示占位。
- 二维码为占位框(落地由后端按订阅链接生成)。
- 设备管理/账户信息已集成在移动与桌面客户端,本站不重复(职责:订阅分发 + 兑换 + 裂变)。
