⚡️ 优化深渊页面

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

src/components/userAbyss/tua-detail-title.vue

@@ -62,8 +62,11 @@ const props = defineProps<TuaDetailTitleProps>();
   width: 20px;
   height: 20px;
   padding: 1px;
-  border-radius: 50%;
+  filter: invert(22%) sepia(7%) saturate(1241%) hue-rotate(182deg) brightness(95%) contrast(99%);
-  background: var(--tgc-btn-1);
   object-fit: cover;
 }
+
+.dark .tud-t-val img {
+  filter: none;
+}
 </style>

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)">
+      <div class="ua-tabs">
-        第{{ item.id }}期
+        <v-tab v-for="item in localAbyss" :key="item.id" :value="item.id" @click="toAbyss(item.id)">
-      </v-tab>
+          第{{ 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%;