diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index 1089fbca..c652cf57 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -88,11 +88,25 @@
 }
 
 @media (min-width: 640px){
-.slider-title {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-size: 1.5rem;
-    line-height: 2.25rem;
+  .slider-title {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      font-size: 1.5rem;
+      line-height: 2.25rem;
+  }
 }
+
+// 美化滚动条
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+::-webkit-scrollbar-thumb {
+  border-radius: 3px;
+  background: rgb(var(--v-theme-perfect-scrollbar-thumb));
+  -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
+  &:hover{
+    background: #a1a1a1;
+  }
 }