From 8c413cc9973e34ef73d34004287a7c73a942d57b Mon Sep 17 00:00:00 2001
From: hz4th_coder <hz4th_coder@tphai.com>
Date: Sun, 6 Sep 2026 10:56:50 +0800
Subject: [PATCH] =?UTF-8?q?v2.7.1=20=E5=B7=A6=E4=BE=A7=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E9=9D=A2=E6=9D=BF=E7=8B=AC=E7=AB=8B=E6=BB=9A=E5=8A=A8=EF=BC=9A?=
 =?UTF-8?q?=E9=BC=A0=E6=A0=87=E5=9C=A8=E5=B7=A6=E4=BE=A7=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E5=8F=AA=E7=BF=BB=E5=B7=A6=E4=BE=A7=E5=87=A0=E4=B8=AA=E5=9D=97?=
 =?UTF-8?q?=EF=BC=8C=E5=8F=B3=E4=BE=A7=E6=BB=9A=E5=8F=B3=E4=BE=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/style.css | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 32cb8c3..4b1e42f 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -43,7 +43,20 @@ body {
 
 /* ── 布局 ── */
 .layout { display: grid; grid-template-columns: 340px 1fr; gap: 16px; padding: 16px 24px; align-items: start; }
-.config-panel { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 72px; }
+.config-panel {
+  display: flex; flex-direction: column; gap: 16px;
+  position: sticky; top: 72px;
+  /* 左侧独立滚动：面板固定视口高度，鼠标在左侧滚动时只翻左侧几个块，不带动右侧 */
+  max-height: calc(100vh - 88px);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  padding-right: 6px;
+  scrollbar-width: thin;
+  scrollbar-color: var(--border) transparent;
+}
+.config-panel::-webkit-scrollbar { width: 8px; }
+.config-panel::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }
+.config-panel::-webkit-scrollbar-thumb:hover { background: var(--accent); }
 .main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
 
 .card {
@@ -309,6 +322,6 @@ pre.json-box {
 
 @media (max-width: 1000px) {
   .layout { grid-template-columns: 1fr; }
-  .config-panel { position: static; }
+  .config-panel { position: static; max-height: none; overflow: visible; }
   .metrics { grid-template-columns: repeat(3, 1fr); }
 }