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/Providers/ProviderTable.tsx

@@ -39,7 +39,7 @@ export function ProviderTable({
       colKey: 'protocol',
       width: 100,
       cell: ({ row }) => (
-        <Tag theme={row.protocol === 'openai' ? 'primary' : 'success'}>
+        <Tag theme={row.protocol === 'openai' ? 'primary' : 'success'} variant="light" shape="round">
           {row.protocol === 'openai' ? 'OpenAI' : 'Anthropic'}
         </Tag>
       ),
@@ -54,7 +54,11 @@ export function ProviderTable({
       colKey: 'enabled',
       width: 80,
       cell: ({ row }) =>
-        row.enabled ? <Tag theme="success">启用</Tag> : <Tag theme="danger">禁用</Tag>,
+        row.enabled ? (
+          <Tag theme="success" variant="light" shape="round">启用</Tag>
+        ) : (
+          <Tag theme="danger" variant="light" shape="round">禁用</Tag>
+        ),
     },
     {
       title: '操作',
@@ -81,6 +85,8 @@ export function ProviderTable({
   return (
     <Card
       title="供应商列表"
+      headerBordered
+      hoverShadow
       actions={
         <Button theme="primary" onClick={onAdd}>
           添加供应商
@@ -92,6 +98,7 @@ export function ProviderTable({
         data={providers}
         rowKey="id"
         loading={loading}
+        stripe
         expandedRow={({ row }) => (
           <ModelTable
             providerId={row.id}