Update web/src/styles/globals.css

web/src/styles/globals.css

@@ -134,7 +134,7 @@
     @apply bg-background text-foreground;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    overflow: hidden; /* 你这里锁页面滚动没问题：让内部面板各自滚 */
+    overflow: hidden; /* 禁用页面滚动，避免左右中面板滚动联动（scroll chaining） */
   }
 }
 
@@ -190,30 +190,21 @@
 html {
   font-size: var(--font-size);
 }
-
-/* ============================
-   Scroll / Layout hardening
-   ============================ */
-
-/* 关键：让任何 flex 子项允许变矮，否则 overflow 不生效 */
-.min-h-0 {
-  min-height: 0;
-}
-
-/* 你想要的统一滚动容器：可滚动 + 不联动外层 + 有滚动条 */
+/* ===== Scrollbar helper (minimal, non-invasive) ===== */
 .panelScroll {
   overflow-y: auto;
   overflow-x: hidden;
-  min-height: 0;
-  padding-right: 10px;
 
-  /* iOS/trackpad smoother */
-  -webkit-overflow-scrolling: touch;
+  /* 让滚动条出现时不挤内容（可选） */
+  padding-right: 10px;
 
-  /* 阻断 scroll chaining（非常关键） */
+  /* 阻断外层联动滚动（可选，但推荐） */
   overscroll-behavior: contain;
 
-  /* Firefox scrollbar */
+  /* 更顺滑（可选） */
+  -webkit-overflow-scrolling: touch;
+
+  /* Firefox 滚动条 */
   scrollbar-width: thin;
   scrollbar-color: rgba(0, 0, 0, 0.18) transparent;
 }
@@ -231,11 +222,11 @@ html {
   background: transparent;
 }
 
-/* dark 下的滚动条稍亮一点 */
+/* dark 下稍亮一点（可选） */
 .dark .panelScroll {
   scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
 }
-
 .dark .panelScroll::-webkit-scrollbar-thumb {
   background: rgba(255, 255, 255, 0.22);
 }
+