refactor web code

web/src/components/game/panels/info/InfoPanelContainer.vue

@@ -199,24 +199,6 @@ onUnmounted(() => {
   color: #ff7875;
 }
 
-/* Scrollbar Styling */
-.panel-body::-webkit-scrollbar {
-  width: 6px;
-}
-
-.panel-body::-webkit-scrollbar-track {
-  background: rgba(0, 0, 0, 0.1);
-  border-radius: 3px;
-}
-
-.panel-body::-webkit-scrollbar-thumb {
-  background: #444;
-  border-radius: 3px;
-}
-
-.panel-body::-webkit-scrollbar-thumb:hover {
-  background: #555;
-}
 
 /* Legacy */
 .legacy-list {

web/src/style.css

@@ -42,3 +42,30 @@ a {
   color: inherit;
   text-decoration: none;
 }
+
+/* Global Scrollbar Styling */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+  background-color: transparent; /* 关键：修复白色背景问题 */
+}
+
+::-webkit-scrollbar-track {
+  background: rgba(255, 255, 255, 0.05);
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #444;
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #666;
+}
+
+/* 修复 Firefox 的滚动条 */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: #444 transparent;
+}