fix: 搞定几乎所有windows难看的滑动条.

src/App.svelte

@@ -162,12 +162,18 @@
     }
 
     /* 隐藏垂直滚动条 */
-    body::-webkit-scrollbar {
+    .picsSlider::-webkit-scrollbar,
+    code.language-javascript::-webkit-scrollbar,
+    body::-webkit-scrollbar 
+    {
       display: none;
       /* 隐藏 Chrome、Safari 滚动条 */
     }
 
-    body {
+    .picsSlider,
+    code.language-javascript,
+    body 
+    {
       -ms-overflow-style: none;
       /* 隐藏 IE/Edge 滚动条 */
       scrollbar-width: none;
@@ -175,12 +181,18 @@
     }
 
     /* 隐藏水平滚动条 */
-    body::-webkit-scrollbar-horizontal {
+    .picsSlider::-webkit-scrollbar-horizontal,
+    code.language-javascript::-webkit-scrollbar-horizontal,
+    body::-webkit-scrollbar-horizontal 
+    {
       display: none;
       /* 隐藏 Chrome、Safari 水平滚动条 */
     }
 
-    body::-webkit-scrollbar-thumb {
+    .picsSlider::-webkit-scrollbar-thumb
+    code.language-javascript::-webkit-scrollbar-thumb
+    body::-webkit-scrollbar-thumb
+    {
       display: none;
       /* 隐藏 Chrome、Safari 滚动条拇指 */
     }`;

src/components/MedalItemDetail.svelte

@@ -11,7 +11,7 @@
     </div>
   {/each}
 </div>
-<div class="flex justify-center w-full gap-2 overflow-x-auto max-[1024px]:justify-start h-16">
+<div class="picsSlider flex justify-center w-full gap-2 overflow-x-auto max-[1024px]:justify-start h-16">
   {#each pics as pic, index}
     <a href={'#' + pic + index} class="w-16 h-16 btn btn-xs flex flex-col">
       <div class="w-10 h-10 flex items-center">