fix: 统一主题色彩系统，优化底部导航栏间距

- 新建 theme.css 定义 CSS 变量，统一亮色/暗色主题色彩
- 新建 layout.css 优化底部导航栏布局
- 在 App.vue 中添加 Vant UI 主题变量映射
- 修复底部导航栏与屏幕底部间距过大问题
- 添加安全区域（safe-area-inset）处理

Web/src/styles/theme.css

@@ -0,0 +1,37 @@
+/* EmailBill 主题颜色系统 */
+
+:root {
+  /* 亮色主题 - 背景色系统 */
+  --bg-primary: #FFFFFF;
+  --bg-secondary: #F6F7F8;
+  --bg-tertiary: #F5F5F5;
+  
+  /* 亮色主题 - 文本色系统 */
+  --text-primary: #1A1A1A;
+  --text-secondary: #6B7280;
+  --text-tertiary: #9CA3AF;
+  
+  /* 语义色 */
+  --color-primary: #3B82F6;
+  --color-danger: #FF6B6B;
+  --color-success: #07C160;
+  --color-warning: #FAAD14;
+}
+
+[data-theme="dark"] {
+  /* 暗色主题 - 背景色系统 */
+  --bg-primary: #09090B;
+  --bg-secondary: #18181B;
+  --bg-tertiary: #27272A;
+  
+  /* 暗色主题 - 文本色系统 */
+  --text-primary: #F4F4F5;
+  --text-secondary: #A1A1AA;
+  --text-tertiary: #71717A;
+  
+  /* 语义色在暗色模式下保持不变或微调 */
+  --color-primary: #3B82F6;
+  --color-danger: #FF6B6B;
+  --color-success: #07C160;
+  --color-warning: #FAAD14;
+}