refactor(ui): 重构应用样式和组件结构

- 移除 App.vue 中的内联样式，将 CSS 变量定义移到 main.css
- 在 HomeView.vue 中使用 Element Plus Card 组件替代自定义卡片样式
- 更新 HomeView.vue 中的统计卡片布局，使用 Space 和 Card 组件
- 添加 fade-in 动画到全局主题配置
- 在 components.d.ts 中注册 ElCard 和 ElContainer 组件
- 移除 SettingsView.vue 中的空样式标签
- 使用 Tailwind CSS 类替代原有的自定义样式类

web/components.d.ts

@@ -13,8 +13,10 @@ declare module 'vue' {
   export interface GlobalComponents {
     AddDataDialog: typeof import('./src/components/AddDataDialog.vue')['default']
     ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
     ElCollapse: typeof import('element-plus/es')['ElCollapse']
     ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
+    ElContainer: typeof import('element-plus/es')['ElContainer']
     ElDialog: typeof import('element-plus/es')['ElDialog']
     ElDivider: typeof import('element-plus/es')['ElDivider']
     ElDropdown: typeof import('element-plus/es')['ElDropdown']