使用element ui

apps/frontend/src/views/admin/tasks/AdminTaskDetail.css

@@ -9,21 +9,12 @@
   word-break: break-all;
 }
 
-.info-card,
-.hero-card,
-.error-copy {
-  padding: 18px;
-  border-radius: var(--radius-lg);
-  background: var(--bg-surface);
-  border: 1px solid var(--border-default);
-}
-
-.info-card p {
+.section-card p {
   margin: 10px 0 0;
   color: var(--text-primary);
 }
 
-.info-card h3 {
+.section-card h3 {
   margin: 0 0 var(--space-3);
   color: var(--text-primary);
 }
@@ -110,10 +101,6 @@
   align-items: center;
 }
 
-.error-copy {
-  color: var(--color-danger);
-}
-
 .action-row {
   display: flex;
   flex-wrap: wrap;
@@ -147,23 +134,6 @@
   margin-bottom: 0;
 }
 
-.data-table {
-  width: 100%;
-  border-collapse: collapse;
-}
-
-.data-table th,
-.data-table td {
-  padding: var(--space-3) 10px;
-  text-align: left;
-  border-bottom: 1px solid var(--border-default);
-}
-
-.data-table th {
-  width: 160px;
-  color: var(--text-secondary);
-}
-
 .status-stack {
   display: flex;
   flex-wrap: wrap;
@@ -252,11 +222,16 @@
   gap: 14px;
 }
 
-.field-block {
-  display: grid;
-  gap: var(--space-2);
-  color: var(--text-primary);
-  font-weight: 600;
+.admin-panel :deep(.el-form-item) {
+  margin-bottom: 0;
+}
+
+.admin-panel :deep(.el-form-item__label) {
+  color: var(--text-secondary);
+  font-size: var(--text-xs);
+  font-weight: 700;
+  line-height: 1.4;
+  margin-bottom: 6px;
 }
 
 .manual-hint {