Fix: 优化对话框样式问题

static/styles.css

@@ -148,6 +148,8 @@ h1 {
 }
 
 .turn {
+  flex: none;
+  width: 100%;
   border: 1px solid var(--line);
   background: var(--paper);
   border-radius: 16px;
@@ -174,13 +176,18 @@ h1 {
 }
 .answer-row {
   display: grid;
+  min-height: 30em;
   grid-template-columns: minmax(0, 1.15fr) minmax(250px, 0.85fr);
+  align-items: stretch;
 }
 .answer, .slices { padding: 14px 16px 16px; min-width: 0; }
+.answer { min-height: 0; }
 .slices {
   background: #fbf6ee;
   border-left: 1px solid var(--line);
-  max-height: 560px;
+  /* 行高由回答撑开。height: 0 让切片不参与算高，min-height: 100% 再铺满这一行并在内部滚动。 */
+  height: 0;
+  min-height: 100%;
   overflow: auto;
 }
 .answer-body {
@@ -360,7 +367,13 @@ textarea:focus, input:focus, select:focus { border-color: #8fbfa8; }
   .workspace { display: flex; flex-direction: column; }
   .chat { min-height: 70vh; }
   .library { min-height: 520px; }
-  .slices { border-left: 0; border-top: 1px solid var(--line); max-height: none; }
+  .slices {
+    height: auto;
+    min-height: 0;
+    overflow: visible;
+    border-left: 0;
+    border-top: 1px solid var(--line);
+  }
 }
 @media (prefers-reduced-motion: reduce) {
   .pending { animation: none; }