feat: ai生成病例编辑

src/assets/styles/main.scss

@@ -90,13 +90,21 @@ p {
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  gap: 10px;
   height: 42px;
-  padding: 0 16px;
+  padding: 0 16px 0 8px;
   border: 1px solid rgb(255 255 255 / 38%);
   border-radius: 8px;
   font-size: 18px;
   font-weight: 800;
   background: rgb(255 255 255 / 12%);
+
+  img {
+    width: 30px;
+    height: 30px;
+    border-radius: 6px;
+    object-fit: cover;
+  }
 }
 
 .login-brand h1 {
@@ -194,17 +202,46 @@ p {
   transition: grid-template-columns 0.22s ease;
 
   &.collapsed {
-    grid-template-columns: 82px 1fr;
+    grid-template-columns: 88px 1fr;
 
     .brand-copy,
+    .nav-section-title,
     .nav-item span,
     .user-meta {
       display: none;
     }
 
-    .sidebar-header,
+    .sidebar-header {
+      display: grid;
+      grid-template-rows: 38px 26px;
+      align-content: center;
+      justify-content: center;
+      gap: 8px;
+      padding: 0;
+    }
+
     .nav-item {
       justify-content: center;
+      padding: 0;
+    }
+
+    .nav-list {
+      padding: 16px 18px;
+    }
+
+    .sidebar-toggle {
+      position: static;
+      margin: 0 auto;
+      width: 26px;
+      height: 26px;
+      min-height: 26px;
+      color: #c7d2fe;
+      background: rgb(255 255 255 / 12%);
+    }
+
+    .user-card {
+      justify-content: center;
+      margin-bottom: 0;
     }
 
     .sidebar-footer {
@@ -235,6 +272,7 @@ p {
 }
 
 .sidebar-header {
+  position: relative;
   display: flex;
   align-items: center;
   gap: 12px;
@@ -250,13 +288,20 @@ p {
   justify-content: center;
   width: 38px;
   height: 38px;
+  overflow: hidden;
   border-radius: 8px;
-  color: #fff;
-  font-weight: 800;
-  background: linear-gradient(135deg, var(--primary), var(--teal));
+  background: #fff;
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
 }
 
 .brand-copy {
+  min-width: 0;
+
   strong,
   span {
     display: block;
@@ -264,7 +309,8 @@ p {
 
   strong {
     color: #fff;
-    font-size: 18px;
+    font-size: 17px;
+    white-space: nowrap;
   }
 
   span {
@@ -274,6 +320,20 @@ p {
   }
 }
 
+.sidebar-toggle {
+  margin-left: auto;
+  color: #dbeafe;
+  border-color: rgb(255 255 255 / 22%);
+  background: rgb(255 255 255 / 8%);
+
+  &:hover,
+  &:focus {
+    color: #fff;
+    border-color: rgb(255 255 255 / 38%);
+    background: rgb(37 99 235 / 34%);
+  }
+}
+
 .sidebar-scroll {
   flex: 1;
 }
@@ -307,6 +367,7 @@ p {
   transition: background 0.16s ease, color 0.16s ease;
 
   .el-icon {
+    flex: 0 0 auto;
     font-size: 18px;
   }
 
@@ -801,6 +862,7 @@ p {
 }
 
 .case-create-form,
+.case-import-form,
 .case-relations-form {
   .el-select,
   .el-input-number {
@@ -844,7 +906,7 @@ p {
 }
 
 .exam-item-row {
-  grid-template-columns: minmax(150px, 0.8fr) minmax(160px, 1fr) minmax(120px, 0.8fr) 36px;
+  grid-template-columns: minmax(130px, 0.8fr) minmax(140px, 1fr) minmax(110px, 0.7fr) minmax(150px, 1fr) 36px;
 }
 
 .case-empty-line {
@@ -862,6 +924,18 @@ p {
 .case-detail-drawer {
   display: grid;
   gap: 16px;
+  min-height: 100%;
+}
+
+.case-detail-form {
+  align-content: start;
+}
+
+.drawer-form-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  padding-top: 8px;
 }
 
 .kanban-grid {
@@ -990,6 +1064,16 @@ p {
   gap: 16px;
 }
 
+.ai-result-actions {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.ai-draft-form {
+  min-width: 0;
+}
+
 .ai-result-kpis {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));