style(YourPuzzleComponent): 调整拼图组件样式

- 固定背景图片大小为 320x189 像素
- 将滑块元素从 div 改为 img，并直接使用 sliderImageUrl 作为 src
- 调整滑块垂直位置，移除多余的减去 2 像素

app/components/YourPuzzleComponent.vue

@@ -2,17 +2,17 @@
   <div class="puzzle-container">
     <div class="puzzle-box" :style="{ height: boxHeight + 'px' }">
       <!-- 背景图 -->
-      <img :src="bgImageUrl" class="bg-image" ref="bgImage" @load="onImageLoad" @error="handleImageError">
+      <img :src="bgImageUrl" style="width: 320px;height: 189px;"  ref="bgImage" @load="onImageLoad" @error="handleImageError">
       <!-- 滑块 -->
-      <div 
+      <img 
         class="slider-block"
+        :src="sliderImageUrl"
         :style="{
-          backgroundImage: `url(${sliderImageUrl})`,
-          top: `${blockY-2}px`,
+          top: `${blockY}px`,
           left: `${moveX}px`,
           visibility: loaded ? 'visible' : 'hidden'
         }"
-      ></div>
+      ></img>
     </div>
     
     <!-- 滑动条 -->