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

client/src/pages/ReimbursementDetailPage.tsx

@@ -292,7 +292,7 @@ export function ReimbursementDetailPage() {
 
       {budgetHint ? (
         <Card className="space-y-2 p-6 text-sm" data-testid="reimbursement-budget-hint">
-          <h3 className="text-base font-semibold text-slate-900">预算提示</h3>
+          <h3 className="text-base font-semibold text-zinc-900">预算提示</h3>
           <div>预算池：{budgetHint.budgetCode} / {budgetHint.budgetName}</div>
           <div>
             本次提交后预计占用：{budgetHint.nextUsedAmount} / {budgetHint.allocatedAmount}
@@ -308,7 +308,7 @@ export function ReimbursementDetailPage() {
               当前金额已达到预算预警阈值，提交后会记录预算预警审计。
             </p>
           ) : (
-            <p className="text-slate-500">当前预算充足，可继续提交。</p>
+            <p className="text-zinc-500">当前预算充足，可继续提交。</p>
           )}
         </Card>
       ) : null}
@@ -316,8 +316,8 @@ export function ReimbursementDetailPage() {
       <Card className="space-y-4 p-6" data-testid="reimbursement-items">
         <div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
           <div className="space-y-1">
-            <h3 className="text-base font-semibold text-slate-900">报销明细</h3>
-            <p className="text-xs text-slate-500">明细变更会自动重算总金额。</p>
+            <h3 className="text-base font-semibold text-zinc-900">报销明细</h3>
+            <p className="text-xs text-zinc-500">明细变更会自动重算总金额。</p>
           </div>
 
           {canEditItems ? (
@@ -331,7 +331,7 @@ export function ReimbursementDetailPage() {
               新增明细
             </Button>
           ) : (
-            <p className="text-xs text-slate-500">当前状态不可编辑明细</p>
+            <p className="text-xs text-zinc-500">当前状态不可编辑明细</p>
           )}
         </div>
 
@@ -344,7 +344,7 @@ export function ReimbursementDetailPage() {
           </p>
         ) : null}
 
-        <div className="rounded-lg border border-slate-200">
+        <div className="rounded-lg border border-zinc-200">
           <Table data-testid="reimbursement-items-table">
             <TableHeader>
               <tr>
@@ -360,10 +360,10 @@ export function ReimbursementDetailPage() {
                 detail.items.map((item) => (
                   <TableRow data-testid="reimbursement-item-row" key={item.id}>
                     <TableCell>
-                      <div className="font-medium text-slate-900">
+                      <div className="font-medium text-zinc-900">
                         {item.expenseType?.name ?? item.expenseTypeId}
                       </div>
-                      <div className="text-xs text-slate-500">{item.expenseType?.code ?? "-"}</div>
+                      <div className="text-xs text-zinc-500">{item.expenseType?.code ?? "-"}</div>
                     </TableCell>
                     <TableCell>{item.expenseDate ?? "-"}</TableCell>
                     <TableCell>{item.amount}</TableCell>
@@ -397,7 +397,7 @@ export function ReimbursementDetailPage() {
                 ))
               ) : (
                 <TableRow>
-                  <TableCell className="py-3 text-slate-500" colSpan={5}>
+                  <TableCell className="py-3 text-zinc-500" colSpan={5}>
                     暂无明细
                   </TableCell>
                 </TableRow>
@@ -431,20 +431,20 @@ export function ReimbursementDetailPage() {
       />
 
       <Card className="space-y-2 p-6" data-testid="reimbursement-invoices">
-        <h3 className="text-base font-semibold text-slate-900">关联票据</h3>
+        <h3 className="text-base font-semibold text-zinc-900">关联票据</h3>
         {(detail.invoices ?? []).length ? (
           <div className="space-y-2 text-sm">
             {detail.invoices.map((item) => (
-              <div className="rounded-lg border border-slate-200 px-3 py-2" key={item.id}>
-                <div className="font-medium text-slate-900">{item.id}</div>
-                <div className="text-slate-600">
+              <div className="rounded-lg border border-zinc-200 px-3 py-2" key={item.id}>
+                <div className="font-medium text-zinc-900">{item.id}</div>
+                <div className="text-zinc-600">
                   状态 {item.status} / 发票 {item.invoiceCode || "-"}-{item.invoiceNumber || "-"}
                 </div>
               </div>
             ))}
           </div>
         ) : (
-          <p className="text-sm text-slate-500">暂无关联票据</p>
+          <p className="text-sm text-zinc-500">暂无关联票据</p>
         )}
       </Card>