Fix: 优化对话框样式问题

static/index.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>知迹 · 检索问答</title>
   <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect fill='%231f6a52' width='32' height='32' rx='6'/%3E%3Cpath d='M8 9.5h7.2c1.6 0 2.8 1 2.8 2.6S16.8 15 15.2 15H8V9.5zm0 7h7.6c1.8 0 3.1 1.1 3.1 2.8S17.4 22 15.6 22H8v-5.5z' fill='%23f6f1e6'/%3E%3C/svg%3E" />
-  <link rel="stylesheet" href="/static/styles.css?v=2" />
+  <link rel="stylesheet" href="/static/styles.css?v=3" />
 </head>
 <body>
   <div class="app">

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