使用element ui-2

apps/frontend/src/styles/admin-list-pages.css

@@ -30,25 +30,6 @@
   margin-top: var(--space-4);
 }
 
-/* ---------- 卡片头部 ---------- */
-.card-header {
-  display: flex;
-  justify-content: space-between;
-  gap: var(--space-3);
-  align-items: flex-end;
-}
-
-.card-title {
-  color: var(--text-primary);
-  font-size: var(--text-lg);
-  font-weight: 600;
-}
-
-.card-desc {
-  color: var(--text-secondary);
-  font-size: var(--text-sm);
-}
-
 /* ---------- 筛选网格 ---------- */
 .filter-grid {
   display: grid;
@@ -106,27 +87,27 @@
   line-height: 1;
 }
 
-.summary-metric[data-tone="success"] {
+.summary-metric[data-tone='success'] {
   color: var(--color-success-dark);
   background: var(--color-success-light);
   border-color: #bbf7d0;
 }
-.summary-metric[data-tone="danger"] {
+.summary-metric[data-tone='danger'] {
   color: var(--color-danger-dark);
   background: var(--color-danger-light);
   border-color: #fecaca;
 }
-.summary-metric[data-tone="primary"] {
+.summary-metric[data-tone='primary'] {
   color: var(--color-primary-dark);
   background: var(--color-primary-light);
   border-color: #bfdbfe;
 }
-.summary-metric[data-tone="warning"] {
+.summary-metric[data-tone='warning'] {
   color: var(--color-warning-dark);
   background: var(--color-warning-light);
   border-color: #fed7aa;
 }
-.summary-metric[data-tone="muted"] {
+.summary-metric[data-tone='muted'] {
   color: var(--text-secondary);
   background: #f8fafc;
   border-color: var(--border-default);

apps/frontend/src/styles/element-overrides.css

@@ -117,16 +117,64 @@
 }
 
 /* ---- 通用工具类 ---- */
-.mt-4 { margin-top: var(--space-4); }
-.mb-4 { margin-bottom: var(--space-4); }
-.w-full { width: 100%; }
-.text-muted-xs { font-size: var(--text-xs); color: var(--text-muted); }
-.fw-600 { font-weight: 600; }
-.text-danger { color: var(--color-danger); }
-.ml-2 { margin-left: var(--space-2); }
+.mt-4 {
+  margin-top: var(--space-4);
+}
+.mb-4 {
+  margin-bottom: var(--space-4);
+}
+.w-full {
+  width: 100%;
+}
+.text-muted-xs {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+}
+.text-muted-xs.mt-1 {
+  margin-top: var(--space-1);
+}
+.fw-600 {
+  font-weight: 600;
+}
+.text-danger {
+  color: var(--color-danger);
+}
+.ml-2 {
+  margin-left: var(--space-2);
+}
 .pagination-center {
   margin-top: var(--space-4);
   display: flex;
   justify-content: center;
 }
-.filter-col-160 { width: 160px; }
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  gap: var(--space-3);
+  align-items: flex-end;
+}
+.card-header--split {
+  align-items: center;
+}
+.card-title {
+  display: block;
+  color: var(--text-primary);
+  font-size: var(--text-lg);
+  font-weight: 600;
+}
+.card-desc {
+  display: block;
+  margin-top: 4px;
+  color: var(--text-secondary);
+  font-size: var(--text-sm);
+  line-height: 1.6;
+}
+.card-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+  align-items: center;
+}
+.filter-col-160 {
+  width: 160px;
+}