feat: 完善全栈 Dashboard 项目 - UI优化、Docker支持、账单系统等

src/components/TokenOverview.tsx

@@ -43,7 +43,9 @@ export default function TokenOverview({ tokens, loading }: Props) {
       key: 'remain',
       width: 120,
       render: (_: any, record: TokenItem) =>
-        record.unlimited_quota ? <Text type="success">无限</Text> : `$${quotaToUsd(record.remain_quota)}`,
+        record.unlimited_quota
+          ? <Text style={{ color: '#7DB87D', fontWeight: 500 }}>无限</Text>
+          : `$${quotaToUsd(record.remain_quota)}`,
     },
     {
       title: '已用额度',
@@ -62,7 +64,7 @@ export default function TokenOverview({ tokens, loading }: Props) {
   ]
 
   return (
-    <Card title={<><KeyOutlined /> 令牌概览</>} hoverable>
+    <Card title={<><KeyOutlined style={{ color: '#C8956C' }} /> 令牌概览</>} hoverable className="stat-accent">
       <Table
         dataSource={tokens}
         columns={columns}