feat: 完成任务3 - 开发核心交易管理界面

任务3.1  实现基础 UI 组件库
- 创建 BaseIcon 组件，支持 emoji 和 SVG 图标
- 实现 CategoryIcon 组件，用于分类图标显示
- 开发 AmountInput 组件，支持金额输入和类型切换
- 创建 DatePicker 组件，支持日期选择和快捷日期
- 实现 BaseSelect 组件，支持搜索和自定义选项
- 添加 LoadingSpinner 和 EmptyState 组件
- 扩展 Tailwind 配置，完善设计系统色彩

任务3.2  创建交易列表和卡片组件
- 实现 TransactionCard 组件，展示交易详情
- 创建 TransactionList 组件，支持分组显示和批量操作
- 添加日期分组和汇总功能
- 实现无限滚动和加载更多功能
- 支持选择模式和批量删除
- 更新 TransactionsView 使用新组件

任务3.3  开发交易添加和编辑表单
- 创建 TransactionForm 组件，支持添加和编辑交易
- 集成所有输入组件（金额、分类、账户、日期等）
- 实现表单验证和数据清理
- 添加重复交易检测功能
- 创建 AddTransactionView 页面
- 配置路由支持添加和编辑交易

任务3.4  实现搜索和筛选功能
- 创建 TransactionSearch 组件，支持智能搜索
- 实现搜索建议和搜索历史功能
- 开发 TransactionFilter 组件，支持多维度筛选
- 添加快速筛选标签和日期预设
- 集成搜索和筛选到 TransactionsView
- 实现实时筛选和结果统计

核心特性：
- 完整的交易管理界面（列表、添加、编辑、搜索、筛选）
- 现代化的 neumorphic 设计风格
- 响应式布局和移动端优化
- 智能搜索和多维度筛选
- 用户友好的交互体验
- 完整的表单验证和错误处理

frontend/tailwind.config.js

@@ -12,6 +12,16 @@ export default {
           DEFAULT: '#F97316', // 橙色
           light: '#FB923C',   // 浅橙色
           dark: '#EA580C',    // 深橙色
+          50: '#FFF7ED',
+          100: '#FFEDD5',
+          200: '#FED7AA',
+          300: '#FDBA74',
+          400: '#FB923C',
+          500: '#F97316',
+          600: '#EA580C',
+          700: '#C2410C',
+          800: '#9A3412',
+          900: '#7C2D12',
         },
         accent: {
           blue: '#3B82F6',    // 蓝色 - 收入相关
@@ -25,6 +35,12 @@ export default {
           secondary: '#666666', // 次要文本
         },
         border: '#E5E5E5',     // 边框色
+        
+        // 扩展的语义化颜色
+        success: '#22C55E',
+        warning: '#F59E0B',
+        error: '#EF4444',
+        info: '#3B82F6',
       },
       fontFamily: {
         sans: ['Inter', 'Poppins', 'system-ui', 'sans-serif'],