fix: manager/workbench 移动端 5 个 KPI 卡 5 列 → 2 列

原 .stats-grid { grid-template-columns: repeat(5, 1fr) }, 桌面 5 列 OK,
手机端 (375px) 每个卡 75px 宽, 文字/数字严重拥挤.

mobile (≤768px):
- .stats-grid 改为 repeat(2, 1fr) (2 列布局, 2 + 2 + 1, 5 个 KPI 卡合理)
- .stat-card padding 24px → 16px 12px, min-height 120 → 90px
- .stat-label 14px → 12px, margin-bottom 16 → 8px
- .stat-value 32px → 24px (数字依然醒目)
- .section padding 20/24 → 14/16, .section-title 15 → 14px
- .manager-workbench 16 → 12px
- .breadcrumb 13 → 12px

桌面端 0 影响.

ry-vue3/src/views/manager/Workbench.vue

@@ -121,4 +121,28 @@ onMounted(() => { loadStats() })
 }
 .more { font-size: 12px; color: var(--brand-primary); text-decoration: none; cursor: pointer; }
 .more:hover { text-decoration: underline; }
+
+/* 移动端适配 (≤768px): 5 个 KPI 卡 5 列 → 2 列 + 字号缩小 + 卡片 padding 收窄 */
+@media (max-width: 768px) {
+  .manager-workbench { padding: 12px !important; }
+  .breadcrumb { font-size: 12px !important; margin-bottom: 8px !important; }
+  .stats-grid {
+    grid-template-columns: repeat(2, 1fr) !important;
+    gap: 10px !important;
+    margin-bottom: 12px !important;
+  }
+  .stat-card {
+    padding: 16px 12px !important;
+    min-height: 90px !important;
+  }
+  .stat-label {
+    font-size: 12px !important;
+    margin-bottom: 8px !important;
+  }
+  .stat-value { font-size: 24px !important; }
+
+  /* 消息通知卡片 padding 收窄 */
+  .section { padding: 14px 16px !important; }
+  .section-title { font-size: 14px !important; margin-bottom: 12px !important; }
+}
 </style>