perf: update thumb

Author: ibuler

frontend/src/styles/index.scss

@@ -5,15 +5,36 @@ body {
   padding: 0 !important;
 }
 
-// 滚动条整体部分
+// 滚动条整体部分 — 默认较细，悬停时放大并高亮，便于点击
 ::-webkit-scrollbar {
   width: 6px;
   height: 6px;
+  transition: width 0.15s ease;
+}
+
+/* 当用户把鼠标移到页面或特定可滚动区域时放大滚动条，便于交互 */
+body:hover ::-webkit-scrollbar,
+.data-view:hover ::-webkit-scrollbar,
+.hot-table:hover ::-webkit-scrollbar,
+.wtHolder:hover ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
 }
 
 ::-webkit-scrollbar-thumb {
-  border-radius: 5px;
+  border-radius: 6px;
   background-color: rgba(144, 147, 153, 0.3);
+  border: 2px solid transparent; /* 防止放大时内容溢出视觉问题 */
+  background-clip: padding-box;
+  transition: background-color 0.15s ease, transform 0.12s ease;
+}
+
+/* 鼠标悬停或按下时更显眼 */
+::-webkit-scrollbar-thumb:hover,
+::-webkit-scrollbar-thumb:active {
+  background-color: rgba(144, 147, 153, 0.6);
+  transform: scale(1.08);
+  box-shadow: inset 0 0 0 3px rgba(0,0,0,0.12);
 }
 
 ::-webkit-scrollbar-track {