From aa52a881b24b79e328bf5b24e57417a907c0818c Mon Sep 17 00:00:00 2001
From: aoshisen <aoshisen@fanxiapp.com>
Date: Fri, 6 Feb 2026 11:07:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=83=8C=E6=99=AF=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Card.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/Card.vue b/src/components/Card.vue
index 1e9ee66..7b639cd 100644
--- a/src/components/Card.vue
+++ b/src/components/Card.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useEditorStore } from '@/stores/editor';
 import { useHoverTiltStore } from '@/stores/hoverTilt';
-import {computed, watchEffect} from 'vue';
+import { computed, watchEffect } from 'vue';
 const store = useEditorStore();
 const tilt_store = useHoverTiltStore();
 
@@ -23,7 +23,8 @@ img {
   <!-- 利用这个元素承载 style 穿透到hover-tilt 内 -->
   <div class="container" :style="borderRadiusStyle">
     <hover-tilt v-bind="tilt_store.tiltProps" class="hover-tilt specular-highlight">
-      <img :src="store.formData.image?.src ?? 'https://images.pokemontcg.io/swsh4/25_hires.png'" :style="store.imageStyle" />
+      <img :src="store.formData.image?.src ?? 'https://images.pokemontcg.io/swsh4/25_hires.png'"
+        :style="store.imageStyle" />
     </hover-tilt>
   </div>
 </template>
@@ -32,13 +33,20 @@ img {
 .container {
   .hover-tilt {
 
-    &::part(tilt),
-    &::part(container) {
+    &::part(tilt) {
       &::before {
         border-radius: var(--border-radius, 0px);
         overflow: hidden;
       }
     }
+
+    &::part(container) {
+      &::before {
+        border-radius: var(--border-radius, 0px);
+        overflow: hidden;
+        background-image: none !important;
+      }
+    }
   }
 }
 </style>
\ No newline at end of file