fix(ui): [UI7-2] 统一全局 Design Tokens，移除冗余字体，修复异常色值引用

client/src/pages/DepartmentsPage.tsx

@@ -104,7 +104,7 @@ export function DepartmentsPage() {
 
       <Card className="space-y-4 p-6">
         <div className="flex items-center justify-between gap-3">
-          <h3 className="text-base font-semibold text-slate-900">新建部门</h3>
+          <h3 className="text-base font-semibold text-zinc-900">新建部门</h3>
           <Button
             data-testid="departments-toggle-archived"
             variant="secondary"
@@ -136,7 +136,7 @@ export function DepartmentsPage() {
             <select
               id="deptParent"
               data-testid="departments-create-parent"
-              className="h-11 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm"
+              className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
               value={parentId}
               onChange={(event) => setParentId(event.target.value)}
             >
@@ -165,7 +165,7 @@ export function DepartmentsPage() {
       </Card>
 
       <Card className="space-y-4 p-6">
-        <h3 className="text-base font-semibold text-slate-900">部门列表</h3>
+        <h3 className="text-base font-semibold text-zinc-900">部门列表</h3>
 
         {listQuery.isLoading ? <TableSkeleton columns={4} rows={4} /> : null}
 
@@ -182,7 +182,7 @@ export function DepartmentsPage() {
         ) : null}
 
         {!listQuery.isLoading && !listQuery.isError ? (
-          <div className="rounded-lg border border-slate-200">
+          <div className="rounded-lg border border-zinc-200">
             <Table data-testid="departments-table">
               <TableHeader>
                 <tr>
@@ -199,11 +199,11 @@ export function DepartmentsPage() {
                     return (
                       <TableRow data-testid="department-row" key={item.id}>
                         <TableCell>
-                          <div className="font-medium text-slate-900">{item.name}</div>
-                          <div className="text-xs text-slate-500 font-mono">{item.id}</div>
+                          <div className="font-medium text-zinc-900">{item.name}</div>
+                          <div className="text-xs text-zinc-500 font-mono">{item.id}</div>
                         </TableCell>
                         <TableCell>{parentName}</TableCell>
-                        <TableCell className="text-xs text-slate-600">
+                        <TableCell className="text-xs text-zinc-600">
                           {item.archivedAt ? item.archivedAt.slice(0, 19).replace("T", " ") : "-"}
                         </TableCell>
                         <TableCell>
@@ -219,7 +219,7 @@ export function DepartmentsPage() {
                               归档
                             </Button>
                           ) : (
-                            <span className="text-xs text-slate-500">已归档</span>
+                            <span className="text-xs text-zinc-500">已归档</span>
                           )}
                         </TableCell>
                       </TableRow>
@@ -227,7 +227,7 @@ export function DepartmentsPage() {
                   })
                 ) : (
                   <TableRow>
-                    <TableCell className="py-3 text-slate-500" colSpan={4}>
+                    <TableCell className="py-3 text-zinc-500" colSpan={4}>
                       暂无部门
                     </TableCell>
                   </TableRow>