Update web/src/styles/globals.css

web/src/styles/globals.css

@@ -190,21 +190,25 @@
 html {
   font-size: var(--font-size);
 }
+
 /* ===== Scrollbar helper (minimal, non-invasive) ===== */
 .panelScroll {
   overflow-y: auto;
   overflow-x: hidden;
 
-  /* 让滚动条出现时不挤内容（可选） */
-  padding-right: 10px;
+  /* 关键：在 flex 子元素中允许收缩，否则 overflow 可能失效 */
+  min-height: 0;
 
-  /* 阻断外层联动滚动（可选，但推荐） */
+  /* 阻断外层联动滚动 */
   overscroll-behavior: contain;
 
-  /* 更顺滑（可选） */
+  /* iOS 更顺滑 */
   -webkit-overflow-scrolling: touch;
 
-  /* Firefox 滚动条 */
+  /* 让滚动条占位但不挤内容（比 padding-right 更稳） */
+  scrollbar-gutter: stable;
+
+  /* Firefox */
   scrollbar-width: thin;
   scrollbar-color: rgba(0, 0, 0, 0.18) transparent;
 }
@@ -222,11 +226,10 @@ 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);
 }
-