feat: 联调

src/assets/styles/main.scss

@@ -316,6 +316,16 @@ p {
     color: #fff;
     background: rgb(37 99 235 / 42%);
   }
+
+  &.disabled {
+    color: rgb(189 208 231 / 42%);
+    cursor: not-allowed;
+
+    &:hover {
+      color: rgb(189 208 231 / 42%);
+      background: transparent;
+    }
+  }
 }
 
 .sidebar-footer {
@@ -757,6 +767,18 @@ p {
   grid-template-columns: minmax(240px, 1fr) 140px 140px 130px 96px 96px;
 }
 
+.case-filter {
+  grid-template-columns: minmax(260px, 1fr) 160px 140px 150px 96px 96px;
+}
+
+.content-case-filter {
+  grid-template-columns: minmax(220px, 1fr) 140px 130px 120px 120px 120px 140px 96px 96px;
+}
+
+.case-review-filter {
+  grid-template-columns: minmax(260px, 1fr) 150px 96px 96px;
+}
+
 .table-subtext {
   display: block;
   margin-top: 4px;
@@ -764,6 +786,77 @@ p {
   font-size: 12px;
 }
 
+.case-tag-list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+}
+
+.case-create-form,
+.case-relations-form {
+  .el-select,
+  .el-input-number {
+    width: 100%;
+  }
+}
+
+.case-form-section {
+  display: grid;
+  gap: 12px;
+  padding: 14px 0;
+  border-top: 1px solid var(--border);
+
+  &:first-child {
+    padding-top: 0;
+    border-top: 0;
+  }
+
+  h3 {
+    margin: 0;
+    font-size: 15px;
+  }
+}
+
+.case-section-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.scoring-rule-row,
+.exam-item-row {
+  display: grid;
+  align-items: center;
+  gap: 10px;
+}
+
+.scoring-rule-row {
+  grid-template-columns: minmax(120px, 0.7fr) 100px 120px minmax(180px, 1fr) 36px;
+}
+
+.exam-item-row {
+  grid-template-columns: minmax(150px, 0.8fr) minmax(160px, 1fr) minmax(120px, 0.8fr) 36px;
+}
+
+.case-empty-line {
+  padding: 10px 12px;
+  border-radius: 8px;
+  color: var(--muted);
+  font-size: 13px;
+  background: var(--panel-soft);
+}
+
+.relation-input {
+  margin-top: 12px;
+}
+
+.case-detail-drawer {
+  display: grid;
+  gap: 16px;
+}
+
 .kanban-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -871,6 +964,50 @@ p {
   gap: 18px;
 }
 
+.ai-case-workbench {
+  display: grid;
+  grid-template-columns: minmax(420px, 0.82fr) minmax(0, 1.18fr);
+  gap: 18px;
+}
+
+.ai-case-form {
+  .el-radio-group,
+  .el-textarea {
+    width: 100%;
+  }
+}
+
+.ai-result-section {
+  display: grid;
+  align-content: start;
+  gap: 16px;
+}
+
+.ai-result-kpis {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 12px;
+
+  div {
+    display: grid;
+    gap: 6px;
+    min-height: 76px;
+    padding: 12px;
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    background: var(--panel-soft);
+  }
+
+  span {
+    color: var(--muted);
+    font-size: 12px;
+  }
+
+  strong {
+    font-size: 20px;
+  }
+}
+
 .profile-layout {
   display: grid;
   grid-template-columns: 320px minmax(0, 1fr);
@@ -923,6 +1060,7 @@ p {
   .dashboard-grid,
   .content-grid,
   .ai-workbench,
+  .ai-case-workbench,
   .profile-layout,
   .settings-grid {
     grid-template-columns: 1fr;