🐛 在根布局建立滚轮事件边界，避免 ScriptCat 内部滚动触发浏览器 swipe 跳页 (#1431)

* fix(UI): 避免页面互动触发 body 的 swipe 跳页

* code update

* InteractiveContainer -> ScrollBoundary

* Potential fix for pull request finding

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

* Potential fix for pull request finding

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

---------

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Author: cyfung1031

src/index.css

@@ -2,22 +2,28 @@
 @unocss default;
 @unocss;
 
+* {
+    scrollbar-color: inherit;
+}
+
 body {
     scrollbar-color: var(--color-scrollbar-thumb) var(--color-scrollbar-track);
-    /* 对于webkit浏览器的滚动条样式 */
-    scrollbar-width: thin;
 }
 
 body[arco-theme='dark'] {
     --color-scrollbar-thumb: #6b6b6b;
     --color-scrollbar-track: #2d2d2d;
-    --color-scrollbar-thumb-hover: #8c8c8c;
 }
 
 body[arco-theme='light'] {
     --color-scrollbar-thumb: #6b6b6b;
     --color-scrollbar-track: #f0f0f0;
-    --color-scrollbar-thumb-hover: #8c8c8c;
+}
+
+#root {
+    overscroll-behavior: none;
+    contain: content;
+    overflow: auto;
 }
 
 :root {