优化财务与管理页视觉 Wave4（05-27-pc-finance-admin-visual-wave4）

client/src/pages/SystemSettingsPage.tsx

@@ -15,10 +15,17 @@ const ITEMS = [
 export function SystemSettingsPage() {
   return (
     <ListWorkspace>
-      <WorkspaceHeader title="系统设置" subtitle="小团队模式下的后台设置总入口。" />
-      <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
+      <WorkspaceHeader title="系统设置" subtitle="后台能力入口按管理职责收拢。" />
+      <div className="finance-status-strip" data-testid="system-settings-summary">
+        <div className="finance-metric-card"><div className="finance-metric-card__label">入口总数</div><div className="finance-metric-card__value">{ITEMS.length}</div></div>
+        <div className="finance-metric-card"><div className="finance-metric-card__label">业务配置</div><div className="finance-metric-card__value">5</div></div>
+        <div className="finance-metric-card"><div className="finance-metric-card__label">外部桥接</div><div className="finance-metric-card__value">2</div></div>
+        <div className="finance-metric-card"><div className="finance-metric-card__label">人员相关</div><div className="finance-metric-card__value">1</div></div>
+        <div className="finance-metric-card"><div className="finance-metric-card__label">模式</div><div className="finance-metric-card__value text-base">小团队</div></div>
+      </div>
+      <div className="admin-tile-grid">
         {ITEMS.map((item) => (
-          <Link key={item.to} to={item.to} className="card-std p-4 hover:bg-zinc-50 md:p-5">
+          <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>
           </Link>