From ec10b1aa203c9ee861b81ab2f9a7b6bb45c93ac0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=87=E8=B6=A3=E4=BF=9D=E7=BD=97?=
 <dreamer_paul@126.com>
Date: Mon, 12 Oct 2026 11:29:51 +0800
Subject: [PATCH] =?UTF-8?q?Fix:=20=E4=BC=98=E5=8C=96=E5=AF=B9=E8=AF=9D?=
 =?UTF-8?q?=E6=A1=86=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/index.html |  2 +-
 static/styles.css | 17 +++++++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/static/index.html b/static/index.html
index 2def36d..33f994d 100644
--- a/static/index.html
+++ b/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">
diff --git a/static/styles.css b/static/styles.css
index 7564424..8776cd8 100644
--- a/static/styles.css
+++ b/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; }