Update web/src/index.css

web/src/index.css

@@ -3107,7 +3107,56 @@ html {
   }
 }
 
-html, body, #root {
+html,
+body,
+#root {
   height: 100%;
-  overflow: hidden;
 }
+
+body {
+  overflow: hidden;              /* 禁止整页滚动 */
+  overscroll-behavior: none;     /* 禁止滚动链（Mac trackpad 很关键） */
+}
+
+/* ===== Scrollbar helper (minimal, non-invasive) ===== */
+.panelScroll {
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  /* 关键：在 flex 子元素中允许收缩，否则 overflow 可能失效 */
+  min-height: 0;
+
+  /* 阻断外层联动滚动 */
+  overscroll-behavior: contain;
+
+  /* iOS 更顺滑 */
+  -webkit-overflow-scrolling: touch;
+
+  /* 让滚动条占位但不挤内容 */
+  scrollbar-gutter: stable;
+
+  /* Firefox */
+  scrollbar-width: thin;
+  scrollbar-color: rgba(0, 0, 0, 0.18) transparent;
+}
+
+.panelScroll::-webkit-scrollbar {
+  width: 10px;
+}
+
+.panelScroll::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.18);
+  border-radius: 999px;
+}
+
+.panelScroll::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.dark .panelScroll {
+  scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
+}
+.dark .panelScroll::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.22);
+}
+