feat(admin): 仪表盘对齐 Ant Design Pro 风格骨架（PageHeader + KPI 卡）

public/css/admin-components.css

@@ -109,6 +109,91 @@
 }
 
 /* 可复用：折叠面板（参考 Ant Design Pro 的筛选区交互：可折叠、摘要做成一条可点 Header） */
+
+/* 可复用：PageHeader（参考 Ant Design Pro：标题区 + 描述 + 右侧操作区） */
+.page-header{
+    width:100%;
+    padding:16px;
+    border:1px solid #e5e7eb;
+    border-radius:12px;
+    background:#ffffff;
+}
+
+.page-header-main{
+    display:flex;
+    align-items:flex-start;
+    justify-content:space-between;
+    gap:12px;
+}
+
+.page-header-title{
+    font-size:18px;
+    font-weight:700;
+    color:#0f172a;
+    line-height:1.2;
+}
+
+.page-header-subtitle{
+    margin-top:6px;
+    font-size:13px;
+    color:#64748b;
+    line-height:1.45;
+}
+
+.page-header-actions{
+    display:flex;
+    align-items:center;
+    gap:10px;
+    flex-wrap:wrap;
+}
+
+.page-header-meta{
+    margin-top:12px;
+    display:flex;
+    flex-wrap:wrap;
+    gap:12px;
+    color:#64748b;
+    font-size:12px;
+}
+
+/* 可复用：KPI 卡片栅格（参考 Ant Design Pro Analysis：第一行 4 个等宽卡片） */
+.kpi-grid{
+    display:grid;
+    grid-template-columns:repeat(4,minmax(0,1fr));
+    gap:12px;
+}
+
+@media (max-width: 1024px){
+    .kpi-grid{
+        grid-template-columns:repeat(2,minmax(0,1fr));
+    }
+}
+
+@media (max-width: 640px){
+    .kpi-grid{
+        grid-template-columns:1fr;
+    }
+}
+
+.stat-card-title{
+    font-size:12px;
+    color:#64748b;
+}
+
+.stat-card-value{
+    margin-top:10px;
+    font-size:22px;
+    font-weight:800;
+    color:#0f172a;
+    letter-spacing:.2px;
+}
+
+.stat-card-footnote{
+    margin-top:8px;
+    font-size:12px;
+    color:#94a3b8;
+}
+
 .collapsible > summary{
     list-style:none;
     cursor:pointer;