diff --git a/src/components/VersionTable.tsx b/src/components/VersionTable.tsx
index 526c679..d5f32dc 100644
--- a/src/components/VersionTable.tsx
+++ b/src/components/VersionTable.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Table, Empty, Tag } from "antd";
+import { Table, Empty, Tag, Typography } from "antd";
 import { useMemo } from "react";
 import type { ParsedProject } from "@/services/project";
 
@@ -53,7 +53,7 @@ export function VersionTable({
         return isLast ? (
           <Tag color="blue">加载元数据后计算</Tag>
         ) : (
-          <span style={{ color: "#8c8c8c" }}>—</span>
+          <Typography.Text type="secondary">—</Typography.Text>
         );
       },
     },
@@ -64,9 +64,9 @@ export function VersionTable({
       ellipsis: true,
       render: (val: string | null) =>
         val ? (
-          <span style={{ color: "#52C41A" }}>{val}</span>
+          <Typography.Text>{val}</Typography.Text>
         ) : (
-          <span style={{ color: "#FF4D4F" }}>文件不存在</span>
+          <Typography.Text type="danger">文件不存在</Typography.Text>
         ),
     },
     {
@@ -76,9 +76,9 @@ export function VersionTable({
       ellipsis: true,
       render: (val: string | null) =>
         val ? (
-          <span style={{ color: "#52C41A" }}>{val}</span>
+          <Typography.Text>{val}</Typography.Text>
         ) : (
-          <span style={{ color: "#FF4D4F" }}>文件不存在</span>
+          <Typography.Text type="danger">文件不存在</Typography.Text>
         ),
     },
   ];