## Why

根据用户提供的实机截图，发现 EmailBill 应用在两种主题色（亮色/暗色）下存在明显的色差问题：导航栏、卡片背景等组件颜色与页面背景色不一致，造成视觉割裂感。同时，底部导航栏距离屏幕底部过远，留下大量空白区域，影响移动端使用体验。这些问题需要统一修复以提升应用的整体视觉一致性和用户体验。

## What Changes

- **统一主题色彩系统**: 修复亮色和暗色模式下导航栏、卡片、按钮等组件的颜色变量，确保同一主题内颜色一致性
- **优化底部导航栏布局**: 调整底部导航栏的间距，减少不必要的空白区域，使其更贴近屏幕底部
- **更新 CSS 样式文件**: 修改 `Web/src/styles/` 下的主题变量定义
- **调整组件样式**: 更新 Vant UI 组件的主题定制配置

## Capabilities

### New Capabilities
<!-- 此变更主要是修复现有问题，不引入新能力 -->

### Modified Capabilities
- `theme-system`: 统一亮色/暗色主题的色彩变量，消除色差问题
- `navbar-layout`: 优化底部导航栏的间距和定位

## Impact

- **前端代码**: `Web/src/styles/` 目录下的主题配置文件
- **组件库**: Vant UI 的主题定制配置 (`Web/src/main.ts` 或主题配置文件)
- **布局文件**: 涉及底部导航栏的页面布局样式
- **测试**: 需要在亮色和暗色两种模式下进行视觉回归测试