feat: 移除多个组件的背景颜色以优化样式

src/components/cards/TorrentItem.vue

@@ -194,7 +194,6 @@ onMounted(() => {
 
 .torrent-item {
   padding: 12px;
-  background-color: rgb(var(--v-theme-surface));
   box-shadow: none;
   margin-block-end: 8px;
   transition: background-color 0.2s ease, transform 0.2s ease;

src/components/cards/UserCard.vue

@@ -282,7 +282,6 @@ onUnmounted(() => {
 .user-card {
   position: relative;
   overflow: hidden;
-  background: rgb(var(--v-theme-surface));
   transition: all 0.3s ease;
 }
 
@@ -341,7 +340,6 @@ onUnmounted(() => {
   justify-content: center;
   border: 1px solid rgba(var(--v-theme-warning), 0.5);
   border-radius: 50%;
-  background: rgb(var(--v-theme-surface));
   block-size: 18px;
   inline-size: 18px;
   margin-block: 0;

src/components/dialog/SearchBarDialog.vue

@@ -843,7 +843,6 @@ onMounted(() => {
 .site-search-card {
   border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
   border-radius: 14px;
-  background-color: rgb(var(--v-theme-surface));
 }
 
 .site-chip {

src/layouts/components/ShortcutBar.vue

@@ -389,7 +389,6 @@ onMounted(() => {
   padding: 16px;
   border: 1px solid rgba(var(--v-theme-on-surface), 0.05);
   border-radius: 12px;
-  background-color: rgba(var(--v-theme-surface));
   cursor: pointer;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 

src/layouts/components/UserProfile.vue

@@ -86,7 +86,7 @@ const userLevel = computed(() => userStore.level)
     <VImg :src="avatar" />
 
     <VMenu activator="parent" width="230" location="bottom end" offset="14px" class="user-menu">
-      <VList class="overflow-hidden">
+      <VList class="overflow-hidden pt-0">
         <!-- 👉 User Avatar & Name -->
         <div class="user-profile-header px-2 py-4 mb-2">
           <div class="d-flex align-center">

src/pages/resource.vue

@@ -291,7 +291,6 @@ onUnmounted(() => {
   border: 1px solid rgba(var(--v-theme-primary), 0.1);
   border-radius: 12px;
   backdrop-filter: blur(10px);
-  background-color: rgb(var(--v-theme-surface));
   box-shadow: 0 8px 24px rgba(0, 0, 0, 12%);
   inline-size: 90%;
   max-inline-size: 400px;
@@ -346,7 +345,6 @@ onUnmounted(() => {
 /* 精简标题栏样式 */
 .search-header {
   border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
-  background-color: rgb(var(--v-theme-surface));
   box-shadow: 0 2px 8px rgba(0, 0, 0, 5%);
   padding-block: 12px;
   padding-inline: 16px;
@@ -395,7 +393,6 @@ onUnmounted(() => {
 }
 
 .view-toggle-btn.active {
-  background-color: rgb(var(--v-theme-surface));
   box-shadow: 0 2px 4px rgba(0, 0, 0, 10%);
 }
 

src/styles/styles.scss

@@ -134,7 +134,6 @@ html.v-overlay-scroll-blocked body {
 
 .backdrop-blur {
   --tw-backdrop-blur: blur(8px)!important;
-
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;
 }
 
@@ -262,10 +261,25 @@ html.v-overlay-scroll-blocked body {
   inset: 0;
 }
 
-.v-list-item {
+.v-overlay__content .v-list{
-  margin-block: 2px !important;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
-  margin-inline: 0 !important;
+  -webkit-backdrop-filter: blur(6px);
-  transition: background-color 0.15s ease;
+  backdrop-filter: blur(6px);
+  background-color: rgb(var(--v-theme-surface), 0.9) !important;
+}
+
+.v-overlay__content .v-card:not(.bg-primary){
+  /* stylelint-disable-next-line property-no-vendor-prefix */
+  -webkit-backdrop-filter: blur(8px);
+  backdrop-filter: blur(8px);
+  background-color: rgb(var(--v-theme-surface), 0.95) !important;
+
+  .v-list, .v-table {
+    /* stylelint-disable-next-line property-no-vendor-prefix */
+    -webkit-backdrop-filter: none;
+    backdrop-filter: none;
+    background-color: transparent !important;
+  }
 }
 
 .v-list-item:hover {
@@ -285,20 +299,6 @@ html.v-overlay-scroll-blocked body {
   transition: opacity 0.2s ease !important;
 }
 
-.v-overlay__content .v-list{
-  padding: 0;
-  margin: 0 !important;
-  background-color: rgb(var(--v-theme-surface)) !important;
-}
-
-.v-overlay__content .v-card:not(.bg-primary){
-  background-color: rgb(var(--v-theme-surface)) !important;
-
-  .v-list, .v-table {
-    background-color: transparent !important;
-  }
-}
-
 .v-menu > .v-overlay__content {
   overflow: hidden;
 }

src/views/torrent/TorrentCardListView.vue

@@ -624,7 +624,6 @@ function loadMore({ done }: { done: any }) {
 .view-header {
   overflow: hidden;
   border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
-  background-color: rgb(var(--v-theme-surface));
 }
 
 .sort-container {

src/views/torrent/TorrentRowListView.vue

@@ -615,7 +615,6 @@ function loadMore({ done }: { done: any }) {
 .view-header {
   overflow: hidden;
   border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
-  background-color: rgb(var(--v-theme-surface));
   box-shadow: none;
 }
 
@@ -704,7 +703,6 @@ function loadMore({ done }: { done: any }) {
   padding: 8px;
   border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
   border-radius: 12px;
-  background-color: rgb(var(--v-theme-surface));
 }
 
 .resource-list {