From c43fd88c7c1a2abf57a8981029d843bf6157df59 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Tue, 22 Apr 2025 09:47:00 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=A4=9A=E4=B8=AA=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=9A=84=E6=A0=B7=E5=BC=8F=EF=BC=9A=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E5=86=97=E4=BD=99=E7=9A=84=E9=98=B4=E5=BD=B1=E6=95=88=E6=9E=9C?=
 =?UTF-8?q?=EF=BC=8C=E8=B0=83=E6=95=B4=E7=B1=BB=E5=90=8D=E4=BB=A5=E6=8F=90?=
 =?UTF-8?q?=E5=8D=87=E8=A7=86=E8=A7=89=E6=95=88=E6=9E=9C=EF=BC=8C=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E6=A0=B7=E5=BC=8F=E4=BB=A5=E7=A1=AE=E4=BF=9D=E4=B8=80?=
 =?UTF-8?q?=E8=87=B4=E6=80=A7=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/@core/components/ExistIcon.vue               | 15 +++++++--------
 src/@core/components/StatIcon.vue                |  4 ++--
 src/components/cards/BackdropCard.vue            |  2 +-
 src/components/cards/LibraryCard.vue             |  2 +-
 src/components/cards/MediaCard.vue               |  6 +++---
 src/components/cards/MessageCard.vue             |  1 -
 src/components/cards/PersonCard.vue              | 14 +++++++++++---
 src/components/cards/PluginAppCard.vue           |  4 +---
 src/components/cards/PluginCard.vue              |  3 +--
 src/components/cards/PosterCard.vue              |  6 +++---
 src/components/cards/SubscribeCard.vue           |  7 ++-----
 src/components/cards/SubscribeShareCard.vue      |  4 ++--
 src/components/dialog/AliyunAuthDialog.vue       |  2 +-
 src/components/dialog/SubscribeHistoryDialog.vue |  2 +-
 src/components/dialog/SubscribeSeasonDialog.vue  |  2 +-
 src/components/dialog/U115AuthDialog.vue         |  2 +-
 src/components/filebrowser/FileList.vue          |  2 +-
 src/components/misc/MediaIdSelector.vue          |  2 +-
 src/styles/styles.scss                           | 10 ++++++++--
 src/views/setting/AccountSettingAbout.vue        |  2 +-
 src/views/subscribe/FullCalendarView.vue         |  4 ++--
 21 files changed, 51 insertions(+), 45 deletions(-)

diff --git a/src/@core/components/ExistIcon.vue b/src/@core/components/ExistIcon.vue
index 20d7d6df..8deea42e 100644
--- a/src/@core/components/ExistIcon.vue
+++ b/src/@core/components/ExistIcon.vue
@@ -1,14 +1,13 @@
 <template>
   <div class="absolute top-0 right-0 flex items-center justify-between p-2">
     <div class="pointer-events-none z-40 flex items-center">
-      <div class="relative inline-flex whitespace-nowrap rounded-full border-gray-700 font-semibold leading-5 ring-gray-700">
-        <div class="rounded-full bg-opacity-80 shadow-md w-5 border p-0 bg-green-500 border-green-400 ring-green-400 text-green-100">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 20 20"
-            fill="currentColor"
-            aria-hidden="true"
-          >
+      <div
+        class="relative inline-flex whitespace-nowrap rounded-full border-gray-700 font-semibold leading-5 ring-gray-700"
+      >
+        <div
+          class="rounded-full bg-opacity-80 w-5 border p-0 bg-green-500 border-green-400 ring-green-400 text-green-100"
+        >
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
             <path
               fill-rule="evenodd"
               d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
diff --git a/src/@core/components/StatIcon.vue b/src/@core/components/StatIcon.vue
index e5c82df3..4c8cdbbc 100644
--- a/src/@core/components/StatIcon.vue
+++ b/src/@core/components/StatIcon.vue
@@ -8,9 +8,9 @@ const props = defineProps<Props>()
 </script>
 
 <template>
-  <div class="absolute top-2 right-2 flex items-center justify-between p-2 shadow">
+  <div class="absolute top-2 right-2 flex items-center justify-between p-2">
     <VBadge :color="props.color" bordered>
-      <template #badge>          
+      <template #badge>
         <VIcon icon="mdi-pulse"></VIcon>
       </template>
     </VBadge>
