⚡️ 优化深渊页面

*侧边栏添加滚动条
*深渊 star icon清晰度调整

src/pages/User/Abyss.vue

@@ -2,9 +2,11 @@
   <ToLoading v-model="loading" :title="loadingTitle" :subtitle="loadingSub" />
   <div class="ua-box">
     <v-tabs v-model="userTab" direction="vertical" align-tabs="start" class="ua-tab">
-      <v-tab v-for="item in localAbyss" :key="item.id" :value="item.id" @click="toAbyss(item.id)">
-        第{{ item.id }}期
-      </v-tab>
+      <div class="ua-tabs">
+        <v-tab v-for="item in localAbyss" :key="item.id" :value="item.id" @click="toAbyss(item.id)">
+          第{{ item.id }}期
+        </v-tab>
+      </div>
       <div class="ua-tab-bottom">
         <v-btn class="ua-btn" @click="shareAbyss">
           <v-icon>mdi-share</v-icon>
@@ -228,6 +230,12 @@ async function uploadAbyss(): Promise<void> {
   font-family: var(--font-text);
 }
 
+.ua-tabs {
+  max-height: calc(100% - 150px);
+  margin-top: 5px;
+  overflow-y: auto;
+}
+
 /* stylelint-disable selector-class-pattern */
 .ua-tab.v-tabs.v-slide-group--vertical {
   height: 100%;