## ADDED Requirements

### Requirement: 存款计划明细按钮可见
存款计划卡片 SHALL 在卡片头部的操作区域显示一个明细按钮，使用信息图标（info）表示。

#### Scenario: 用户查看存款计划卡片
- **WHEN** 用户打开预算页面的"计划"标签
- **THEN** 每个存款计划卡片的头部 SHALL 显示一个信息图标按钮
- **AND** 该按钮 SHALL 位于"查询关联账单"按钮之后

### Requirement: 明细弹窗展示计划存款计算逻辑
当用户点击明细按钮时，系统 SHALL 展示一个弹窗，清晰地说明计划存款金额的计算方式和数据来源。

#### Scenario: 用户点击明细按钮
- **WHEN** 用户点击存款计划卡片上的明细按钮
- **THEN** 系统 SHALL 打开一个全屏弹窗
- **AND** 弹窗标题 SHALL 显示"计划存款明细"

### Requirement: 明细弹窗展示收入预算信息
明细弹窗 SHALL 展示收入预算的汇总信息，包括总预算限额和实际收入金额。

#### Scenario: 查看收入预算信息
- **WHEN** 明细弹窗打开
- **THEN** 系统 SHALL 显示"收入预算"分组
- **AND** 该分组 SHALL 包含以下信息：
  - 预算限额（所有收入预算的总和）
  - 实际收入（当前已实现的收入总额）

### Requirement: 明细弹窗展示支出预算信息
明细弹窗 SHALL 展示支出预算的汇总信息，包括总预算限额和实际支出金额。

#### Scenario: 查看支出预算信息
- **WHEN** 明细弹窗打开
- **THEN** 系统 SHALL 显示"支出预算"分组
- **AND** 该分组 SHALL 包含以下信息：
  - 预算限额（所有支出预算的总和）
  - 实际支出（当前已发生的支出总额）

### Requirement: 明细弹窗展示计划存款公式
明细弹窗 SHALL 清晰展示计划存款的计算公式，帮助用户理解金额来源。

#### Scenario: 查看计划存款公式
- **WHEN** 明细弹窗打开
- **THEN** 系统 SHALL 显示计算公式："计划存款 = 收入预算 - 支出预算"
- **AND** 公式中的各项数值 SHALL 与上方展示的收入和支出预算数据一致

### Requirement: 明细弹窗展示实际存款和差额
明细弹窗 SHALL 展示实际存款金额和与计划存款的差额。

#### Scenario: 查看实际存款信息
- **WHEN** 明细弹窗打开
- **THEN** 系统 SHALL 显示"实际存款"金额（从当前 budget 对象获取）
- **AND** 系统 SHALL 显示"还差"金额，计算方式为：计划存款 - 实际存款
- **AND** 如果实际存款超过计划，差额 SHALL 显示为 0

#### Scenario: 差额为负数时
- **WHEN** 实际存款超过计划存款
- **THEN** 系统 SHALL 将"还差"显示为 0
- **AND** 系统 SHALL 使用成功色（绿色）高亮实际存款金额

### Requirement: 明细弹窗支持关闭
用户 SHALL 能够随时关闭明细弹窗。

#### Scenario: 用户关闭弹窗
- **WHEN** 用户点击弹窗外部区域或返回按钮
- **THEN** 系统 SHALL 关闭明细弹窗
- **AND** 用户 SHALL 返回到存款计划卡片视图