优化详情与移动关键页视觉 Wave3（05-27-pc-detail-mobile-visual-wave3）

client/src/pages/MobileApprovalsPage.tsx

@@ -1022,7 +1022,7 @@ export function MobileApprovalsPage() {
       ) : (
         <PageHeader
           title={canAccessRemoteApprovals ? "审批" : "审批进度"}
-          subtitle={canAccessRemoteApprovals ? "待我审批和已处理。" : "查看我发起的申请进度。"}
+          subtitle={canAccessRemoteApprovals ? "处理待办，查看已处理。" : "查看我发起的申请进度。"}
         />
       )}
 
@@ -1104,14 +1104,14 @@ export function MobileApprovalsPage() {
           <span className={`mobile-section-meta ${isOnline ? "text-emerald-600" : "text-orange-600"}`}>{isOnline ? "在线" : "离线"}</span>
         </div>
 
-        <Tabs value={taskTab} onValueChange={handleTaskTabChange}>
-          <TabsList className="flex w-full justify-start gap-1">
-            <TabsTrigger value="pending">待我审批</TabsTrigger>
-            <TabsTrigger value="completed" disabled={!canUseRemote}>已处理</TabsTrigger>
-          </TabsList>
-        </Tabs>
+        <div className="mobile-command-surface">
+          <Tabs value={taskTab} onValueChange={handleTaskTabChange}>
+            <TabsList className="flex w-full justify-start gap-1">
+              <TabsTrigger value="pending">待我审批</TabsTrigger>
+              <TabsTrigger value="completed" disabled={!canUseRemote}>已处理</TabsTrigger>
+            </TabsList>
+          </Tabs>
 
-        <div className="space-y-3">
           <Input
             data-testid="mobile-approvals-search"
             value={searchInput}
@@ -1119,7 +1119,7 @@ export function MobileApprovalsPage() {
             placeholder="搜索审批"
           />
 
-          <details className="mobile-subcard bg-zinc-50/70 text-sm">
+          <details className="mobile-subcard bg-white text-sm">
             <summary className="cursor-pointer select-none font-medium text-zinc-700">
               筛选与批量
             </summary>
@@ -1318,7 +1318,7 @@ export function MobileApprovalsPage() {
       ) : null}
 
       {isPushDetail ? (
-      <section className="mobile-card mobile-page-stack scroll-mt-4" data-testid="mobile-approvals-detail">
+      <section className="mobile-card mobile-focus-card mobile-page-stack scroll-mt-4" data-testid="mobile-approvals-detail">
         <h3 className="mobile-section-title">处理</h3>
 
         {!selectedTaskId ? <p className="text-sm text-zinc-500">请先选择任务。</p> : null}