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

client/src/pages/MobileApprovalsPage.tsx

@@ -108,12 +108,12 @@ export function MobileApprovalsPage() {
       ) : null}
 
       <Card className="space-y-3 p-4" data-testid="mobile-approvals-list">
-        <h3 className="text-base font-semibold text-slate-900">待办任务</h3>
+        <h3 className="text-base font-semibold text-zinc-900">待办任务</h3>
 
-        {tasksQuery.isLoading ? <div className="flex items-center gap-2 text-sm text-slate-500"><Spinner size="sm" />加载中...</div> : null}
+        {tasksQuery.isLoading ? <div className="flex items-center gap-2 text-sm text-zinc-500"><Spinner size="sm" />加载中...</div> : null}
 
         {!tasksQuery.isLoading && pendingTasks.length === 0 ? (
-          <p className="text-sm text-slate-500">暂无待办任务。</p>
+          <p className="text-sm text-zinc-500">暂无待办任务。</p>
         ) : null}
 
         <div className="space-y-2">
@@ -123,32 +123,32 @@ export function MobileApprovalsPage() {
               className={`w-full rounded-lg border px-3 py-2 text-left text-sm ${
                 selectedTaskId === task.id
                   ? "border-primary bg-primary-50 text-primary"
-                  : "border-slate-200 bg-white text-slate-800"
+                  : "border-zinc-200 bg-white text-zinc-800"
               }`}
               data-testid={`mobile-approvals-task-${task.id}`}
               onClick={() => setSelectedTaskId(task.id)}
               type="button"
             >
               <div className="font-medium">{task.stepName}</div>
-              <div className="text-xs text-slate-500">任务ID: {task.id}</div>
-              <div className="text-xs text-slate-500">状态: {task.status}</div>
+              <div className="text-xs text-zinc-500">任务ID: {task.id}</div>
+              <div className="text-xs text-zinc-500">状态: {task.status}</div>
             </button>
           ))}
         </div>
       </Card>
 
       <Card className="space-y-3 p-4" data-testid="mobile-approvals-detail">
-        <h3 className="text-base font-semibold text-slate-900">任务详情与动作</h3>
+        <h3 className="text-base font-semibold text-zinc-900">任务详情与动作</h3>
 
-        {!selectedTaskId ? <p className="text-sm text-slate-500">请先选择任务。</p> : null}
+        {!selectedTaskId ? <p className="text-sm text-zinc-500">请先选择任务。</p> : null}
 
         {selectedTaskId && detailQuery.isLoading ? (
-          <p className="text-sm text-slate-500">加载任务详情中...</p>
+          <p className="text-sm text-zinc-500">加载任务详情中...</p>
         ) : null}
 
         {selectedTask && (
           <>
-            <div className="rounded-lg border border-slate-200 p-3 text-sm">
+            <div className="rounded-lg border border-zinc-200 p-3 text-sm">
               <div>任务状态：{selectedTask.task.status}</div>
               <div>步骤：{selectedTask.task.stepName}</div>
               <div>报销单号：{selectedTask.reimbursement?.formNumber ?? "-"}</div>
@@ -193,10 +193,10 @@ export function MobileApprovalsPage() {
               </Button>
             </div>
 
-            <div className="space-y-2 rounded-lg border border-slate-200 p-3 text-sm">
-              <p className="font-medium text-slate-800">转审</p>
+            <div className="space-y-2 rounded-lg border border-zinc-200 p-3 text-sm">
+              <p className="font-medium text-zinc-800">转审</p>
               <select
-                className="h-10 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm"
+                className="h-10 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
                 data-testid="mobile-approvals-transfer-to"
                 onChange={(event) => setTransferToApproverId(event.target.value)}
                 value={transferToApproverId}