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/pages/Settings/index.tsx

@@ -3,7 +3,7 @@ import { Card } from 'tdesign-react';
 export function SettingsPage() {
   return (
     <Card title="设置">
-      <div style={{ textAlign: 'center', padding: '40px 0', color: '#999' }}>
+      <div style={{ textAlign: 'center', padding: '40px 0', color: 'var(--td-text-color-placeholder)' }}>
         设置功能开发中...
       </div>
     </Card>