优化 SubscribeCard 和 SubscribeShareCard 组件的结构

src/components/cards/SubscribeCard.vue

@@ -296,20 +296,26 @@ function onSubscribeEditRemove() {
   <div>
     <VHover>
       <template #default="hover">
+        <div
+          class="w-full h-full rounded-lg overflow-hidden"
+          :class="{
+            'transition transform-cpu duration-300 -translate-y-1': hover.isHovering,
+            'outline-dashed outline-1': props.media?.best_version && imageLoaded,
+          }"
+        >
           <VCard
             v-bind="hover.props"
             :key="props.media?.id"
             class="flex flex-col h-full"
             :class="{
-            'outline-dashed outline-1': props.media?.best_version && imageLoaded,
-            'transition transform-cpu duration-300 -translate-y-1': hover.isHovering,
               'opacity-70': subscribeState === 'S',
             }"
+            rounded="0"
             min-height="170"
             @click="editSubscribeDialog"
             :ripple="false"
           >
-          <div class="me-n3 absolute top-1 right-2">
+            <div class="me-n3 absolute top-1 right-4">
               <IconBtn>
                 <VIcon icon="mdi-dots-vertical" color="white" />
                 <VMenu activator="parent" close-on-content-click>
@@ -333,9 +339,12 @@ function onSubscribeEditRemove() {
                     <VSkeletonLoader class="object-cover aspect-w-3 aspect-h-2" />
                   </div>
                 </template>
-              <div class="absolute inset-0 subscribe-card-background"></div>
+                <div class="absolute inset-0 outline-none subscribe-card-background"></div>
               </VImg>
-            <div v-if="subscribeState === 'P'" class="absolute inset-0 bg-yellow-900 opacity-80 pointer-events-none" />
+              <div
+                v-if="subscribeState === 'P'"
+                class="absolute inset-0 bg-yellow-900 opacity-80 pointer-events-none"
+              />
             </template>
             <div>
               <VCardText class="flex items-center py-3">
@@ -389,6 +398,7 @@ function onSubscribeEditRemove() {
               </div>
             </div>
           </VCard>
+        </div>
       </template>
     </VHover>
     <!-- 订阅编辑弹窗 -->

src/components/cards/SubscribeShareCard.vue

@@ -97,13 +97,17 @@ function doDelete() {
   <div class="h-full">
     <VHover>
       <template #default="hover">
+        <div
+          class="w-full h-full rounded-lg overflow-hidden"
+          :class="{
+            'transition transform-cpu duration-300 -translate-y-1': hover.isHovering,
+          }"
+        >
           <VCard
             v-bind="hover.props"
             :key="props.media?.id"
             class="flex flex-col h-full"
-          :class="{
+            rounded="0"
-            'transition transform-cpu duration-300 -translate-y-1': hover.isHovering,
-          }"
             min-height="170"
             @click="showForkSubscribe"
           >
@@ -155,6 +159,7 @@ function doDelete() {
               </VCardText>
             </div>
           </VCard>
+        </div>
       </template>
     </VHover>
     <!-- 订阅编辑弹窗 -->