style: 优化前端样式，提升现代化设计感

- ConfigProvider 注入全局配置（动画、表格尺寸）
- CSS Variables 主题微调（页面背景、圆角、字体栈）
- AppLayout Menu 支持 logo/operations/collapsed
- Statistic 组件增加 color/prefix/suffix/animation
- Card 组件启用 hoverShadow/headerBordered
- Table 组件启用 stripe 斑马纹
- Tag 组件使用 variant="light" + shape="round"
- Dialog 居中显示并设置固定宽度
- 布局样式硬编码颜色替换为 TDesign Token
- UsageChart 改用 AreaChart + 渐变填充
- 更新 frontend spec 同步样式体系要求

frontend/src/__tests__/components/UsageChart.test.tsx

@@ -6,8 +6,8 @@ import type { UsageStats } from '@/types';
 // Mock Recharts components
 vi.mock('recharts', () => ({
   ResponsiveContainer: vi.fn(({ children }) => <div data-testid="mock-chart-container">{children}</div>),
-  LineChart: vi.fn(() => <div data-testid="mock-line-chart" />),
-  Line: vi.fn(() => null),
+  AreaChart: vi.fn(() => <div data-testid="mock-area-chart" />),
+  Area: vi.fn(() => null),
   XAxis: vi.fn(() => null),
   YAxis: vi.fn(() => null),
   CartesianGrid: vi.fn(() => null),