feat:服务模版 抽离

src/styles/main.scss

@@ -147,4 +147,40 @@ body {
   .stat-value {
     @apply text-2xl font-semibold mt-2;
   }
-}
+}
+/* 滚动条基础样式 */
+::-webkit-scrollbar {
+  width: 8px;  /* 垂直滚动条宽度 */
+  height: 8px; /* 水平滚动条高度 */
+}
+
+/* 亮色模式滚动条样式 */
+::-webkit-scrollbar-track {
+  @apply bg-gray-100;  /* 轨道背景色 */
+}
+
+::-webkit-scrollbar-thumb {
+  @apply bg-gray-300 rounded-full hover:bg-gray-400 transition-colors;  /* 滑块样式 */
+}
+
+/* 暗色模式滚动条样式 */
+.dark {
+  ::-webkit-scrollbar-track {
+    @apply bg-gray-800;  /* 暗色模式轨道背景 */
+  }
+
+  ::-webkit-scrollbar-thumb {
+    @apply bg-gray-600 hover:bg-gray-500;  /* 暗色模式滑块样式 */
+  }
+}
+
+/* Firefox 滚动条样式 */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: theme('colors.gray.300') theme('colors.gray.100');
+}
+
+.dark * {
+  scrollbar-color: theme('colors.gray.600') theme('colors.gray.800');
+}
+