统一PC前端布局密度（05-28-pc-frontend-layout-unification）

client/src/pages/FeatureFlagsPage.tsx

@@ -685,7 +685,7 @@ export function FeatureFlagsPage() {
             </p>
           ) : null}
           {!impactQuery.isLoading && !impactQuery.isError && impactQuery.data ? (
-            <div className="space-y-6">
+            <div className="space-y-4">
               <div className="space-y-3">
                 <h4 className="text-sm font-semibold text-zinc-900">前端导航</h4>
                 {impactQuery.data.navigationItems.length ? (
@@ -793,7 +793,7 @@ export function FeatureFlagsPage() {
       </Dialog>
 
       {batchMode ? (
-        <div className="fixed bottom-6 left-1/2 z-50 w-[min(960px,calc(100vw-2rem))] -translate-x-1/2 rounded-2xl border border-zinc-200 bg-white/95 p-4 shadow-xl backdrop-blur">
+        <div className="fixed bottom-6 left-1/2 z-50 w-[min(960px,calc(100vw-2rem))] -translate-x-1/2 rounded-lg border border-zinc-200 bg-white/95 p-3.5 shadow-xl backdrop-blur">
           <div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
             <div className="text-sm text-zinc-700">
               已选择 <span className="font-semibold text-zinc-900">{selectedItems.length}</span> 个功能开关

client/src/pages/MasterDataPage.tsx

@@ -341,7 +341,7 @@ export function MasterDataPage() {
           <TabsTrigger value="suppliers">供应商</TabsTrigger>
         </TabsList>
 
-        <TabsContent value="legal-entities" className="space-y-6">
+        <TabsContent value="legal-entities" className="space-y-4">
           <FilterBar className="ops-command-bar !p-3 md:!p-3.5">
             <div className="flex flex-wrap items-center justify-between gap-3">
               <h3 className="text-base font-semibold text-zinc-900">法体筛选</h3>
@@ -454,7 +454,7 @@ export function MasterDataPage() {
           </div>
         </TabsContent>
 
-        <TabsContent value="cost-centers" className="space-y-6">
+        <TabsContent value="cost-centers" className="space-y-4">
           <FilterBar className="ops-command-bar !p-3 md:!p-3.5">
             <div className="grid gap-3 md:grid-cols-3">
               <select
@@ -613,7 +613,7 @@ export function MasterDataPage() {
           </div>
         </TabsContent>
 
-        <TabsContent value="document-categories" className="space-y-6">
+        <TabsContent value="document-categories" className="space-y-4">
           <FilterBar className="ops-command-bar !p-3 md:!p-3.5">
             <div className="grid gap-3 md:grid-cols-3">
               <select
@@ -780,14 +780,14 @@ export function MasterDataPage() {
           </div>
         </TabsContent>
 
-        <TabsContent value="holiday-calendars" className="space-y-6">
+        <TabsContent value="holiday-calendars" className="space-y-4">
           <HolidayCalendarTab
             canManage={canManage}
             includeArchived={includeArchived}
             legalEntities={legalEntities}
           />
         </TabsContent>
-        <TabsContent value="suppliers" className="space-y-6">
+        <TabsContent value="suppliers" className="space-y-4">
           <SupplierTab
             canManage={canManage}
             includeArchived={includeArchived}

client/src/pages/NotificationChannelsPage.tsx

@@ -535,7 +535,7 @@ export function NotificationChannelsPage() {
         ) : null}
       </div>
 
-      <div className="grid gap-6 xl:grid-cols-[minmax(0,2fr)_minmax(320px,1fr)]">
+      <div className="grid gap-4 xl:grid-cols-[minmax(0,2fr)_minmax(320px,1fr)]">
         <div className="admin-command-panel space-y-4">
           <div className="flex items-center justify-between gap-3">
             <div>

client/src/pages/PortalHomePage.tsx

@@ -524,7 +524,7 @@ function AdoptionSummaryPanel({ adoptionSummary }: { adoptionSummary: NonNullabl
           <div className="mt-2 text-2xl font-semibold text-zinc-900">{adoptionSummary.announcementCount}</div>
         </div>
       </div>
-      <div className="mt-4 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-4 text-sm text-slate-600">
+      <div className="mt-4 rounded-lg border border-slate-200 bg-slate-50 px-3.5 py-3 text-sm text-slate-600">
         <div className="font-medium text-zinc-900">本周观测提示</div>
         <ul className="mt-2 list-disc space-y-1 pl-5">
           {adoptionSummary.hints.map((hint) => (
@@ -589,7 +589,7 @@ function GettingStartedCard({
   return (
     <SectionPanel
       title="快速上手"
-      description="基础资料"
+      description="基础设置"
       actions={(
         <button
           type="button"
@@ -622,7 +622,7 @@ function GettingStartedCard({
           </Link>
         ))}
 
-        <div className="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-4">
+        <div className="rounded-lg border border-slate-200 bg-slate-50 px-3.5 py-3">
           <div className="flex items-center justify-between gap-3 text-sm">
             <span className="font-medium text-zinc-900">完成进度</span>
             <span className="text-zinc-500">{completedCount}/{items.length}</span>
@@ -726,10 +726,10 @@ function TodoAggregatePanel({ items }: { items: TodoAggregateItem[] }) {
           <Link key={`${item.title}-${item.href}-${item.sourceLabel}`} to={item.href} className="portal-list-card">
             <div className="flex items-start gap-3">
               <div className={item.severity === "high"
-                ? "mt-0.5 flex size-9 items-center justify-center rounded-2xl bg-red-50 text-red-600"
+                ? "mt-0.5 flex size-9 items-center justify-center rounded-lg bg-red-50 text-red-600"
                 : item.severity === "warning"
-                  ? "mt-0.5 flex size-9 items-center justify-center rounded-2xl bg-amber-50 text-amber-600"
-                  : "mt-0.5 flex size-9 items-center justify-center rounded-2xl bg-zinc-100 text-zinc-600"}
+                  ? "mt-0.5 flex size-9 items-center justify-center rounded-lg bg-amber-50 text-amber-600"
+                  : "mt-0.5 flex size-9 items-center justify-center rounded-lg bg-zinc-100 text-zinc-600"}
               >
                 <span className="material-symbols-outlined text-[18px]">{item.icon}</span>
               </div>
@@ -896,14 +896,14 @@ export function PortalHomePage() {
   const gettingStartedCompletedCount = gettingStartedItems.filter((item) => item.completed).length;
 
   if (portalQuery.isLoading) {
-    return <div className="card-std p-6 text-sm text-zinc-500">加载工作台中...</div>;
+    return <div className="card-std p-5 text-sm text-zinc-500">加载工作台中...</div>;
   }
 
   if (portalQuery.isError || !portalQuery.data) {
     const message = isApiError(portalQuery.error)
       ? `${portalQuery.error.code}: ${mapApiErrorMessage(portalQuery.error.code, portalQuery.error.details, portalQuery.error.message)}`
       : "工作台加载失败";
-    return <div className="card-std p-6 text-sm text-red-600">{message}</div>;
+    return <div className="card-std p-5 text-sm text-red-600">{message}</div>;
   }
 
   const payload = portalQuery.data;
@@ -1096,8 +1096,8 @@ export function PortalHomePage() {
   quickActions.push({
     key: "attendance",
     icon: "schedule",
-    label: "考勤汇总",
-    description: "企微摘要 / OA 修正",
+    label: "考勤",
+    description: "企微摘要",
     to: "/attendance",
   });
   if (payload.weeklyReport || payload.weeklySummary) {
@@ -1105,7 +1105,7 @@ export function PortalHomePage() {
       key: "weekly",
       icon: "article",
       label: "提交周报",
-      description: "填写 / 查看缺口",
+      description: "填写 / 缺口",
       to: "/weekly-reports",
     });
   }
@@ -1161,7 +1161,7 @@ export function PortalHomePage() {
           fallback={(
             <PortalSectionFallback
               title="快速上手"
-              description="基础资料"
+              description="基础设置"
             />
           )}
         >
@@ -1205,9 +1205,9 @@ export function PortalHomePage() {
         <>
           <SecondaryWorkspacePanel
             title="角色重点"
-            description="常用入口"
+            description="入口"
           >
-            <div className="grid gap-6 xl:grid-cols-[minmax(0,1fr),minmax(0,1fr)] 2xl:grid-cols-[minmax(0,1fr),minmax(0,1fr),360px]">
+            <div className="grid gap-4 xl:grid-cols-[minmax(0,1fr),minmax(0,1fr)] 2xl:grid-cols-[minmax(0,1fr),minmax(0,1fr),340px]">
               {roleCapabilities.canApproveTasks ? (
                 <SummaryPanel title="审批处理" items={approvalSummaryItems} />
               ) : null}
@@ -1243,7 +1243,7 @@ export function PortalHomePage() {
       ) : (
         <SecondaryWorkspacePanel
           title="更多入口"
-          description="申请、资产、最近访问和项目指标"
+          description="申请、资产、最近访问"
         >
           <div className="portal-secondary-compact-grid">
             <CompactSummaryLinks title="我的申请与资产" items={employeeSummaryItems} />

client/src/pages/ReimbursementDetailPage.tsx

@@ -740,7 +740,7 @@ export function ReimbursementDetailPage() {
 
   if (!reimbursementId) {
     return (
-      <div className="card-std p-6">
+      <div className="card-std p-5">
         <p className="text-sm text-red-600">缺少 reimbursementId 参数。</p>
       </div>
     );
@@ -760,7 +760,7 @@ export function ReimbursementDetailPage() {
       : "加载报销详情失败";
 
     return (
-      <div className="card-std space-y-3 p-6">
+      <div className="card-std space-y-3 p-5">
         <p className="text-sm text-red-600">{message}</p>
         <Button asChild variant="secondary">
           <Link to="/reimbursements">返回报销列表</Link>
@@ -1230,7 +1230,7 @@ export function ReimbursementDetailPage() {
           </SectionPanel>
 
           <SectionPanel title="明细与票据">
-            <div className="space-y-6">
+            <div className="space-y-4">
               <div className="space-y-4" 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">
@@ -1465,7 +1465,7 @@ export function ReimbursementDetailPage() {
           </SectionPanel>
 
           <SectionPanel title="预算与审核提示">
-            <div className="space-y-6">
+            <div className="space-y-4">
               {budgetHint ? (
                 <div className="detail-command-panel text-sm" data-testid="reimbursement-budget-hint">
                   <h3 className="text-base font-semibold text-zinc-900">预算提示</h3>

client/src/pages/ReimbursementsPage.tsx

@@ -838,7 +838,7 @@ export function ReimbursementsPage() {
 
       {batchMode ? (
         <div className="fixed bottom-6 left-1/2 z-40 w-[min(760px,calc(100vw-2rem))] -translate-x-1/2">
-          <div className="rounded-2xl border border-zinc-200 bg-white p-4 shadow-lg">
+          <div className="rounded-lg border border-zinc-200 bg-white p-3.5 shadow-lg">
             <div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
               <div className="text-sm text-zinc-700">已选 {selectedItems.length} 项可处理报销待办</div>
               <div className="flex flex-wrap items-center gap-2">
@@ -869,7 +869,7 @@ export function ReimbursementsPage() {
           </DialogHeader>
 
           <div className="space-y-4">
-            <div className="rounded-2xl border border-zinc-200 bg-zinc-50 p-4 text-sm text-zinc-700">
+            <div className="rounded-lg border border-zinc-200 bg-zinc-50 p-3.5 text-sm text-zinc-700">
               共 {selectedItems.length} 项：
               <div className="mt-2 max-h-40 space-y-1 overflow-auto">
                 {selectedItems.map((item) => (
@@ -923,9 +923,9 @@ export function ReimbursementsPage() {
             </DialogDescription>
           </DialogHeader>
 
-          <div className="max-h-[60vh] space-y-2 overflow-auto rounded-2xl border border-zinc-200 bg-zinc-50 p-4">
+          <div className="max-h-[60vh] space-y-2 overflow-auto rounded-lg border border-zinc-200 bg-zinc-50 p-3.5">
             {batchResult?.results.map((item) => (
-              <div key={`${item.taskId}-${item.outcome}`} className="rounded-xl border border-zinc-200 bg-white px-4 py-3">
+              <div key={`${item.taskId}-${item.outcome}`} className="rounded-lg border border-zinc-200 bg-white px-4 py-3">
                 <div className="flex flex-col gap-2 md:flex-row md:items-center md:justify-between">
                   <div>
                     <div className="font-medium text-zinc-900">

client/src/pages/SystemSettingsPage.tsx

@@ -2,14 +2,14 @@ import { Link } from "react-router-dom";
 import { ListWorkspace, WorkspaceHeader } from "../components/patterns/ListWorkspace";
 
 const ITEMS = [
-  { to: "/system/workspace", title: "工作区设置", description: "调整小团队模式的导航与模块显隐。" },
-  { to: "/people", title: "人员管理", description: "处理入职、转正、调岗、离职与档案。" },
-  { to: "/system/approval-rules", title: "审批规则", description: "维护仍在使用的简单审批链与规则。" },
-  { to: "/system/expense-standards", title: "费用标准", description: "维护报销费用类型上限与 warn/block 管控模式。" },
-  { to: "/system/reimbursement-templates", title: "报销模板", description: "维护差旅费、招待费、办公用品等常见报销模板。" },
-  { to: "/system/master-data", title: "主数据", description: "维护费用、法体、成本中心等主数据。" },
-  { to: "/system/notification-channels", title: "通知渠道", description: "继续保留 IM/邮件等补充通知渠道。" },
-  { to: "/system/integrations/erp", title: "外部系统桥接", description: "查看财务与外部系统桥接能力及出入口。" },
+  { to: "/system/workspace", icon: "dashboard_customize", title: "工作区设置", description: "导航与模块显隐。" },
+  { to: "/people", icon: "badge", title: "人员管理", description: "入转调离与档案。" },
+  { to: "/system/approval-rules", icon: "account_tree", title: "审批规则", description: "审批链与规则。" },
+  { to: "/system/expense-standards", icon: "rule_settings", title: "费用标准", description: "费用上限与管控。" },
+  { to: "/system/reimbursement-templates", icon: "receipt_long", title: "报销模板", description: "常见报销模板。" },
+  { to: "/system/master-data", icon: "database", title: "主数据", description: "法体、成本中心、供应商。" },
+  { to: "/system/notification-channels", icon: "notifications", title: "通知渠道", description: "IM / 邮件补充通知。" },
+  { to: "/system/integrations/erp", icon: "hub", title: "外部系统桥接", description: "财务出入口与桥接。" },
 ];
 
 export function SystemSettingsPage() {
@@ -26,8 +26,15 @@ export function SystemSettingsPage() {
       <div className="admin-tile-grid">
         {ITEMS.map((item) => (
           <Link key={item.to} to={item.to} className="admin-tile-card">
-            <div className="text-base font-semibold text-zinc-900">{item.title}</div>
-            <div className="mt-2 text-sm text-zinc-600">{item.description}</div>
+            <div className="flex items-start gap-3">
+              <span className="admin-tile-card__icon">
+                <span className="material-symbols-outlined text-[20px]">{item.icon}</span>
+              </span>
+              <span className="min-w-0">
+                <span className="block text-base font-semibold text-zinc-900">{item.title}</span>
+                <span className="mt-1 block text-sm leading-5 text-zinc-600">{item.description}</span>
+              </span>
+            </div>
           </Link>
         ))}
       </div>

client/src/pages/WorkflowTaskDetailPage.tsx

@@ -216,7 +216,7 @@ export function WorkflowTaskDetailPage() {
 
   if (!taskId) {
     return (
-      <div className="card-std p-6">
+      <div className="card-std p-5">
         <p className="text-sm text-red-600">缺少 taskId 参数。</p>
       </div>
     );
@@ -240,7 +240,7 @@ export function WorkflowTaskDetailPage() {
       : "加载失败，请返回列表重试";
 
     return (
-      <div className="card-std space-y-3 p-6">
+      <div className="card-std space-y-3 p-5">
         <p className="text-sm text-red-600">{message}</p>
         <Button
           variant="secondary"