使用element ui-2

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;
+}