diff --git a/src/components/cards/BackdropCard.vue b/src/components/cards/BackdropCard.vue
index 5628c8b4..b7de16dc 100644
--- a/src/components/cards/BackdropCard.vue
+++ b/src/components/cards/BackdropCard.vue
@@ -37,7 +37,7 @@ const getImgUrl = computed(() => {
         :width="props.width"
         class="ring-gray-500"
         :class="{
-          'transition transform-cpu duration-300 -translate-y-1 shadow-lg': hover.isHovering,
+          'transition transform-cpu duration-300 -translate-y-1': hover.isHovering,
           'ring-1': imageLoaded,
         }"
         @click="goPlay"
diff --git a/src/components/cards/LibraryCard.vue b/src/components/cards/LibraryCard.vue
index d4895fc5..8b0c7df8 100644
--- a/src/components/cards/LibraryCard.vue
+++ b/src/components/cards/LibraryCard.vue
@@ -158,7 +158,7 @@ onMounted(async () => {
         :height="props.height"
         :width="props.width"
         :class="{
-          'transition transform-cpu duration-300 -translate-y-1 shadow-lg': hover.isHovering,
+          'transition transform-cpu duration-300 -translate-y-1': hover.isHovering,
         }"
         @click="goPlay"
       >
diff --git a/src/components/cards/MediaCard.vue b/src/components/cards/MediaCard.vue
index bb02ca12..a9c5a62a 100644
--- a/src/components/cards/MediaCard.vue
+++ b/src/components/cards/MediaCard.vue
@@ -429,7 +429,7 @@ function onRemoveSubscribe() {
           v-bind="hover.props"
           :height="props.height"
           :width="props.width"
-          class="outline-none shadow ring-gray-500 media-card"
+          class="outline-none ring-gray-500 media-card"
           :class="{
             'transition transform-cpu duration-300  -translate-y-1': hover.isHovering,
             'ring-1': isImageLoaded,
@@ -476,7 +476,7 @@ function onRemoveSubscribe() {
             variant="elevated"
             size="small"
             :class="getChipColor(props.media?.type || '')"
-            class="absolute left-2 top-2 bg-opacity-80 shadow-md text-white font-bold"
+            class="absolute left-2 top-2 bg-opacity-80 text-white font-bold"
           >
             {{ props.media?.type }}
           </VChip>
@@ -488,7 +488,7 @@ function onRemoveSubscribe() {
             variant="elevated"
             size="small"
             :class="getChipColor('rating')"
-            class="absolute right-2 top-2 bg-opacity-80 shadow-md text-white font-bold"
+            class="absolute right-2 top-2 bg-opacity-80 text-white font-bold"
           >
             {{ formatRating(props.media?.vote_average) }}
           </VChip>
diff --git a/src/components/cards/MessageCard.vue b/src/components/cards/MessageCard.vue
index e03d7b88..5899a2b8 100644
--- a/src/components/cards/MessageCard.vue
+++ b/src/components/cards/MessageCard.vue
@@ -53,7 +53,6 @@ function replaceNewLine(value: string) {
         aspect-ratio="3/2"
         cover
         position="top"
-        :class="{ shadow: isImageLoaded }"
         @load="imageLoaded"
         @error="imageLoadError = true"
       />
diff --git a/src/components/cards/PersonCard.vue b/src/components/cards/PersonCard.vue
index 71d41c1e..391582b6 100644
--- a/src/components/cards/PersonCard.vue
+++ b/src/components/cards/PersonCard.vue
@@ -83,7 +83,7 @@ function goPersonDetail() {
         @click.stop="goPersonDetail"
       >
         <div
-          class="person-card relative transform-gpu cursor-pointer rounded shadow transition duration-150 ease-in-out scale-100 ring-gray-700"
+          class="person-card relative transform-gpu cursor-pointer rounded transition duration-150 ease-in-out scale-100 ring-gray-700"
         >
           <div style="padding-block-end: 150%">
             <div class="absolute inset-0 flex h-full w-full flex-col items-center p-2">
@@ -117,10 +117,18 @@ function goPersonDetail() {
 
 <style lang="scss" scoped>
 .person-card {
-  background-image: linear-gradient(45deg, rgb(var(--v-theme-background)), rgb(var(--v-theme-surface)) 60%);
+  background-image: linear-gradient(
+    45deg,
+    rgb工(var(--v-theme-background), 0.3),
+    rgba(var(--v-theme-surface), 0.3) 60%
+  );
 }
 
 .person-card:hover {
-  background-image: linear-gradient(45deg, rgb(var(--v-theme-background)), rgb(var(--v-custom-background)) 60%);
+  background-image: linear-gradient(
+    45deg,
+    rgba(var(--v-theme-background), 0.3),
+    rgba(var(--v-custom-background), 0.3) 60%
+  );
 }
 </style>
diff --git a/src/components/cards/PluginAppCard.vue b/src/components/cards/PluginAppCard.vue
index 26e3db3f..fbf878fa 100644
--- a/src/components/cards/PluginAppCard.vue
+++ b/src/components/cards/PluginAppCard.vue
@@ -156,7 +156,7 @@ const dropdownItems = ref([
           @click="detailDialog = true"
           class="flex flex-col h-full"
           :class="{
-            'transition transform-cpu duration-300 -translate-y-1 shadow-lg': hover.isHovering,
+            'transition transform-cpu duration-300 -translate-y-1': hover.isHovering,
           }"
         >
           <div
@@ -185,7 +185,6 @@ const dropdownItems = ref([
                   :src="iconPath"
                   aspect-ratio="4/3"
                   cover
-                  :class="{ shadow: isImageLoaded }"
                   @load="imageLoaded"
                   @error="imageLoadError = true"
                 />
@@ -246,7 +245,6 @@ const dropdownItems = ref([
                     :src="iconPath"
                     aspect-ratio="4/3"
                     cover
-                    :class="{ shadow: isImageLoaded }"
                     @load="imageLoaded"
                     @error="imageLoadError = true"
                   />
diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index 08eece3a..788f6ce6 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -336,7 +336,7 @@ watch(
           @click="openPluginDetail"
           class="flex flex-col h-full"
           :class="{
-            'transition transform-cpu duration-300 -translate-y-1 shadow-lg': hover.isHovering,
+            'transition transform-cpu duration-300 -translate-y-1': hover.isHovering,
           }"
         >
           <div
@@ -364,7 +364,6 @@ watch(
                   :src="iconPath"
                   aspect-ratio="4/3"
                   cover
-                  :class="{ shadow: isImageLoaded }"
                   @load="imageLoaded"
                   @error="imageLoadError = true"
                 />
diff --git a/src/components/cards/PosterCard.vue b/src/components/cards/PosterCard.vue
index dafc9ec3..dda87802 100644
--- a/src/components/cards/PosterCard.vue
+++ b/src/components/cards/PosterCard.vue
@@ -43,9 +43,9 @@ function goPlay(isHovering: boolean | null = false) {
         v-bind="hover.props"
         :height="props.height"
         :width="props.width"
-        class="outline-none shadow ring-gray-500"
+        class="outline-none ring-gray-500"
         :class="{
-          'transition transform-cpu duration-300 -translate-y-1 shadow-lg': hover.isHovering,
+          'transition transform-cpu duration-300 -translate-y-1': hover.isHovering,
           'ring-1': isImageLoaded,
         }"
       >
@@ -69,7 +69,7 @@ function goPlay(isHovering: boolean | null = false) {
           variant="elevated"
           size="small"
           :class="getChipColor(props.media?.type || '')"
-          class="absolute left-2 top-2 bg-opacity-80 shadow-md text-white font-bold"
+          class="absolute left-2 top-2 bg-opacity-80 text-white font-bold"
         >
           {{ props.media?.type }}
         </VChip>
diff --git a/src/components/cards/SubscribeCard.vue b/src/components/cards/SubscribeCard.vue
index d1a9d9ad..43ab4f22 100644
--- a/src/components/cards/SubscribeCard.vue
+++ b/src/components/cards/SubscribeCard.vue
@@ -298,7 +298,7 @@ function onSubscribeEditRemove() {
           class="flex flex-col h-full"
           :class="{
             'outline-dashed outline-1': props.media?.best_version && imageLoaded,
-            'transition transform-cpu duration-300 -translate-y-1 shadow-lg': hover.isHovering,
+            'transition transform-cpu duration-300 -translate-y-1': hover.isHovering,
             'opacity-70': subscribeState === 'S',
           }"
           min-height="170"
@@ -335,10 +335,7 @@ function onSubscribeEditRemove() {
           </template>
           <div>
             <VCardText class="flex items-center py-3">
-              <div
-                class="h-auto w-16 flex-shrink-0 overflow-hidden rounded-md shadow-lg cursor-move"
-                v-if="imageLoaded"
-              >
+              <div class="h-auto w-16 flex-shrink-0 overflow-hidden rounded-md cursor-move" v-if="imageLoaded">
                 <VImg :src="posterUrl" aspect-ratio="2/3" cover>
                   <template #placeholder>
                     <div class="w-full h-full">
diff --git a/src/components/cards/SubscribeShareCard.vue b/src/components/cards/SubscribeShareCard.vue
index 14da2c67..79ac0778 100644
--- a/src/components/cards/SubscribeShareCard.vue
+++ b/src/components/cards/SubscribeShareCard.vue
@@ -102,7 +102,7 @@ function doDelete() {
           :key="props.media?.id"
           class="flex flex-col h-full"
           :class="{
-            'transition transform-cpu duration-300 -translate-y-1 shadow-lg': hover.isHovering,
+            'transition transform-cpu duration-300 -translate-y-1': hover.isHovering,
           }"
           min-height="170"
           @click="showForkSubscribe"
@@ -119,7 +119,7 @@ function doDelete() {
           </template>
           <div class="h-full flex flex-col">
             <VCardText class="flex items-center pb-1 grow">
-              <div class="h-auto w-12 flex-shrink-0 overflow-hidden rounded-md shadow-lg" v-if="imageLoaded">
+              <div class="h-auto w-12 flex-shrink-0 overflow-hidden rounded-md" v-if="imageLoaded">
                 <VImg :src="posterUrl" aspect-ratio="2/3" cover @click.stop="viewMediaDetail">
                   <template #placeholder>
                     <div class="w-full h-full">
diff --git a/src/components/dialog/AliyunAuthDialog.vue b/src/components/dialog/AliyunAuthDialog.vue
index cbfca6ee..56cc6fbb 100644
--- a/src/components/dialog/AliyunAuthDialog.vue
+++ b/src/components/dialog/AliyunAuthDialog.vue
@@ -88,7 +88,7 @@ onUnmounted(() => {
     <VCard title="阿里云盘登录" class="rounded-t">
       <VDialogCloseBtn @click="emit('close')" />
       <VCardText class="pt-2 flex flex-col items-center">
-        <div class="my-6 shadow-lg rounded text-center p-3 border">
+        <div class="my-6 rounded text-center p-3 border">
           <VImg class="mx-auto" :src="qrCodeUrl" width="200" height="200">
             <template #placeholder>
               <div class="w-full h-full">
diff --git a/src/components/dialog/SubscribeHistoryDialog.vue b/src/components/dialog/SubscribeHistoryDialog.vue
index d14c6233..988acd79 100644
--- a/src/components/dialog/SubscribeHistoryDialog.vue
+++ b/src/components/dialog/SubscribeHistoryDialog.vue
@@ -154,7 +154,7 @@ const dropdownItems = ref([
                     width="50"
                     :src="item.poster"
                     aspect-ratio="2/3"
-                    class="object-cover rounded shadow ring-gray-500 me-3"
+                    class="object-cover rounded ring-gray-500 me-3"
                     cover
                   >
                     <template #placeholder>
diff --git a/src/components/dialog/SubscribeSeasonDialog.vue b/src/components/dialog/SubscribeSeasonDialog.vue
index db6e9a9d..85ae70b4 100644
--- a/src/components/dialog/SubscribeSeasonDialog.vue
+++ b/src/components/dialog/SubscribeSeasonDialog.vue
@@ -212,7 +212,7 @@ onMounted(async () => {
                   width="60"
                   :src="getSeasonPoster(item.poster_path || '')"
                   aspect-ratio="2/3"
-                  class="object-cover rounded shadow ring-gray-500 me-3"
+                  class="object-cover rounded ring-gray-500 me-3"
                   cover
                 >
                   <template #placeholder>
diff --git a/src/components/dialog/U115AuthDialog.vue b/src/components/dialog/U115AuthDialog.vue
index bd592c3b..31bf838e 100644
--- a/src/components/dialog/U115AuthDialog.vue
+++ b/src/components/dialog/U115AuthDialog.vue
@@ -95,7 +95,7 @@ onUnmounted(() => {
     <VCard title="115网盘登录" class="rounded-t">
       <VDialogCloseBtn @click="emit('close')" />
       <VCardText class="pt-2 flex flex-col items-center">
-        <div class="my-6 shadow-lg rounded text-center p-3 border">
+        <div class="my-6 rounded text-center p-3 border">
           <QrcodeVue class="mx-auto" :value="qrCodeContent" :size="200" />
         </div>
         <VAlert variant="tonal" :type="alertType" class="my-4 text-center" :text="text">
diff --git a/src/components/filebrowser/FileList.vue b/src/components/filebrowser/FileList.vue
index fccff49d..cc33021d 100644
--- a/src/components/filebrowser/FileList.vue
+++ b/src/components/filebrowser/FileList.vue
@@ -598,7 +598,7 @@ onMounted(() => {
     <!-- 文件详情 -->
     <VCardText v-else-if="isFile && !isImage && items.length > 0" class="text-center break-all">
       <div v-if="items[0]?.thumbnail" class="flex justify-center">
-        <VImg max-width="15rem" cover :src="items[0]?.thumbnail" class="rounded border shadow-lg">
+        <VImg max-width="15rem" cover :src="items[0]?.thumbnail" class="rounded border">
           <template #placeholder>
             <VSkeletonLoader class="object-cover w-full h-full" />
           </template>
diff --git a/src/components/misc/MediaIdSelector.vue b/src/components/misc/MediaIdSelector.vue
index b98cc338..bf5f7cda 100644
--- a/src/components/misc/MediaIdSelector.vue
+++ b/src/components/misc/MediaIdSelector.vue
@@ -120,7 +120,7 @@ onMounted(() => {
               width="50"
               :src="item.poster"
               aspect-ratio="2/3"
-              class="object-cover rounded shadow ring-gray-500 me-3"
+              class="object-cover rounded ring-gray-500 me-3"
               cover
             >
               <template #placeholder>
diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index 302481d0..c05f5284 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -395,16 +395,22 @@ html.v-overlay-scroll-blocked {
     background-color: rgba(var(--v-theme-surface), 0.3);
   }
 
+  // 选中标签样式
   .v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-primary {
     background-color: rgba(var(--v-theme-primary), 0.7) !important;
   }
+
+  // 加载占位
+  .v-skeleton-loader {
+    background-color: rgba(var(--v-theme-surface), 0.3);
+  }
 }
 
 // 透明主题下的弹出窗口样式
 html[data-theme="transparent"] {
-  .v-overlay__content {
-    backdrop-filter: blur(10px) !important;    
+  .v-overlay__content {    
     border-radius: 12px !important;
+    backdrop-filter: blur(10px) !important;
 
     .v-list {
       backdrop-filter: blur(10px);
diff --git a/src/views/setting/AccountSettingAbout.vue b/src/views/setting/AccountSettingAbout.vue
index fbad667c..c07d0968 100644
--- a/src/views/setting/AccountSettingAbout.vue
+++ b/src/views/setting/AccountSettingAbout.vue
@@ -221,7 +221,7 @@ onMounted(() => {
             <div
               v-for="release in allRelease"
               :key="release.tag_name"
-              class="mb-3 flex w-full flex-col space-y-3 rounded-md px-4 py-2 shadow-md ring-1 ring-gray-400 sm:flex-row sm:space-y-0 sm:space-x-3"
+              class="mb-3 flex w-full flex-col space-y-3 rounded-md px-4 py-2 ring-1 ring-gray-400 sm:flex-row sm:space-y-0 sm:space-x-3"
             >
               <div class="flex w-full flex-grow items-center justify-start space-x-2 truncate sm:justify-start">
                 <span class="truncate text-lg font-bold">
diff --git a/src/views/subscribe/FullCalendarView.vue b/src/views/subscribe/FullCalendarView.vue
index 09eb4097..30cabcfb 100644
--- a/src/views/subscribe/FullCalendarView.vue
+++ b/src/views/subscribe/FullCalendarView.vue
@@ -145,7 +145,7 @@ onActivated(() => {
                 width="50"
                 :src="arg.event.extendedProps.posterPath"
                 aspect-ratio="2/3"
-                class="object-cover rounded shadow ring-gray-500"
+                class="object-cover rounded ring-gray-500"
                 cover
               >
                 <template #placeholder>
@@ -175,7 +175,7 @@ onActivated(() => {
               :src="arg.event.extendedProps.posterPath"
               v-bind="props"
               aspect-ratio="2/3"
-              class="object-cover rounded shadow ring-gray-500"
+              class="object-cover rounded ring-gray-500"
               cover
             >
               <template #placeholder>