diff --git a/pages/wallpaper/detail.vue b/pages/wallpaper/detail.vue
index 45ce56b..934bf0b 100644
--- a/pages/wallpaper/detail.vue
+++ b/pages/wallpaper/detail.vue
@@ -34,7 +34,7 @@
       <view class="preview-card">
         <view class="preview-badge">PREVIEW</view>
         <image
-          :src="detailData.imageUrl"
+          :src="getThumbUrl(detailData.imageUrl)"
           mode="widthFix"
           class="main-image"
           @tap="previewImage"
@@ -223,11 +223,11 @@ const goToFortune = () => {
 };
 
 const previewImage = () => {
-  // if (detailData.value.imageUrl) {
-  //   uni.previewImage({
-  //     urls: [detailData.value.imageUrl],
-  //   });
-  // }
+  if (detailData.value.imageUrl) {
+    uni.previewImage({
+      urls: [detailData.value.imageUrl],
+    });
+  }
 };
 
 const onRecommendClick = () => {
@@ -450,10 +450,12 @@ const downloadWallpaper = async () => {
   }
 
   .main-image {
-    width: 100%;
+    width: 460rpx;
+    margin: 0 auto;
     border-radius: 12px;
     display: block;
     background-color: #fafafa; // Placeholder color
+    box-shadow: 0 12rpx 32rpx rgba(0, 0, 0, 0.1);
   }
 }