docs: split prototype specs and add execution guides

docs/07-页面规格/20-储值充值页.md

@@ -0,0 +1,44 @@
+# P14 储值充值页
+
+- 页面编码：`P14`
+- 页面层级：`二级页`
+- 页面目标：展示储值余额、充值方案和充值记录
+- 主要依赖组件：`G01`、`G44`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 储值余额区
+3. 充值方案区
+4. 充值记录区
+5. 底部支付区
+
+## 2. 区块说明
+
+### 2.1 储值余额区
+- 展示当前可用余额
+- 可补充说明实充与赠送余额（如有）
+
+### 2.2 充值方案区
+- 使用 `G44`
+- 每张方案卡展示：
+  - 充值金额
+  - 赠送金额
+  - 到账金额
+
+### 2.3 充值记录区
+- 展示最近充值记录
+- 包含：时间、支付方式、到账金额
+
+### 2.4 底部支付区
+- 主按钮：立即充值
+
+## 3. 页面状态
+
+- 默认态：有方案可选
+- 空态：暂无充值方案
+
+## 4. 实现备注
+
+- 充值金额、赠送金额、到账金额三者必须同时可见
+