diff --git a/backend/services/notificationService/service/notification_service.go b/backend/services/notificationService/service/notification_service.go
index afc86cb..18cb3f4 100644
--- a/backend/services/notificationService/service/notification_service.go
+++ b/backend/services/notificationService/service/notification_service.go
@@ -51,24 +51,33 @@ var allowedTypes = map[string]struct{}{
 
 // NotificationService 通知服务业务层。
 type NotificationService struct {
-	db        *gorm.DB
-	notifRepo *repository.NotificationRepository
-	statsRepo *repository.NotificationStatsRepository
-	device    *UserDeviceService // 用于推送时拉取用户活跃 cid;若 nil 则跳过推送
-	pusher    push.Pusher        // 推送客户端;若 nil 则跳过推送
+	db          *gorm.DB
+	notifRepo   *repository.NotificationRepository
+	statsRepo   *repository.NotificationStatsRepository
+	device      *UserDeviceService // 用于推送时拉取用户活跃 cid;若 nil 则跳过推送
+	pusher      push.Pusher        // 推送客户端;若 nil 则跳过推送
+	rateLimiter *push.RateLimiter  // P1-3:推送节流器,按 (user, star, type) 60s 滑窗,>1 改 summary 标题
 }
 
 // NewNotificationService 创建 NotificationService。
 //
 // 参数 device 与 pusher 用于在 CreateNotification 成功后触发手机通知栏推送;
 // 若任一为 nil,则不会触发推送(便于测试 / 关闭推送功能)。
+//
+// P1-3 修复:rateLimiter 在 NewNotificationService 中初始化,pusher 为 nil 时不创建
+// (避免占用内存)。triggerPush 内部仍需 nil 检查,避免 panic。
 func NewNotificationService(db *gorm.DB, device *UserDeviceService, pusher push.Pusher) *NotificationService {
+	var rl *push.RateLimiter
+	if pusher != nil {
+		rl = push.NewRateLimiter(60000)
+	}
 	return &NotificationService{
-		db:        db,
-		notifRepo: repository.NewNotificationRepository(db),
-		statsRepo: repository.NewNotificationStatsRepository(db),
-		device:    device,
-		pusher:    pusher,
+		db:          db,
+		notifRepo:   repository.NewNotificationRepository(db),
+		statsRepo:   repository.NewNotificationStatsRepository(db),
+		device:      device,
+		pusher:      pusher,
+		rateLimiter: rl,
 	}
 }
 
@@ -260,9 +269,22 @@ func (s *NotificationService) triggerPush(n *model.Notification) {
 	go func() {
 		cctx, cancel := context.WithTimeout(context.Background(), 5*time.Second)
 		defer cancel()
+
+		// P1-3 fix:节流后再发送——60s 滑窗内同一 (user, star, type) 多条推送,
+		// 首条走原 title,后续合并为 "您有 N 条新<type中文>" summary。
+		// 注意只改 Title,不覆盖 Content(Content 是具体业务文案,客户端要展示)。
+		title := n.Title
+		if s.rateLimiter != nil {
+			key := fmt.Sprintf("%d:%d:%s", n.UserID, n.StarID, n.Type)
+			mode, count := s.rateLimiter.Allow(key)
+			if mode == "summary" && count > 1 {
+				title = fmt.Sprintf("您有 %d 条新%s", count, push.TypeChinese(n.Type))
+			}
+		}
+
 		if err := s.pusher.Send(cctx, push.Payload{
 			CIDs:    cids,
-			Title:   n.Title,
+			Title:   title,
 			Content: n.Content,
 			Data:    data,
 		}); err != nil {
diff --git a/frontend/App.vue b/frontend/App.vue
index 252ed9a..8574638 100644
--- a/frontend/App.vue
+++ b/frontend/App.vue
@@ -13,7 +13,9 @@ import { clearAllSandboxTmpFiles } from '@/utils/ioPath.js'
 // 记录上次隐藏时间的 storage key
 const HIDE_TIME_KEY = "app_last_hide_time";
 
-// 推送事件去抖:同 type 在 PUSH_DEBOUNCE_MS 毫秒内只处理一次(避免系统重投/重复抵达)
+// 推送事件去抖:同 (type, notification_id) 在 PUSH_DEBOUNCE_MS 毫秒内只处理一次
+// (避免系统重投/重复抵达)—— P1-4 修复:之前 keyed-by-type 导致
+// "不同 nid 的同 type 推送"被丢弃,现在按 (type, nid) 区分。
 const PUSH_DEBOUNCE_MS = 10000;
 const recentByType = {};
 
@@ -320,13 +322,16 @@ export default {
             const envelope = payloadStr ? JSON.parse(payloadStr) : {};
             const payload = envelope?.data || data || {};
             const t = payload.type;
+            const nid = payload.notification_id || "";
+            const debounceKey = `${t}:${nid}`;
             const now = Date.now();
-            // V1.2.7 10s 同 type 去抖,避免系统重投导致重复 dispatch
-            if (t && recentByType[t] && now - recentByType[t] < PUSH_DEBOUNCE_MS) {
-              console.log("[push] debounce skip", t);
+            // 10s 同 (type, notification_id) 去抖,避免系统重投导致重复 dispatch
+            // (P1-4:原 key=type 会丢不同的 nid,改为组合 key)
+            if (debounceKey && recentByType[debounceKey] && now - recentByType[debounceKey] < PUSH_DEBOUNCE_MS) {
+              console.log("[push] debounce skip", debounceKey);
               return;
             }
-            if (t) recentByType[t] = now;
+            if (debounceKey) recentByType[debounceKey] = now;
             // 派发到 mailbox store:更新未读计数 + (若在站内信页)PREPEND_ITEM
             this.$store.dispatch("mailbox/applyPushPayload", {
               data: payload,
diff --git a/frontend/manifest.json b/frontend/manifest.json
index 7dfa079..b29ba6b 100644
--- a/frontend/manifest.json
+++ b/frontend/manifest.json
@@ -32,7 +32,7 @@
         "distribute" : {
             /* android打包配置 */
             "android" : {
-				"packagename" : "online.topfans.app",
+                "packagename" : "online.topfans.app",
                 "permissions" : [
                     "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
                     "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
diff --git a/frontend/pages/castlove/lenticular/lenticular-create.vue b/frontend/pages/castlove/lenticular/lenticular-create.vue
index 19d3995..8323c7e 100644
--- a/frontend/pages/castlove/lenticular/lenticular-create.vue
+++ b/frontend/pages/castlove/lenticular/lenticular-create.vue
@@ -1,126 +1,171 @@
 <template>
-	<view class="page-container">
+  <view class="page-container">
+    <!-- 背景图片 -->
+    <image
+      class="background-image"
+      src="/static/background/starbook.jpg"
+      mode="aspectFill"
+    ></image>
 
-		<!-- 背景图片 -->
-		<image class="background-image" src="/static/background/starbook.jpg" mode="aspectFill"></image>
+    <!-- 主内容区域 -->
+    <scroll-view
+      class="content-wrapper"
+      scroll-y="true"
+      :show-scrollbar="false"
+      :enhanced="scrollEnhanced"
+    >
+      <!-- 光栅卡：必须分别上传背景 + 主体 -->
+      <view v-if="isLenticularCraft" class="upload-section">
+        <view class="lenticular-upload-row">
+          <view class="upload-box upload-box--half" @click="chooseLenticularBg">
+            <image
+              v-if="uploadedBg"
+              class="uploaded-image"
+              :src="uploadedBg"
+              mode="aspectFit"
+            ></image>
+            <view v-else class="upload-placeholder">
+              <image
+                class="upload-icon"
+                src="/static/icon/add.png"
+                mode="aspectFit"
+              ></image>
+              <text class="upload-text">背景图</text>
+            </view>
+          </view>
+          <view
+            class="upload-box upload-box--half"
+            @click="chooseLenticularSubject"
+          >
+            <image
+              v-if="uploadedSubject"
+              class="uploaded-image"
+              :src="uploadedSubject"
+              mode="aspectFit"
+            >
+            </image>
+            <view v-else class="upload-placeholder">
+              <image
+                class="upload-icon"
+                src="/static/icon/add.png"
+                mode="aspectFit"
+              ></image>
+              <text class="upload-text">主体图</text>
+            </view>
+          </view>
+        </view>
+        <view class="upload-hint">请各上传一张：JPG / PNG，单张不超过 2MB</view>
+      </view>
 
-		<!-- 主内容区域 -->
-		<scroll-view
-			class="content-wrapper"
-			scroll-y="true"
-			:show-scrollbar="false"
-			:enhanced="scrollEnhanced"
-		>
-			<!-- 光栅卡：必须分别上传背景 + 主体 -->
-			<view v-if="isLenticularCraft" class="upload-section">
-				<view class="lenticular-upload-row">
-					<view class="upload-box upload-box--half" @click="chooseLenticularBg">
-						<image v-if="uploadedBg" class="uploaded-image" :src="uploadedBg" mode="aspectFit"></image>
-						<view v-else class="upload-placeholder">
-							<image class="upload-icon" src="/static/icon/add.png" mode="aspectFit"></image>
-							<text class="upload-text">背景图</text>
-						</view>
-					</view>
-					<view class="upload-box upload-box--half" @click="chooseLenticularSubject">
-						<image v-if="uploadedSubject" class="uploaded-image" :src="uploadedSubject" mode="aspectFit"></image>
-						<view v-else class="upload-placeholder">
-							<image class="upload-icon" src="/static/icon/add.png" mode="aspectFit"></image>
-							<text class="upload-text">主体图</text>
-						</view>
-					</view>
-				</view>
-				<view class="upload-hint">请各上传一张：JPG / PNG，单张不超过 2MB</view>
-			</view>
+      <!-- 表单区域 -->
+      <view class="form-section">
+        <!-- 素材类型选择器 -->
+        <view class="form-item form-item-picker">
+          <text class="form-label">素材类型</text>
+          <view class="custom-picker">
+            <view class="picker-display" @click="toggleMaterialTypePicker">
+              <text class="picker-text">{{
+                materialTypes[materialTypeIndex]
+              }}</text>
+              <text
+                class="picker-arrow"
+                :class="{ 'picker-arrow-up': showMaterialTypePicker }"
+                >›</text
+              >
+            </view>
+            <view v-if="showMaterialTypePicker" class="picker-options">
+              <view
+                v-for="(type, index) in materialTypes"
+                :key="index"
+                class="picker-option"
+                :class="{ 'picker-option-active': materialTypeIndex === index }"
+                @click.stop="selectMaterialType(index)"
+              >
+                <text class="picker-option-text">{{ type }}</text>
+                <text
+                  v-if="materialTypeIndex === index"
+                  class="picker-option-check"
+                  >✓</text
+                >
+              </view>
+            </view>
+          </view>
+        </view>
 
-			<!-- 表单区域 -->
-			<view class="form-section">
-				<!-- 素材类型选择器 -->
-				<view class="form-item form-item-picker">
-					<text class="form-label">素材类型</text>
-					<view class="custom-picker">
-						<view class="picker-display" @click="toggleMaterialTypePicker">
-							<text class="picker-text">{{ materialTypes[materialTypeIndex] }}</text>
-							<text class="picker-arrow" :class="{ 'picker-arrow-up': showMaterialTypePicker }">›</text>
-						</view>
-						<view v-if="showMaterialTypePicker" class="picker-options">
-							<view v-for="(type, index) in materialTypes" :key="index" class="picker-option"
-								:class="{ 'picker-option-active': materialTypeIndex === index }"
-								@click.stop="selectMaterialType(index)">
-								<text class="picker-option-text">{{ type }}</text>
-								<text v-if="materialTypeIndex === index" class="picker-option-check">✓</text>
-							</view>
-						</view>
-					</view>
-				</view>
+        <!-- 藏品信息 -->
+        <view class="form-item">
+          <text class="form-label">藏品信息</text>
+          <textarea
+            class="form-textarea"
+            v-model="nftInfo"
+            placeholder="请输入藏品相关信息"
+            placeholder-class="textarea-placeholder"
+            maxlength="500"
+            auto-height
+            :show-confirm-bar="false"
+          />
+        </view>
+      </view>
 
-				<!-- 藏品信息 -->
-				<view class="form-item">
-					<text class="form-label">藏品信息</text>
-					<textarea class="form-textarea" v-model="nftInfo" placeholder="请输入藏品相关信息"
-						placeholder-class="textarea-placeholder" maxlength="500" auto-height :show-confirm-bar="false" />
-				</view>
-			</view>
+      <!-- AI描述区域 -->
+      <view class="ai-section">
+        <text class="section-title">AI 生成描述</text>
 
-			<!-- AI描述区域 -->
-			<view class="ai-section">
-				<text class="section-title">AI 生成描述</text>
+        <!-- AI描述输入框 -->
+        <view class="ai-input-wrapper">
+          <textarea
+            class="ai-input"
+            v-model="aiDescription"
+            placeholder="背景有什么想法？边框想要什么样式的？有没有特别想加的装饰元素？整体材质的效果想要什么样的？主色调是应援色吗，还是别的颜色？"
+            placeholder-class="ai-placeholder"
+            auto-height
+            :show-confirm-bar="false"
+            maxlength="500"
+          />
+        </view>
+      </view>
 
-				<!-- AI描述输入框 -->
-				<view class="ai-input-wrapper">
-					<textarea
-						class="ai-input"
-						v-model="aiDescription"
-						placeholder="背景有什么想法？边框想要什么样式的？有没有特别想加的装饰元素？整体材质的效果想要什么样的？主色调是应援色吗，还是别的颜色？"
-						placeholder-class="ai-placeholder"
-						auto-height
-						:show-confirm-bar="false"
-						maxlength="500"
-					/>
-				</view>
-			</view>
+      <!-- 底部按钮 -->
+      <view class="button-section">
+        <button class="btn-secondary" @click="handleBack">返回</button>
+        <button class="btn-skip" @click="handleLenticularGenerate">生成</button>
+      </view>
+    </scroll-view>
+  </view>
 
-			<!-- 底部按钮 -->
-			<view class="button-section">
-				<button class="btn-secondary" @click="handleBack">返回</button>
-				<button class="btn-skip" @click="handleLenticularGenerate">生成</button>
-			</view>
-		</scroll-view>
-
-	</view>
-
-	<!-- 通用确认弹窗 -->
-	<ConfirmModal
-		:visible="confirmModal.visible"
-		:title="confirmModal.title"
-		:content="confirmModal.content"
-		:confirmText="confirmModal.confirmText"
-		:cancelText="confirmModal.cancelText"
-		:showCancel="confirmModal.showCancel"
-		@confirm="onConfirmModal"
-		@cancel="onCancelModal"
-	/>
+  <!-- 通用确认弹窗 -->
+  <ConfirmModal
+    :visible="confirmModal.visible"
+    :title="confirmModal.title"
+    :content="confirmModal.content"
+    :confirmText="confirmModal.confirmText"
+    :cancelText="confirmModal.cancelText"
+    :showCancel="confirmModal.showCancel"
+    @confirm="onConfirmModal"
+    @cancel="onCancelModal"
+  />
 </template>
 
 <script setup>
 defineOptions({
-  inheritAttrs: false
-})
+  inheritAttrs: false,
+});
 
-import { ref, computed, onMounted } from 'vue';
-import { onLoad,onUnload } from '@dcloudio/uni-app';
-import { getOssSignatureApi, createMintOrderApi } from '@/utils/api.js';
-import { resolveH5OssPostUrl } from '@/utils/h5OssPostUrl.js';
-import { getSandboxFileUri, clearSandboxSubdir } from '@/utils/ioPath.js';
-import { useAliveGuard } from '@/composables/useAliveGuard.js';
-import ConfirmModal from '@/components/ConfirmModal.vue';
+import { ref, computed, onMounted } from "vue";
+import { onLoad, onUnload } from "@dcloudio/uni-app";
+import { getOssSignatureApi, createMintOrderApi } from "@/utils/api.js";
+import { resolveH5OssPostUrl } from "@/utils/h5OssPostUrl.js";
+import { getSandboxFileUri, clearSandboxSubdir } from "@/utils/ioPath.js";
+import { useAliveGuard } from "@/composables/useAliveGuard.js";
+import ConfirmModal from "@/components/ConfirmModal.vue";
 import {
-	buildCastloveFormSnapshot,
-	CRAFT_LENTICULAR_CN,
-} from '@/utils/castloveMintForm.js';
+  buildCastloveFormSnapshot,
+  CRAFT_LENTICULAR_CN,
+} from "@/utils/castloveMintForm.js";
 import {
-	startCraftGenerationFlow,
-	STUDIO_LENTICULAR,
-} from '@/utils/castloveGenerationFlow.js';
+  startCraftGenerationFlow,
+  STUDIO_LENTICULAR,
+} from "@/utils/castloveGenerationFlow.js";
 
 // #ifdef MP-WEIXIN
 const scrollEnhanced = true;
@@ -129,977 +174,1070 @@ const scrollEnhanced = true;
 const scrollEnhanced = false;
 // #endif
 
-const pageType = ref('');
-const pageName = ref('');
+const pageType = ref("");
+const pageName = ref("");
 
-const isLenticularCraft = computed(() => (pageName.value || '').trim() === CRAFT_LENTICULAR_CN);
+const isLenticularCraft = computed(
+  () => (pageName.value || "").trim() === CRAFT_LENTICULAR_CN,
+);
 
 onUnload(() => {
-	try {
-		uni.hideToast();
-	} catch (e) {
-		/* noop */
-	}
-	try {
-		uni.hideLoading();
-	} catch (e) {
-		/* noop */
-	}
+  try {
+    uni.hideToast();
+  } catch (e) {
+    /* noop */
+  }
+  try {
+    uni.hideLoading();
+  } catch (e) {
+    /* noop */
+  }
 });
 
 // alive 守卫:页面销毁后,原生异步回调不再触碰 state,避免 iOS WebView 报错
 const { guard } = useAliveGuard();
 
 function safeDecodeParam(v) {
-	if (v == null || v === '') return '';
-	const s = typeof v === 'string' ? v : String(v);
-	try {
-		return decodeURIComponent(s.replace(/\+/g, ' '));
-	} catch {
-		return s;
-	}
+  if (v == null || v === "") return "";
+  const s = typeof v === "string" ? v : String(v);
+  try {
+    return decodeURIComponent(s.replace(/\+/g, " "));
+  } catch {
+    return s;
+  }
 }
 
 function applyCreateRouteOptions(options) {
-	if (!options || typeof options !== 'object') return;
-	if (options.type) pageType.value = safeDecodeParam(options.type);
-	if (options.name != null && String(options.name) !== '') {
-		pageName.value = safeDecodeParam(options.name);
-		console.log('[LenticularCreate] 工艺名称:', pageName.value);
-	}
+  if (!options || typeof options !== "object") return;
+  if (options.type) pageType.value = safeDecodeParam(options.type);
+  if (options.name != null && String(options.name) !== "") {
+    pageName.value = safeDecodeParam(options.name);
+    console.log("[LenticularCreate] 工艺名称:", pageName.value);
+  }
 }
 
 // 通用确认弹窗状态
 const confirmModal = ref({
-	visible: false,
-	title: '',
-	content: '',
-	confirmText: '确认',
-	cancelText: '取消',
-	showCancel: true,
-	confirmCallback: null
+  visible: false,
+  title: "",
+  content: "",
+  confirmText: "确认",
+  cancelText: "取消",
+  showCancel: true,
+  confirmCallback: null,
 });
 
 // 弹窗确认回调
 const onConfirmModal = () => {
-	if (confirmModal.value.confirmCallback) {
-		confirmModal.value.confirmCallback({ confirm: true });
-	}
-	confirmModal.value.visible = false;
+  if (confirmModal.value.confirmCallback) {
+    confirmModal.value.confirmCallback({ confirm: true });
+  }
+  confirmModal.value.visible = false;
 };
 
 // 弹窗取消回调
 const onCancelModal = () => {
-	if (confirmModal.value.confirmCallback) {
-		confirmModal.value.confirmCallback({ confirm: false });
-	}
-	confirmModal.value.visible = false;
+  if (confirmModal.value.confirmCallback) {
+    confirmModal.value.confirmCallback({ confirm: false });
+  }
+  confirmModal.value.visible = false;
 };
 
 // 显示通用确认弹窗
 const showConfirmModal = (options) => {
-	confirmModal.value = {
-		visible: true,
-		title: options.title || '',
-		content: options.content || '',
-		confirmText: options.confirmText || '确认',
-		cancelText: options.cancelText || '取消',
-		showCancel: options.showCancel !== false,
-		confirmCallback: options.success || null
-	};
+  confirmModal.value = {
+    visible: true,
+    title: options.title || "",
+    content: options.content || "",
+    confirmText: options.confirmText || "确认",
+    cancelText: options.cancelText || "取消",
+    showCancel: options.showCancel !== false,
+    confirmCallback: options.success || null,
+  };
 };
 
 // 表单数据
-const uploadedImage = ref('');
-const uploadedImageBase64 = ref('');
+const uploadedImage = ref("");
+const uploadedImageBase64 = ref("");
 /** 光栅：背景 / 主体双槽位；空字符串表示普通单图上传 */
-const pendingLenticularSlot = ref('');
-const uploadedBg = ref('');
-const uploadedBgBase64 = ref('');
-const uploadedSubject = ref('');
-const uploadedSubjectBase64 = ref('');
-const originalFileName = ref('');
+const pendingLenticularSlot = ref("");
+const uploadedBg = ref("");
+const uploadedBgBase64 = ref("");
+const uploadedSubject = ref("");
+const uploadedSubjectBase64 = ref("");
+const originalFileName = ref("");
 const isUploading = ref(false);
-const materialTypes = ['粉丝自制', '热爱痕迹', '其他'];
+const materialTypes = ["粉丝自制", "热爱痕迹", "其他"];
 const materialTypeIndex = ref(0);
 const showMaterialTypePicker = ref(false);
-const nftInfo = ref('');
+const nftInfo = ref("");
 
 // AI描述相关
-const aiDescription = ref('');
+const aiDescription = ref("");
 
 function applyUploadResult(filePath, dataUrl) {
-	const slot = pendingLenticularSlot.value;
-	if (slot === 'bg') {
-		uploadedBg.value = filePath;
-		uploadedBgBase64.value = dataUrl;
-	} else if (slot === 'subject') {
-		uploadedSubject.value = filePath;
-		uploadedSubjectBase64.value = dataUrl;
-	} else {
-		uploadedImage.value = filePath;
-		uploadedImageBase64.value = dataUrl;
-	}
-	pendingLenticularSlot.value = '';
-	uni.hideLoading();
-	uni.showToast({ title: '图片加载成功', icon: 'success', duration: 1500 });
-	isUploading.value = false;
+  const slot = pendingLenticularSlot.value;
+  if (slot === "bg") {
+    uploadedBg.value = filePath;
+    uploadedBgBase64.value = dataUrl;
+  } else if (slot === "subject") {
+    uploadedSubject.value = filePath;
+    uploadedSubjectBase64.value = dataUrl;
+  } else {
+    uploadedImage.value = filePath;
+    uploadedImageBase64.value = dataUrl;
+  }
+  pendingLenticularSlot.value = "";
+  uni.hideLoading();
+  uni.showToast({ title: "图片加载成功", icon: "success", duration: 1500 });
+  isUploading.value = false;
 }
 
 const chooseLenticularBg = () => {
-	openImagePicker('bg');
+  openImagePicker("bg");
 };
 
 const chooseLenticularSubject = () => {
-	openImagePicker('subject');
+  openImagePicker("subject");
 };
 
 const openImagePicker = (lenticularSlot) => {
-	if (isUploading.value) {
-		uni.showToast({ title: '图片上传中，请稍候', icon: 'none' });
-		return;
-	}
-	pendingLenticularSlot.value = lenticularSlot;
+  if (isUploading.value) {
+    uni.showToast({ title: "图片上传中，请稍候", icon: "none" });
+    return;
+  }
+  pendingLenticularSlot.value = lenticularSlot;
 
-	uni.chooseImage({
-		count: 1,
-		sourceType: ['album', 'camera'],
-		success: guard((res) => {
-			const filePath = res.tempFilePaths[0];
-			const tempFile = res.tempFiles && res.tempFiles[0];
+  uni.chooseImage({
+    count: 1,
+    sourceType: ["album", "camera"],
+    success: guard((res) => {
+      const filePath = res.tempFilePaths[0];
+      const tempFile = res.tempFiles && res.tempFiles[0];
 
-			uni.getFileInfo({
-				filePath: filePath,
-				success: guard((fileInfo) => {
-					const maxSize = 5 * 1024 * 1024;
-					const slotLabel = lenticularSlot === 'bg' ? '背景图' : '主体图';
-					if (fileInfo.size > maxSize) {
-						pendingLenticularSlot.value = '';
-						showConfirmModal({
-							title: '图片不符合要求',
-							content: `${slotLabel}大小不能超过5MB，当前图片大小为${(fileInfo.size / 1024 / 1024).toFixed(2)}MB，请重新选择`,
-							showCancel: false,
-							confirmText: '知道了'
-						});
-						return;
-					}
+      uni.getFileInfo({
+        filePath: filePath,
+        success: guard((fileInfo) => {
+          const maxSize = 5 * 1024 * 1024;
+          const slotLabel = lenticularSlot === "bg" ? "背景图" : "主体图";
+          if (fileInfo.size > maxSize) {
+            pendingLenticularSlot.value = "";
+            showConfirmModal({
+              title: "图片不符合要求",
+              content: `${slotLabel}大小不能超过5MB，当前图片大小为${(fileInfo.size / 1024 / 1024).toFixed(2)}MB，请重新选择`,
+              showCancel: false,
+              confirmText: "知道了",
+            });
+            return;
+          }
 
-					const mimeType = (tempFile && tempFile.type) ? tempFile.type.toLowerCase() : '';
-					const pathLower = filePath.toLowerCase();
-					const validByMime = mimeType === 'image/jpeg' || mimeType === 'image/png';
-					const validByExt = pathLower.endsWith('.jpg') || pathLower.endsWith('.jpeg') || pathLower.endsWith('.png');
-					if (!validByMime && !validByExt) {
-						pendingLenticularSlot.value = '';
-						showConfirmModal({
-							title: '图片格式不符合要求',
-							content: `${slotLabel}只支持JPG和PNG格式的图片，请重新选择`,
-							showCancel: false,
-							confirmText: '知道了'
-						});
-						return;
-					}
+          const mimeType =
+            tempFile && tempFile.type ? tempFile.type.toLowerCase() : "";
+          const pathLower = filePath.toLowerCase();
+          const validByMime =
+            mimeType === "image/jpeg" || mimeType === "image/png";
+          const validByExt =
+            pathLower.endsWith(".jpg") ||
+            pathLower.endsWith(".jpeg") ||
+            pathLower.endsWith(".png");
+          if (!validByMime && !validByExt) {
+            pendingLenticularSlot.value = "";
+            showConfirmModal({
+              title: "图片格式不符合要求",
+              content: `${slotLabel}只支持JPG和PNG格式的图片，请重新选择`,
+              showCancel: false,
+              confirmText: "知道了",
+            });
+            return;
+          }
 
-					const rawName = (tempFile && tempFile.name) ? tempFile.name : filePath.split('/').pop();
-					originalFileName.value = rawName;
-					convertImageToBase64(filePath, originalFileName.value);
-				}),
-				fail: guard((error) => {
-					pendingLenticularSlot.value = '';
-					console.error('获取文件信息失败:', error);
-					uni.showToast({ title: '获取文件信息失败', icon: 'none' });
-				})
-			});
-		}),
-		fail: guard((err) => {
-			pendingLenticularSlot.value = '';
-			console.error('选择图片失败:', err);
-			uni.showToast({ title: '选择图片失败', icon: 'none' });
-		})
-	});
+          const rawName =
+            tempFile && tempFile.name
+              ? tempFile.name
+              : filePath.split("/").pop();
+          originalFileName.value = rawName;
+          convertImageToBase64(filePath, originalFileName.value);
+        }),
+        fail: guard((error) => {
+          pendingLenticularSlot.value = "";
+          console.error("获取文件信息失败:", error);
+          uni.showToast({ title: "获取文件信息失败", icon: "none" });
+        }),
+      });
+    }),
+    fail: guard((err) => {
+      pendingLenticularSlot.value = "";
+      console.error("选择图片失败:", err);
+      uni.showToast({ title: "选择图片失败", icon: "none" });
+    }),
+  });
 };
 
 // 将图片转换为 base64
 const convertImageToBase64 = (filePath, fileName) => {
-	isUploading.value = true;
-	uni.showLoading({ title: '处理中...', mask: true });
+  isUploading.value = true;
+  uni.showLoading({ title: "处理中...", mask: true });
 
-	// #ifdef H5
-	convertImageToBase64H5(filePath, fileName);
-	// #endif
+  // #ifdef H5
+  convertImageToBase64H5(filePath, fileName);
+  // #endif
 
-	// #ifndef H5
-	convertImageToBase64Native(filePath, fileName);
-	// #endif
+  // #ifndef H5
+  convertImageToBase64Native(filePath, fileName);
+  // #endif
 };
 
 const convertImageToBase64H5 = (filePath, fileName) => {
-	fetch(filePath)
-		.then(res => res.blob())
-		.then(blob => {
-			const reader = new FileReader();
-			reader.onload = (e) => {
-				applyUploadResult(filePath, e.target.result);
-				console.log('[LenticularCreate] Base64转换成功 (H5)');
-				console.log('[LenticularCreate] Base64长度:', (e.target.result && e.target.result.length) || 0);
-			};
-			reader.onerror = (error) => {
-				pendingLenticularSlot.value = '';
-				console.error('[LenticularCreate] Base64转换失败 (H5):', error);
-				uni.hideLoading();
-				uni.showToast({ title: '图片处理失败', icon: 'none', duration: 2000 });
-				isUploading.value = false;
-			};
-			reader.readAsDataURL(blob);
-		})
-		.catch(error => {
-			pendingLenticularSlot.value = '';
-			console.error('[LenticularCreate] 获取图片失败 (H5):', error);
-			uni.hideLoading();
-			uni.showToast({ title: '图片处理失败', icon: 'none', duration: 2000 });
-			isUploading.value = false;
-		});
+  fetch(filePath)
+    .then((res) => res.blob())
+    .then((blob) => {
+      const reader = new FileReader();
+      reader.onload = (e) => {
+        applyUploadResult(filePath, e.target.result);
+        console.log("[LenticularCreate] Base64转换成功 (H5)");
+        console.log(
+          "[LenticularCreate] Base64长度:",
+          (e.target.result && e.target.result.length) || 0,
+        );
+      };
+      reader.onerror = (error) => {
+        pendingLenticularSlot.value = "";
+        console.error("[LenticularCreate] Base64转换失败 (H5):", error);
+        uni.hideLoading();
+        uni.showToast({ title: "图片处理失败", icon: "none", duration: 2000 });
+        isUploading.value = false;
+      };
+      reader.readAsDataURL(blob);
+    })
+    .catch((error) => {
+      pendingLenticularSlot.value = "";
+      console.error("[LenticularCreate] 获取图片失败 (H5):", error);
+      uni.hideLoading();
+      uni.showToast({ title: "图片处理失败", icon: "none", duration: 2000 });
+      isUploading.value = false;
+    });
 };
 
 const convertImageToBase64Native = (filePath, fileName) => {
-	// #ifdef MP-WEIXIN || MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-QQ
-	const fs = uni.getFileSystemManager();
-	fs.readFile({
-		filePath: filePath,
-		encoding: 'base64',
-		success: guard((res) => {
-			const ext = fileName.toLowerCase().split('.').pop();
-			let mimeType = 'image/jpeg';
-			if (ext === 'png') mimeType = 'image/png';
-			const dataUrl = `data:${mimeType};base64,${res.data}`;
-			applyUploadResult(filePath, dataUrl);
-			console.log('[LenticularCreate] Base64转换成功 (小程序)');
-			console.log('[LenticularCreate] Base64长度:', dataUrl.length);
-		}),
-		fail: guard((error) => {
-			pendingLenticularSlot.value = '';
-			console.error('[LenticularCreate] Base64转换失败 (小程序):', error);
-			uni.hideLoading();
-			uni.showToast({ title: '图片处理失败', icon: 'none', duration: 2000 });
-			isUploading.value = false;
-		})
-	});
-	// #endif
+  // #ifdef MP-WEIXIN || MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-QQ
+  const fs = uni.getFileSystemManager();
+  fs.readFile({
+    filePath: filePath,
+    encoding: "base64",
+    success: guard((res) => {
+      const ext = fileName.toLowerCase().split(".").pop();
+      let mimeType = "image/jpeg";
+      if (ext === "png") mimeType = "image/png";
+      const dataUrl = `data:${mimeType};base64,${res.data}`;
+      applyUploadResult(filePath, dataUrl);
+      console.log("[LenticularCreate] Base64转换成功 (小程序)");
+      console.log("[LenticularCreate] Base64长度:", dataUrl.length);
+    }),
+    fail: guard((error) => {
+      pendingLenticularSlot.value = "";
+      console.error("[LenticularCreate] Base64转换失败 (小程序):", error);
+      uni.hideLoading();
+      uni.showToast({ title: "图片处理失败", icon: "none", duration: 2000 });
+      isUploading.value = false;
+    }),
+  });
+  // #endif
 
-	// #ifdef APP-PLUS
-	plus.io.resolveLocalFileSystemURL(filePath, guard((entry) => {
-		entry.file(guard((file) => {
-			const reader = new plus.io.FileReader();
-			reader.onloadend = guard((e) => {
-				applyUploadResult(filePath, e.target.result);
-				console.log('[LenticularCreate] Base64转换成功 (App)');
-				console.log('[LenticularCreate] Base64长度:', (e.target.result && e.target.result.length) || 0);
-			});
-			reader.onerror = guard((error) => {
-				pendingLenticularSlot.value = '';
-				console.error('[LenticularCreate] Base64转换失败 (App):', error);
-				uni.hideLoading();
-				uni.showToast({ title: '图片处理失败', icon: 'none', duration: 2000 });
-				isUploading.value = false;
-			});
-			reader.readAsDataURL(file);
-		}));
-	}), guard((error) => {
-		pendingLenticularSlot.value = '';
-		console.error('[LenticularCreate] 读取文件失败 (App):', error);
-		uni.hideLoading();
-		uni.showToast({ title: '图片处理失败', icon: 'none', duration: 2000 });
-		isUploading.value = false;
-	}));
-	// #endif
+  // #ifdef APP-PLUS
+  plus.io.resolveLocalFileSystemURL(
+    filePath,
+    guard((entry) => {
+      entry.file(
+        guard((file) => {
+          const reader = new plus.io.FileReader();
+          reader.onloadend = guard((e) => {
+            applyUploadResult(filePath, e.target.result);
+            console.log("[LenticularCreate] Base64转换成功 (App)");
+            console.log(
+              "[LenticularCreate] Base64长度:",
+              (e.target.result && e.target.result.length) || 0,
+            );
+          });
+          reader.onerror = guard((error) => {
+            pendingLenticularSlot.value = "";
+            console.error("[LenticularCreate] Base64转换失败 (App):", error);
+            uni.hideLoading();
+            uni.showToast({
+              title: "图片处理失败",
+              icon: "none",
+              duration: 2000,
+            });
+            isUploading.value = false;
+          });
+          reader.readAsDataURL(file);
+        }),
+      );
+    }),
+    guard((error) => {
+      pendingLenticularSlot.value = "";
+      console.error("[LenticularCreate] 读取文件失败 (App):", error);
+      uni.hideLoading();
+      uni.showToast({ title: "图片处理失败", icon: "none", duration: 2000 });
+      isUploading.value = false;
+    }),
+  );
+  // #endif
 };
 
 // 切换素材类型选择器
 const toggleMaterialTypePicker = () => {
-	showMaterialTypePicker.value = !showMaterialTypePicker.value;
+  showMaterialTypePicker.value = !showMaterialTypePicker.value;
 };
 
 const selectMaterialType = (index) => {
-	materialTypeIndex.value = index;
-	showMaterialTypePicker.value = false;
+  materialTypeIndex.value = index;
+  showMaterialTypePicker.value = false;
 };
 
 // 上传图片到OSS的辅助函数
 const uploadImageToOss = async (base64Data, ossData) => {
-	return new Promise((resolve, reject) => {
-		const fileName = `${Date.now()}.jpg`;
+  return new Promise((resolve, reject) => {
+    const fileName = `${Date.now()}.jpg`;
 
-		// #ifdef H5
-		fetch(base64Data)
-			.then((res) => res.blob())
-			.then((blob) => {
-				const formData = new FormData();
-				formData.append('key', ossData.dir + fileName);
-				formData.append('policy', ossData.policy);
-				formData.append('success_action_status', '200');
-				formData.append('x-oss-credential', ossData.x_oss_credential);
-				formData.append('x-oss-date', ossData.x_oss_date);
-				formData.append('x-oss-security-token', ossData.security_token);
-				formData.append('x-oss-signature', ossData.signature);
-				formData.append('x-oss-signature-version', ossData.x_oss_signature_version);
-				formData.append('file', blob, fileName);
-				return fetch(resolveH5OssPostUrl(ossData.host), {
-					method: 'POST',
-					body: formData
-				});
-			})
-			.then((response) => {
-				if (response.ok || response.status === 204) {
-					const imageUrl = `${ossData.host}/${ossData.dir}${fileName}`;
-					resolve(imageUrl);
-				} else {
-					reject(new Error('上传失败'));
-				}
-			})
-			.catch((error) => {
-				reject(error);
-			});
-		// #endif
+    // #ifdef H5
+    fetch(base64Data)
+      .then((res) => res.blob())
+      .then((blob) => {
+        const formData = new FormData();
+        formData.append("key", ossData.dir + fileName);
+        formData.append("policy", ossData.policy);
+        formData.append("success_action_status", "200");
+        formData.append("x-oss-credential", ossData.x_oss_credential);
+        formData.append("x-oss-date", ossData.x_oss_date);
+        formData.append("x-oss-security-token", ossData.security_token);
+        formData.append("x-oss-signature", ossData.signature);
+        formData.append(
+          "x-oss-signature-version",
+          ossData.x_oss_signature_version,
+        );
+        formData.append("file", blob, fileName);
+        return fetch(resolveH5OssPostUrl(ossData.host), {
+          method: "POST",
+          body: formData,
+        });
+      })
+      .then((response) => {
+        if (response.ok || response.status === 204) {
+          const imageUrl = `${ossData.host}/${ossData.dir}${fileName}`;
+          resolve(imageUrl);
+        } else {
+          reject(new Error("上传失败"));
+        }
+      })
+      .catch((error) => {
+        reject(error);
+      });
+    // #endif
 
-		// #ifdef MP-WEIXIN || MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-QQ
-		const base64Content = base64Data.split(',')[1];
-		const filePath = `${wx.env.USER_DATA_PATH}/${fileName}`;
+    // #ifdef MP-WEIXIN || MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-QQ
+    const base64Content = base64Data.split(",")[1];
+    const filePath = `${wx.env.USER_DATA_PATH}/${fileName}`;
 
-		const fs = uni.getFileSystemManager();
-		fs.writeFile({
-			filePath: filePath,
-			data: base64Content,
-			encoding: 'base64',
-			success: guard(() => {
-				uni.uploadFile({
-					url: ossData.host,
-					filePath: filePath,
-					name: 'file',
-					formData: {
-						key: ossData.dir + fileName,
-						policy: ossData.policy,
-						success_action_status: '200',
-						'x-oss-credential': ossData.x_oss_credential,
-						'x-oss-date': ossData.x_oss_date,
-						'x-oss-security-token': ossData.security_token,
-						'x-oss-signature': ossData.signature,
-						'x-oss-signature-version': ossData.x_oss_signature_version
-					},
-					success: guard((uploadRes) => {
-						if (uploadRes.statusCode === 200 || uploadRes.statusCode === 204) {
-							const imageUrl = `${ossData.host}/${ossData.dir}${fileName}`;
-							resolve(imageUrl);
-						} else {
-							reject(new Error(`上传失败，状态码: ${uploadRes.statusCode}`));
-						}
-					}),
-					fail: guard((error) => {
-						reject(error);
-					})
-				});
-			}),
-			fail: guard((error) => {
-				reject(error);
-			})
-		});
-		// #endif
+    const fs = uni.getFileSystemManager();
+    fs.writeFile({
+      filePath: filePath,
+      data: base64Content,
+      encoding: "base64",
+      success: guard(() => {
+        uni.uploadFile({
+          url: ossData.host,
+          filePath: filePath,
+          name: "file",
+          formData: {
+            key: ossData.dir + fileName,
+            policy: ossData.policy,
+            success_action_status: "200",
+            "x-oss-credential": ossData.x_oss_credential,
+            "x-oss-date": ossData.x_oss_date,
+            "x-oss-security-token": ossData.security_token,
+            "x-oss-signature": ossData.signature,
+            "x-oss-signature-version": ossData.x_oss_signature_version,
+          },
+          success: guard((uploadRes) => {
+            if (uploadRes.statusCode === 200 || uploadRes.statusCode === 204) {
+              const imageUrl = `${ossData.host}/${ossData.dir}${fileName}`;
+              resolve(imageUrl);
+            } else {
+              reject(new Error(`上传失败，状态码: ${uploadRes.statusCode}`));
+            }
+          }),
+          fail: guard((error) => {
+            reject(error);
+          }),
+        });
+      }),
+      fail: guard((error) => {
+        reject(error);
+      }),
+    });
+    // #endif
 
-		// #ifdef APP-PLUS
-		// Android 10+ 适配:bitmap.save 接受沙盒 file:// 绝对路径(避免 '_doc/' 字符串写失败)
-		console.log('[LenticularCreate] App环境上传');
-		const base64ContentApp = base64Data.split(',')[1];
-		const bitmap = new plus.nativeObj.Bitmap('temp');
+    // #ifdef APP-PLUS
+    // Android 10+ 适配:bitmap.save 接受沙盒 file:// 绝对路径(避免 '_doc/' 字符串写失败)
+    console.log("[LenticularCreate] App环境上传");
+    const base64ContentApp = base64Data.split(",")[1];
+    const bitmap = new plus.nativeObj.Bitmap("temp");
 
-		bitmap.loadBase64Data(base64ContentApp, guard(() => {
-			getSandboxFileUri(['castlove-lenticular', 'tmp'], fileName).then((tempFilePath) => {
-			bitmap.save(tempFilePath, { overwrite: true }, guard(() => {
-				console.log('[LenticularCreate] App临时文件保存成功:', tempFilePath);
-				bitmap.clear();
+    bitmap.loadBase64Data(
+      base64ContentApp,
+      guard(
+        () => {
+          getSandboxFileUri(["castlove-lenticular", "tmp"], fileName)
+            .then((tempFilePath) => {
+              bitmap.save(
+                tempFilePath,
+                { overwrite: true },
+                guard(
+                  () => {
+                    console.log(
+                      "[LenticularCreate] App临时文件保存成功:",
+                      tempFilePath,
+                    );
+                    bitmap.clear();
 
-				uni.uploadFile({
-					url: ossData.host,
-					filePath: tempFilePath,
-					name: 'file',
-					formData: {
-						key: ossData.dir + fileName,
-						policy: ossData.policy,
-						success_action_status: '200',
-						'x-oss-credential': ossData.x_oss_credential,
-						'x-oss-date': ossData.x_oss_date,
-						'x-oss-security-token': ossData.security_token,
-						'x-oss-signature': ossData.signature,
-						'x-oss-signature-version': ossData.x_oss_signature_version
-					},
-					success: guard((uploadRes) => {
-						console.log('[LenticularCreate] App上传响应:', uploadRes);
-						if (uploadRes.statusCode === 200 || uploadRes.statusCode === 204) {
-							const imageUrl = `${ossData.host}/${ossData.dir}${fileName}`;
-							// 上传成功后清理临时文件(doc/castlove-lenticular/tmp/),避免 doc 残留垃圾
-							clearSandboxSubdir(['castlove-lenticular', 'tmp']).catch((e) => {
-								console.warn('[LenticularCreate] clear tmp dir failed:', e?.message)
-							})
-							resolve(imageUrl);
-						} else {
-							reject(new Error(`上传失败，状态码: ${uploadRes.statusCode}`));
-						}
-					}),
-					fail: guard((error) => {
-						console.error('[LenticularCreate] App上传失败:', error);
-						reject(error);
-					})
-				});
-			}, guard((error) => {
-				console.error('[LenticularCreate] App保存临时文件失败:', error);
-				bitmap.clear();
-				reject(new Error('保存临时文件失败'));
-			})));
-			}).catch((err) => {
-				console.error('[LenticularCreate] getSandboxFileUri 失败:', err);
-				bitmap.clear();
-				reject(err);
-			});
-		}, (error) => {
-			console.error('[LenticularCreate] App加载base64失败:', error);
-			bitmap.clear();
-			reject(new Error('加载图片数据失败'));
-		});
-		// #endif
-	});
+                    uni.uploadFile({
+                      url: ossData.host,
+                      filePath: tempFilePath,
+                      name: "file",
+                      formData: {
+                        key: ossData.dir + fileName,
+                        policy: ossData.policy,
+                        success_action_status: "200",
+                        "x-oss-credential": ossData.x_oss_credential,
+                        "x-oss-date": ossData.x_oss_date,
+                        "x-oss-security-token": ossData.security_token,
+                        "x-oss-signature": ossData.signature,
+                        "x-oss-signature-version":
+                          ossData.x_oss_signature_version,
+                      },
+                      success: guard((uploadRes) => {
+                        console.log(
+                          "[LenticularCreate] App上传响应:",
+                          uploadRes,
+                        );
+                        if (
+                          uploadRes.statusCode === 200 ||
+                          uploadRes.statusCode === 204
+                        ) {
+                          const imageUrl = `${ossData.host}/${ossData.dir}${fileName}`;
+                          // 上传成功后清理临时文件(doc/castlove-lenticular/tmp/),避免 doc 残留垃圾
+                          clearSandboxSubdir([
+                            "castlove-lenticular",
+                            "tmp",
+                          ]).catch((e) => {
+                            console.warn(
+                              "[LenticularCreate] clear tmp dir failed:",
+                              e?.message,
+                            );
+                          });
+                          resolve(imageUrl);
+                        } else {
+                          reject(
+                            new Error(
+                              `上传失败，状态码: ${uploadRes.statusCode}`,
+                            ),
+                          );
+                        }
+                      }),
+                      fail: guard((error) => {
+                        console.error("[LenticularCreate] App上传失败:", error);
+                        reject(error);
+                      }),
+                    });
+                  },
+                  guard((error) => {
+                    console.error(
+                      "[LenticularCreate] App保存临时文件失败:",
+                      error,
+                    );
+                    bitmap.clear();
+                    reject(new Error("保存临时文件失败"));
+                  }),
+                ),
+              );
+            })
+            .catch((err) => {
+              console.error("[LenticularCreate] getSandboxFileUri 失败:", err);
+              bitmap.clear();
+              reject(err);
+            });
+        },
+        guard((error) => {
+          console.error("[LenticularCreate] App加载base64失败:", error);
+          bitmap.clear();
+          reject(new Error("加载图片数据失败"));
+        }),
+      ),
+    );
+    // #endif
+  });
 };
 
 // 返回按钮
 const handleBack = async () => {
-	const hasLenticular =
-		isLenticularCraft.value &&
-		(uploadedBg.value || uploadedSubject.value || uploadedBgBase64.value || uploadedSubjectBase64.value);
-	const hasAny =
-		uploadedImage.value ||
-		hasLenticular ||
-		nftInfo.value ||
-		aiDescription.value;
-	if (hasAny) {
-		showConfirmModal({
-			title: '提示',
-			content: '确定要返回吗？未保存的数据将会丢失',
-			success: async (res) => {
-				if (res.confirm) {
-					resetForm();
-					try {
-						uni.hideToast();
-					} catch (e) {
-						/* noop */
-					}
-					uni.navigateBack();
-				}
-			}
-		});
-	} else {
-		try {
-			uni.hideToast();
-		} catch (e) {
-			/* noop */
-		}
-		uni.navigateBack();
-	}
+  const hasLenticular =
+    isLenticularCraft.value &&
+    (uploadedBg.value ||
+      uploadedSubject.value ||
+      uploadedBgBase64.value ||
+      uploadedSubjectBase64.value);
+  const hasAny =
+    uploadedImage.value ||
+    hasLenticular ||
+    nftInfo.value ||
+    aiDescription.value;
+  if (hasAny) {
+    showConfirmModal({
+      title: "提示",
+      content: "确定要返回吗？未保存的数据将会丢失",
+      success: async (res) => {
+        if (res.confirm) {
+          resetForm();
+          try {
+            uni.hideToast();
+          } catch (e) {
+            /* noop */
+          }
+          uni.navigateBack();
+        }
+      },
+    });
+  } else {
+    try {
+      uni.hideToast();
+    } catch (e) {
+      /* noop */
+    }
+    uni.navigateBack();
+  }
 };
 
 /** 光栅：上传 → Loading → 选图 → 工作室 */
 const buildCraftFormData = () => {
-	const snap = buildCastloveFormSnapshot({
-		nftInfo: nftInfo.value,
-		materialTypes,
-		materialTypeIndex: materialTypeIndex.value,
-		pageName: pageName.value,
-		uploadedImage: uploadedSubject.value,
-		uploadedImageBase64: uploadedSubjectBase64.value,
-	});
+  const snap = buildCastloveFormSnapshot({
+    nftInfo: nftInfo.value,
+    materialTypes,
+    materialTypeIndex: materialTypeIndex.value,
+    pageName: pageName.value,
+    uploadedImage: uploadedSubject.value,
+    uploadedImageBase64: uploadedSubjectBase64.value,
+  });
 
-	return {
-		...snap,
-		image: isLenticularCraft.value ? uploadedSubject.value : uploadedImage.value,
-		imageBase64: isLenticularCraft.value ? uploadedSubjectBase64.value : uploadedImageBase64.value,
-		type: pageType.value,
-		typeName: pageName.value,
-		materialType: snap.material_type,
-		materialTypeIndex: materialTypeIndex.value,
-		materialTypes: [...materialTypes],
-		aiDescription: aiDescription.value,
-		nftInfo: nftInfo.value,
-		...(isLenticularCraft.value
-			? {
-					lenticularBgImage: uploadedBg.value,
-					lenticularBgBase64: uploadedBgBase64.value,
-					lenticularSubjectImage: uploadedSubject.value,
-					lenticularSubjectBase64: uploadedSubjectBase64.value,
-			  }
-			: {}),
-	};
+  return {
+    ...snap,
+    image: isLenticularCraft.value
+      ? uploadedSubject.value
+      : uploadedImage.value,
+    imageBase64: isLenticularCraft.value
+      ? uploadedSubjectBase64.value
+      : uploadedImageBase64.value,
+    type: pageType.value,
+    typeName: pageName.value,
+    materialType: snap.material_type,
+    materialTypeIndex: materialTypeIndex.value,
+    materialTypes: [...materialTypes],
+    aiDescription: aiDescription.value,
+    nftInfo: nftInfo.value,
+    ...(isLenticularCraft.value
+      ? {
+          lenticularBgImage: uploadedBg.value,
+          lenticularBgBase64: uploadedBgBase64.value,
+          lenticularSubjectImage: uploadedSubject.value,
+          lenticularSubjectBase64: uploadedSubjectBase64.value,
+        }
+      : {}),
+  };
 };
 
 const buildCraftPrompt = () => {
-	let fullText = aiDescription.value.trim() || nftInfo.value.trim();
-	if (pageName.value) {
-		fullText = `${pageName.value}，${fullText}`;
-	}
-	return fullText;
+  let fullText = aiDescription.value.trim() || nftInfo.value.trim();
+  if (pageName.value) {
+    fullText = `${pageName.value}，${fullText}`;
+  }
+  return fullText;
 };
 
 const startCraftStudioPipeline = (studioKind) => {
-	if (isLenticularCraft.value) {
-		if (!uploadedBg.value || !uploadedSubject.value) {
-			uni.showToast({ title: '请上传背景图与主体图', icon: 'none' });
-			return;
-		}
-		if (!uploadedBgBase64.value || !uploadedSubjectBase64.value) {
-			uni.showToast({ title: '图片尚未处理完成', icon: 'none' });
-			return;
-		}
-	} else {
-		if (!uploadedImage.value) {
-			uni.showToast({ title: '请上传藏品图片', icon: 'none' });
-			return;
-		}
-		if (!uploadedImageBase64.value) {
-			uni.showToast({ title: '图片尚未处理完成', icon: 'none' });
-			return;
-		}
-	}
-	if (!nftInfo.value.trim()) {
-		uni.showToast({ title: '请输入藏品信息', icon: 'none' });
-		return;
-	}
-	try {
-		const formData = buildCraftFormData();
-		const result = startCraftGenerationFlow({ formData, studioKind });
-		if (result && !result.success && result.error) {
-			showConfirmModal({
-				title: result.error.title,
-				content: result.error.content,
-				showCancel: false,
-				confirmText: '知道了'
-			});
-			return;
-		}
-	} catch (e) {
-		console.error('[LenticularCreate] craft studio pipeline', e);
-		uni.showToast({ title: '启动失败，请重试', icon: 'none' });
-	}
+  if (isLenticularCraft.value) {
+    if (!uploadedBg.value || !uploadedSubject.value) {
+      uni.showToast({ title: "请上传背景图与主体图", icon: "none" });
+      return;
+    }
+    if (!uploadedBgBase64.value || !uploadedSubjectBase64.value) {
+      uni.showToast({ title: "图片尚未处理完成", icon: "none" });
+      return;
+    }
+  } else {
+    if (!uploadedImage.value) {
+      uni.showToast({ title: "请上传藏品图片", icon: "none" });
+      return;
+    }
+    if (!uploadedImageBase64.value) {
+      uni.showToast({ title: "图片尚未处理完成", icon: "none" });
+      return;
+    }
+  }
+  if (!nftInfo.value.trim()) {
+    uni.showToast({ title: "请输入藏品信息", icon: "none" });
+    return;
+  }
+  try {
+    const formData = buildCraftFormData();
+    const result = startCraftGenerationFlow({ formData, studioKind });
+    if (result && !result.success && result.error) {
+      showConfirmModal({
+        title: result.error.title,
+        content: result.error.content,
+        showCancel: false,
+        confirmText: "知道了",
+      });
+      return;
+    }
+  } catch (e) {
+    console.error("[LenticularCreate] craft studio pipeline", e);
+    uni.showToast({ title: "启动失败，请重试", icon: "none" });
+  }
 };
 
 const handleLenticularGenerate = () => {
-	startCraftStudioPipeline(STUDIO_LENTICULAR);
+  startCraftStudioPipeline(STUDIO_LENTICULAR);
 };
 
 // 重置表单
 const resetForm = () => {
-	pendingLenticularSlot.value = '';
-	uploadedBg.value = '';
-	uploadedBgBase64.value = '';
-	uploadedSubject.value = '';
-	uploadedSubjectBase64.value = '';
-	uploadedImage.value = '';
-	uploadedImageBase64.value = '';
-	originalFileName.value = '';
-	isUploading.value = false;
-	materialTypeIndex.value = 0;
-	nftInfo.value = '';
-	aiDescription.value = '';
+  pendingLenticularSlot.value = "";
+  uploadedBg.value = "";
+  uploadedBgBase64.value = "";
+  uploadedSubject.value = "";
+  uploadedSubjectBase64.value = "";
+  uploadedImage.value = "";
+  uploadedImageBase64.value = "";
+  originalFileName.value = "";
+  isUploading.value = false;
+  materialTypeIndex.value = 0;
+  nftInfo.value = "";
+  aiDescription.value = "";
 };
 
 onLoad((options) => {
-	applyCreateRouteOptions(options || {});
+  applyCreateRouteOptions(options || {});
 });
 
 onMounted(() => {
-	const pages = getCurrentPages();
-	const currentPage = pages[pages.length - 1];
-	const options = (currentPage && currentPage.options) || {};
-	if (options.name || options.type) {
-		applyCreateRouteOptions(options);
-	}
+  const pages = getCurrentPages();
+  const currentPage = pages[pages.length - 1];
+  const options = (currentPage && currentPage.options) || {};
+  if (options.name || options.type) {
+    applyCreateRouteOptions(options);
+  }
 });
 </script>
 
 <style scoped>
 .page-container {
-	position: relative;
-	width: 100vw;
-	height: 100vh;
-	overflow: hidden;
+  position: relative;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
 }
 
 .background-image {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	width: 100%;
-	height: 100%;
-	z-index: 0;
-	object-fit: cover;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+  object-fit: cover;
 }
 
 .content-wrapper {
-	position: relative;
-	z-index: 1;
-	width: 100%;
-	height: 100%;
-	padding: 100rpx 32rpx 40rpx 32rpx;
-	box-sizing: border-box;
+  position: relative;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  padding: 100rpx 32rpx 40rpx 32rpx;
+  box-sizing: border-box;
 }
 
 /* 隐藏滚动条 */
 .content-wrapper::-webkit-scrollbar {
-	display: none;
-	width: 0;
-	height: 0;
+  display: none;
+  width: 0;
+  height: 0;
 }
 
 /* 图片上传区域 */
 .upload-section {
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	margin-bottom: 40rpx;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: 40rpx;
 }
 
 .upload-box {
-	width: 300rpx;
-	height: 300rpx;
-	background: rgba(255, 255, 255, 0.15);
-	backdrop-filter: blur(10rpx);
-	border-radius: 30rpx;
-	border: 4rpx dashed rgba(255, 255, 255, 0.5);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	overflow: hidden;
-	box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.2);
+  width: 300rpx;
+  height: 300rpx;
+  background: rgba(255, 255, 255, 0.15);
+  backdrop-filter: blur(10rpx);
+  border-radius: 30rpx;
+  border: 4rpx dashed rgba(255, 255, 255, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.2);
 }
 
 .upload-hint {
-	margin-top: 20rpx;
-	font-size: 24rpx;
-	color: rgba(255, 255, 255, 0.7);
-	text-align: center;
+  margin-top: 20rpx;
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.7);
+  text-align: center;
 }
 
 .lenticular-upload-row {
-	width: 100%;
-	display: flex;
-	flex-direction: row;
-	justify-content: center;
-	align-items: stretch;
-	gap: 20rpx;
-	padding: 0 4rpx;
-	box-sizing: border-box;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: stretch;
+  gap: 20rpx;
+  padding: 0 4rpx;
+  box-sizing: border-box;
 }
 
 .upload-box--half {
-	flex: 1;
-	width: 0;
-	min-width: 0;
-	height: 280rpx;
+  flex: 1;
+  width: 0;
+  min-width: 0;
+  height: 280rpx;
 }
 
 .uploaded-image {
-	width: 100%;
-	height: 100%;
-	object-fit: cover;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 
 .upload-placeholder {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: 20rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 20rpx;
 }
 
 .upload-icon {
-	width: 80rpx;
-	height: 80rpx;
-	opacity: 0.8;
+  width: 80rpx;
+  height: 80rpx;
+  opacity: 0.8;
 }
 
 .upload-text {
-	font-size: 24rpx;
-	color: rgba(255, 255, 255, 0.9);
-	font-weight: 500;
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.9);
+  font-weight: 500;
 }
 
 /* 表单区域 */
 .form-section {
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	gap: 30rpx;
-	margin-bottom: 40rpx;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 30rpx;
+  margin-bottom: 40rpx;
 }
 
 .form-item {
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	gap: 16rpx;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 16rpx;
 }
 
 .form-item-picker {
-	position: relative;
-	z-index: 10;
+  position: relative;
+  z-index: 10;
 }
 
 .form-label {
-	font-size: 36rpx;
-	color: #e6e6e6;
-	font-weight: 500;
-	font-family: 'yt', sans-serif;
-	padding: 18rpx 18rpx;
-	background: linear-gradient(165deg, #F0E4B1 0%, #F08399 50%, #B94E73 90%, #834B9E 100%);
-	border-radius: 44rpx;
-	display: inline-block;
-	align-self: flex-start;
-	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
-	text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.4);
+  font-size: 36rpx;
+  color: #e6e6e6;
+  font-weight: 500;
+  font-family: "yt", sans-serif;
+  padding: 18rpx 18rpx;
+  background: linear-gradient(
+    165deg,
+    #f0e4b1 0%,
+    #f08399 50%,
+    #b94e73 90%,
+    #834b9e 100%
+  );
+  border-radius: 44rpx;
+  display: inline-block;
+  align-self: flex-start;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
+  text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.4);
 }
 
 /* 自定义选择器 */
 .custom-picker {
-	position: relative;
-	width: 100%;
-	z-index: 10;
+  position: relative;
+  width: 100%;
+  z-index: 10;
 }
 
 .picker-display {
-	width: 100%;
-	height: 88rpx;
-	background: rgba(255, 255, 255, 0.15);
-	backdrop-filter: blur(10rpx);
-	border-radius: 20rpx;
-	padding: 0 30rpx;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	box-sizing: border-box;
-	box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
-	transition: all 0.3s ease;
+  width: 100%;
+  height: 88rpx;
+  background: rgba(255, 255, 255, 0.15);
+  backdrop-filter: blur(10rpx);
+  border-radius: 20rpx;
+  padding: 0 30rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+  transition: all 0.3s ease;
 }
 
 .picker-display:active {
-	background: rgba(255, 255, 255, 0.2);
+  background: rgba(255, 255, 255, 0.2);
 }
 
 .picker-text {
-	font-size: 32rpx;
-	color: rgba(255, 255, 255, 0.85);
-	text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3);
+  font-size: 32rpx;
+  color: rgba(255, 255, 255, 0.85);
+  text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3);
 }
 
 .picker-arrow {
-	font-size: 48rpx;
-	color: rgba(255, 255, 255, 0.7);
-	font-weight: bold;
-	transform: rotate(90deg);
-	transition: transform 0.3s ease;
+  font-size: 48rpx;
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: bold;
+  transform: rotate(90deg);
+  transition: transform 0.3s ease;
 }
 
 .picker-arrow-up {
-	transform: rotate(-90deg);
+  transform: rotate(-90deg);
 }
 
 .picker-options {
-	position: absolute;
-	top: 100%;
-	left: 0;
-	right: 0;
-	width: 100%;
-	margin-top: 10rpx;
-	background: rgba(255, 255, 255, 0.2);
-	backdrop-filter: blur(15rpx);
-	border-radius: 20rpx;
-	overflow: hidden;
-	box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.2);
-	z-index: 10;
-	animation: slideDown 0.3s ease-out;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  width: 100%;
+  margin-top: 10rpx;
+  background: rgba(255, 255, 255, 0.2);
+  backdrop-filter: blur(15rpx);
+  border-radius: 20rpx;
+  overflow: hidden;
+  box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.2);
+  z-index: 10;
+  animation: slideDown 0.3s ease-out;
 }
 
 @keyframes slideDown {
-	from {
-		opacity: 0;
-		transform: translateY(-10rpx);
-	}
-	to {
-		opacity: 1;
-		transform: translateY(0);
-	}
+  from {
+    opacity: 0;
+    transform: translateY(-10rpx);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 .picker-option {
-	width: 100%;
-	height: 88rpx;
-	padding: 0 30rpx;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	box-sizing: border-box;
-	transition: background 0.2s ease;
-	border-bottom: 1rpx solid rgba(255, 255, 255, 0.1);
+  width: 100%;
+  height: 88rpx;
+  padding: 0 30rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  transition: background 0.2s ease;
+  border-bottom: 1rpx solid rgba(255, 255, 255, 0.1);
 }
 
 .picker-option:last-child {
-	border-bottom: none;
+  border-bottom: none;
 }
 
 .picker-option:active {
-	background: rgba(255, 255, 255, 0.15);
+  background: rgba(255, 255, 255, 0.15);
 }
 
 .picker-option-active {
-	background: rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.1);
 }
 
 .picker-option-text {
-	font-size: 32rpx;
-	color: #e6e6e6;
+  font-size: 32rpx;
+  color: #e6e6e6;
 }
 
 .picker-option-check {
-	font-size: 36rpx;
-	color: #e6e6e6;
-	font-weight: bold;
+  font-size: 36rpx;
+  color: #e6e6e6;
+  font-weight: bold;
 }
 
 .form-textarea {
-	width: 100%;
-	min-height: 200rpx;
-	max-height: 400rpx;
-	background: rgba(255, 255, 255, 0.15);
-	backdrop-filter: blur(10rpx);
-	border-radius: 20rpx;
-	padding: 20rpx 30rpx;
-	font-size: 32rpx;
-	color: #e6e6e6;
-	box-sizing: border-box;
-	box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
-	line-height: 1.5;
+  width: 100%;
+  min-height: 200rpx;
+  max-height: 400rpx;
+  background: rgba(255, 255, 255, 0.15);
+  backdrop-filter: blur(10rpx);
+  border-radius: 20rpx;
+  padding: 20rpx 30rpx;
+  font-size: 32rpx;
+  color: #e6e6e6;
+  box-sizing: border-box;
+  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+  line-height: 1.5;
 }
 
 .textarea-placeholder {
-	color: rgba(255, 255, 255, 0.85);
-	font-size: 32rpx;
-	text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3);
+  color: rgba(255, 255, 255, 0.85);
+  font-size: 32rpx;
+  text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3);
 }
 
 /* AI描述区域 */
 .ai-section {
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	gap: 24rpx;
-	margin-bottom: 40rpx;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 24rpx;
+  margin-bottom: 40rpx;
 }
 
 .section-title {
-	font-size: 36rpx;
-	color: #e6e6e6;
-	font-weight: 500;
-	font-family: 'yt', sans-serif;
-	padding: 18rpx 18rpx;
-	background: linear-gradient(165deg, #F0E4B1 0%, #F08399 50%, #B94E73 90%, #834B9E 100%);
-	border-radius: 44rpx;
-	display: inline-block;
-	align-self: flex-start;
-	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
-	text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.4);
+  font-size: 36rpx;
+  color: #e6e6e6;
+  font-weight: 500;
+  font-family: "yt", sans-serif;
+  padding: 18rpx 18rpx;
+  background: linear-gradient(
+    165deg,
+    #f0e4b1 0%,
+    #f08399 50%,
+    #b94e73 90%,
+    #834b9e 100%
+  );
+  border-radius: 44rpx;
+  display: inline-block;
+  align-self: flex-start;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
+  text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.4);
 }
 
 /* AI输入框 */
 .ai-input-wrapper {
-	width: 100%;
-	min-height: 200rpx;
-	background: rgba(255, 255, 255, 0.15);
-	border-radius: 24rpx;
-	backdrop-filter: blur(10rpx);
-	border: 2rpx solid rgba(255, 255, 255, 0.3);
-	box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.15);
-	display: flex;
-	align-items: flex-start;
-	padding: 20rpx 24rpx;
-	gap: 16rpx;
-	box-sizing: border-box;
+  width: 100%;
+  min-height: 200rpx;
+  background: rgba(255, 255, 255, 0.15);
+  border-radius: 24rpx;
+  backdrop-filter: blur(10rpx);
+  border: 2rpx solid rgba(255, 255, 255, 0.3);
+  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.15);
+  display: flex;
+  align-items: flex-start;
+  padding: 20rpx 24rpx;
+  gap: 16rpx;
+  box-sizing: border-box;
 }
 
 .ai-input {
-	flex: 1;
-	min-height: 192rpx;
-	max-height: 400rpx;
-	font-size: 32rpx;
-	color: rgba(255, 255, 255, 0.95);
-	padding: 0;
-	background: transparent;
-	border: none;
-	line-height: 1.5;
-	box-sizing: border-box;
+  flex: 1;
+  min-height: 192rpx;
+  max-height: 400rpx;
+  font-size: 32rpx;
+  color: rgba(255, 255, 255, 0.95);
+  padding: 0;
+  background: transparent;
+  border: none;
+  line-height: 1.5;
+  box-sizing: border-box;
 }
 
 .ai-placeholder {
-	color: rgba(255, 255, 255, 0.6);
-	font-size: 32rpx;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 32rpx;
 }
 
 /* 底部按钮 */
 .button-section {
-	width: 100%;
-	display: flex;
-	gap: 20rpx;
-	margin-top: 40rpx;
-	padding-bottom: calc(40rpx + constant(safe-area-inset-bottom));
-	padding-bottom: calc(40rpx + env(safe-area-inset-bottom));
+  width: 100%;
+  display: flex;
+  gap: 20rpx;
+  margin-top: 40rpx;
+  padding-bottom: calc(40rpx + constant(safe-area-inset-bottom));
+  padding-bottom: calc(40rpx + env(safe-area-inset-bottom));
 }
 
 .btn-secondary,
 .btn-skip {
-	flex: 1;
-	height: 88rpx;
-	line-height: 88rpx;
-	border-radius: 44rpx;
-	font-size: 36rpx;
-	font-family: 'yt', sans-serif;
-	font-weight: 600;
-	border: none;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
-	text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3);
+  flex: 1;
+  height: 88rpx;
+  line-height: 88rpx;
+  border-radius: 44rpx;
+  font-size: 36rpx;
+  font-family: "yt", sans-serif;
+  font-weight: 600;
+  border: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
+  text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3);
 }
 
 .btn-secondary {
-	background: rgba(255, 255, 255, 0.2);
-	backdrop-filter: blur(10rpx);
-	color: #e6e6e6;
-	border: 2rpx solid rgba(255, 255, 255, 0.4);
+  background: rgba(255, 255, 255, 0.2);
+  backdrop-filter: blur(10rpx);
+  color: #e6e6e6;
+  border: 2rpx solid rgba(255, 255, 255, 0.4);
 }
 
 .btn-secondary::after {
-	border: none;
+  border: none;
 }
 
 .btn-skip {
-	background: linear-gradient(165deg, #F0E4B1 0%, #F08399 50%, #B94E73 90%, #834B9E 100%);
-	color: #e6e6e6;
+  background: linear-gradient(
+    165deg,
+    #f0e4b1 0%,
+    #f08399 50%,
+    #b94e73 90%,
+    #834b9e 100%
+  );
+  color: #e6e6e6;
 }
 
 .btn-skip::after {
-	border: none;
+  border: none;
 }
 
 .btn-secondary:active {
-	background: rgba(255, 255, 255, 0.3);
+  background: rgba(255, 255, 255, 0.3);
 }
 
 .btn-skip:active {
-	opacity: 0.9;
+  opacity: 0.9;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/frontend/pages/castlove/lenticular/lenticular-result.vue b/frontend/pages/castlove/lenticular/lenticular-result.vue
index 0bc3b3c..3d78bb1 100644
--- a/frontend/pages/castlove/lenticular/lenticular-result.vue
+++ b/frontend/pages/castlove/lenticular/lenticular-result.vue
@@ -1,15 +1,24 @@
 <template>
-	<view class="generation-result">
-		<!-- 背景图 -->
-		<image class="background-image" src="/static/background/exhibitionSuccess.png" mode="aspectFill" />
+  <view class="generation-result">
+    <!-- 背景图 -->
+    <image
+      class="background-image"
+      src="/static/background/exhibitionSuccess.png"
+      mode="aspectFill"
+    />
 
-		<!-- 星星装饰 -->
-		<view class="stars-container">
-			<view v-for="i in 20" :key="i" class="star" :style="getStarStyle(i)"></view>
-		</view>
+    <!-- 星星装饰 -->
+    <view class="stars-container">
+      <view
+        v-for="i in 20"
+        :key="i"
+        class="star"
+        :style="getStarStyle(i)"
+      ></view>
+    </view>
 
-		<!-- 顶部奖励提示 -->
-		<!-- <view class="reward-tips">
+    <!-- 顶部奖励提示 -->
+    <!-- <view class="reward-tips">
 			<view class="reward-item">
 				<text class="reward-text">恭喜您获得水晶</text>
 				<image class="reward-icon" src="/static/icon/crystal.png" mode="aspectFit" />
@@ -22,95 +31,139 @@
 			</view>
 		</view> -->
 
-		<!-- 光栅卡：单张工作台预览（陀螺仪） -->
-		<view class="lenticular-result-wrap" :class="{ 'cards-visible': isGiftOpened }">
-			<view class="lenticular-result-card">
-				<view class="card-wrapper craft-card-wrapper">
-					<image class="card-frame" src="/static/square/gerenzhongxincangpinkuang.png" mode="aspectFit" />
-					<view class="craft-lenticular-slot">
-						<LenticularCard v-if="lenticularLayers.length > 0" class="craft-lenticular-card"
-							:layers="lenticularLayers" :transforms="layerTransforms"
-							:show-slider="true"
-							:simulate-tilt="simulateTilt"
-							:simulate-tilt-from-normalized="simulate"
-							:simulate-tilt-reset="simulateTiltReset"
-							tilt-hint-text="晃动或滑动查看" :shimmer-mid-opacity="0.16" />
-					</view>
-				</view>
-			</view>
-		</view>
+    <!-- 光栅卡：单张工作台预览（陀螺仪） -->
+    <view
+      class="lenticular-result-wrap"
+      :class="{ 'cards-visible': isGiftOpened }"
+    >
+      <view class="lenticular-result-card">
+        <view class="card-wrapper craft-card-wrapper">
+          <image
+            class="card-frame"
+            src="/static/square/gerenzhongxincangpinkuang.png"
+            mode="aspectFit"
+          />
+          <view class="craft-lenticular-slot">
+            <LenticularCard
+              v-if="lenticularLayers.length > 0"
+              class="craft-lenticular-card"
+              :layers="lenticularLayers"
+              :transforms="layerTransforms"
+              :show-slider="true"
+              :simulate-tilt="simulateTilt"
+              :simulate-tilt-from-normalized="simulate"
+              :simulate-tilt-reset="simulateTiltReset"
+              tilt-hint-text="晃动或滑动查看"
+              :shimmer-mid-opacity="0.16"
+            />
+          </view>
+        </view>
+      </view>
+    </view>
 
-		<!-- 礼盒 -->
-		<view class="gift-box" :class="{ 'gift-opened': isGiftOpened }">
-			<image v-if="!isGiftOpened" class="gift-image" src="/static/nft/lihe.png" mode="aspectFit" />
-			<image v-else class="gift-image gift-image-opened" src="/static/nft/lihe_kaiqi.png" mode="aspectFit" />
-		</view>
+    <!-- 礼盒 -->
+    <view class="gift-box" :class="{ 'gift-opened': isGiftOpened }">
+      <image
+        v-if="!isGiftOpened"
+        class="gift-image"
+        src="/static/nft/lihe.png"
+        mode="aspectFit"
+      />
+      <image
+        v-else
+        class="gift-image gift-image-opened"
+        src="/static/nft/lihe_kaiqi.png"
+        mode="aspectFit"
+      />
+    </view>
 
-		<!-- 底部按钮 -->
-		<view class="bottom-action" :class="{ 'bottom-action--row': isCraftDetailFlow }">
-			<view v-if="isCraftDetailFlow" class="action-button action-button--secondary" @tap="handleRegenerate">
-				<text class="button-text">重新生成</text>
-			</view>
-			<view class="action-button" @tap="selectAsset">
-				<text class="button-text">开始铸造</text>
-			</view>
-		</view>
+    <!-- 底部按钮 -->
+    <view
+      class="bottom-action"
+      :class="{ 'bottom-action--row': isCraftDetailFlow }"
+    >
+      <view
+        v-if="isCraftDetailFlow"
+        class="action-button action-button--secondary"
+        @tap="handleRegenerate"
+      >
+        <text class="button-text">重新生成</text>
+      </view>
+      <view class="action-button" @tap="selectAsset">
+        <text class="button-text">开始铸造</text>
+      </view>
+    </view>
 
-		<!-- 铸造确认弹窗 -->
-		<ConfirmModal v-if="showConfirmModal" :visible="showConfirmModal" :cost-crystal="confirmCostInfo.costCrystal"
-			:current-balance="confirmCostInfo.currentBalance" :mint-count="confirmCostInfo.mintCount"
-			:next-tier-cost="confirmCostInfo.nextTierCost" @confirm="handleConfirmMint" @cancel="handleCancelMint" />
-	</view>
+    <!-- 铸造确认弹窗 -->
+    <ConfirmModal
+      v-if="showConfirmModal"
+      :visible="showConfirmModal"
+      :cost-crystal="confirmCostInfo.costCrystal"
+      :current-balance="confirmCostInfo.currentBalance"
+      :mint-count="confirmCostInfo.mintCount"
+      :next-tier-cost="confirmCostInfo.nextTierCost"
+      @confirm="handleConfirmMint"
+      @cancel="handleCancelMint"
+    />
+  </view>
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from 'vue';
-import { onUnload } from '@dcloudio/uni-app';
-import { getOssSignatureApi, createMintOrderApi, estimateMintCostApi } from '@/utils/api.js';
-import { resolveH5OssPostUrl } from '@/utils/h5OssPostUrl.js';
-import { getSandboxFileUri, getSandboxFile, clearSandboxSubdir } from '@/utils/ioPath.js';
-import { useAliveGuard } from '@/composables/useAliveGuard.js';
-import LenticularCard from '@/components/lenticular/LenticularCard.vue';
-import ConfirmModal from '@/components/ConfirmModal.vue';
-import { useLenticularCraftTiltPreview } from '@/composables/useLenticularCraftTiltPreview.js';
+import { ref, computed, onMounted } from "vue";
+import { onUnload } from "@dcloudio/uni-app";
 import {
-	buildLenticularLayersTwo,
-	LENTICULAR_STUDIO_STORAGE_KEY,
-} from '@/utils/castloveMintForm.js';
+  getOssSignatureApi,
+  createMintOrderApi,
+  estimateMintCostApi,
+} from "@/utils/api.js";
+import { resolveH5OssPostUrl } from "@/utils/h5OssPostUrl.js";
 import {
-	CASTLOVE_FORM_KEY,
-	GENERATED_IMAGES_KEY,
-	GENERATION_RESULT_META_KEY,
-	completeSelectionAndOpenDetail,
-	isDetailAfterSelect,
-	STUDIO_LENTICULAR,
-} from '@/utils/castloveGenerationFlow.js';
-import { submitCraftMintFromPath } from '@/utils/craftMintSubmit.js';
+  getSandboxFileUri,
+  getSandboxFile,
+  clearSandboxSubdir,
+} from "@/utils/ioPath.js";
+import { useAliveGuard } from "@/composables/useAliveGuard.js";
+import LenticularCard from "@/components/lenticular/LenticularCard.vue";
+import ConfirmModal from "@/components/ConfirmModal.vue";
+import { useLenticularCraftTiltPreview } from "@/composables/useLenticularCraftTiltPreview.js";
+import {
+  buildLenticularLayersTwo,
+  LENTICULAR_STUDIO_STORAGE_KEY,
+} from "@/utils/castloveMintForm.js";
+import {
+  CASTLOVE_FORM_KEY,
+  GENERATED_IMAGES_KEY,
+  GENERATION_RESULT_META_KEY,
+  completeSelectionAndOpenDetail,
+  isDetailAfterSelect,
+  STUDIO_LENTICULAR,
+} from "@/utils/castloveGenerationFlow.js";
+import { submitCraftMintFromPath } from "@/utils/craftMintSubmit.js";
 
 const generatedImages = ref([]);
 const selectedIndex = ref(-1);
 const isUploading = ref(false);
-const currentOrderId = ref('');
+const currentOrderId = ref("");
 const isGiftOpened = ref(false);
 const craftFormData = ref(null);
-const resultMeta = ref('lenticular');
+const resultMeta = ref("lenticular");
 
 // 确认铸造弹窗
 const showConfirmModal = ref(false);
 const confirmCostInfo = ref({
-	costCrystal: 0,
-	currentBalance: 0,
-	mintCount: 0,
-	nextTierCost: 0,
+  costCrystal: 0,
+  currentBalance: 0,
+  mintCount: 0,
+  nextTierCost: 0,
 });
 
 const lenticularLayers = ref([]);
 const {
-	layerTransforms,
-	simulate,           // 连续版（re-exported from useLenticularPreview），给 auto + 触摸用，避免卡顿
-	simulateTilt,       // 离散 craft 版（snap + 滞回），给滑块用，保留清晰分层
-	simulateTiltFromNormalized,
-	simulateTiltReset,
+  layerTransforms,
+  simulate, // 连续版（re-exported from useLenticularPreview），给 auto + 触摸用，避免卡顿
+  simulateTilt, // 离散 craft 版（snap + 滞回），给滑块用，保留清晰分层
+  simulateTiltFromNormalized,
+  simulateTiltReset,
 } = useLenticularCraftTiltPreview(lenticularLayers);
 
 // 注：tiltValue / onSliderChange / onSliderReset / onTouchSimulate 都已迁移到
@@ -118,10 +171,14 @@ const {
 // 这里只需要把引擎函数作为 props 传给 card 即可。
 
 // 光栅卡详情确认流程
-const isCraftDetailFlow = computed(() => isDetailAfterSelect(craftFormData.value));
+const isCraftDetailFlow = computed(() =>
+  isDetailAfterSelect(craftFormData.value),
+);
 // 光栅展示模式：结果显示为光栅 或 表单数据为光栅类型
 const isLenticularDisplay = computed(
-	() => resultMeta.value?.displayMode === STUDIO_LENTICULAR || craftFormData.value?.studio_kind === STUDIO_LENTICULAR
+  () =>
+    resultMeta.value?.displayMode === STUDIO_LENTICULAR ||
+    craftFormData.value?.studio_kind === STUDIO_LENTICULAR,
 );
 
 // const primaryActionLabel = computed(() =>
@@ -129,54 +186,54 @@ const isLenticularDisplay = computed(
 // );
 
 const handleRegenerate = () => {
-	uni.navigateBack({ delta: 2 });
+  uni.navigateBack({ delta: 2 });
 };
 
 // 更新本地存储的余额
 function updateLocalBalance(newBalance) {
-	try {
-		const userStr = uni.getStorageSync('user')
-		if (userStr) {
-			const user = typeof userStr === 'string' ? JSON.parse(userStr) : { ...userStr }
-			user.crystal_balance = Number(newBalance) || 0
-			uni.setStorageSync('user', JSON.stringify(user))
-			uni.$emit('balanceUpdated', { crystal_balance: user.crystal_balance })
-		}
-	} catch (e) {
-		console.warn('[lenticular-result] 更新本地余额失败:', e)
-	}
+  try {
+    const userStr = uni.getStorageSync("user");
+    if (userStr) {
+      const user =
+        typeof userStr === "string" ? JSON.parse(userStr) : { ...userStr };
+      user.crystal_balance = Number(newBalance) || 0;
+      uni.setStorageSync("user", JSON.stringify(user));
+      uni.$emit("balanceUpdated", { crystal_balance: user.crystal_balance });
+    }
+  } catch (e) {
+    console.warn("[lenticular-result] 更新本地余额失败:", e);
+  }
 }
 
 // 获取星星样式
 const getStarStyle = (index) => {
-	const left = Math.random() * 100;
-	const top = Math.random() * 100;
-	const size = Math.random() * 3 + 1;
-	const delay = Math.random() * 3;
+  const left = Math.random() * 100;
+  const top = Math.random() * 100;
+  const size = Math.random() * 3 + 1;
+  const delay = Math.random() * 3;
 
-	return {
-		left: `${left}%`,
-		top: `${top}%`,
-		width: `${size}rpx`,
-		height: `${size}rpx`,
-		animationDelay: `${delay}s`
-	};
+  return {
+    left: `${left}%`,
+    top: `${top}%`,
+    width: `${size}rpx`,
+    height: `${size}rpx`,
+    animationDelay: `${delay}s`,
+  };
 };
 
-
 // 将base64转换为Blob
 const base64ToBlob = (base64Data) => {
-	const parts = base64Data.split(';base64,');
-	const contentType = parts[0].split(':')[1];
-	const raw = atob(parts[1]);
-	const rawLength = raw.length;
-	const uInt8Array = new Uint8Array(rawLength);
+  const parts = base64Data.split(";base64,");
+  const contentType = parts[0].split(":")[1];
+  const raw = atob(parts[1]);
+  const rawLength = raw.length;
+  const uInt8Array = new Uint8Array(rawLength);
 
-	for (let i = 0; i < rawLength; i++) {
-		uInt8Array[i] = raw.charCodeAt(i);
-	}
+  for (let i = 0; i < rawLength; i++) {
+    uInt8Array[i] = raw.charCodeAt(i);
+  }
 
-	return new Blob([uInt8Array], { type: contentType });
+  return new Blob([uInt8Array], { type: contentType });
 };
 
 // alive 守卫:页面销毁后,原生异步回调不再触碰 state,避免 iOS WebView 报错
@@ -184,1093 +241,1177 @@ const { guard } = useAliveGuard();
 
 // 上传图片到OSS
 const uploadImageToOss = async (base64Image) => {
-	console.log('[GenerationResult] uploadImageToOss 开始');
-	isUploading.value = true;
+  console.log("[GenerationResult] uploadImageToOss 开始");
+  isUploading.value = true;
 
-	try {
-		uni.showLoading({ title: '上传中...', mask: true });
+  try {
+    uni.showLoading({ title: "上传中...", mask: true });
 
-		// 1. 获取OSS签名
-		const signRes = await getOssSignatureApi('asset');
-		console.log('[GenerationResult] 获取签名结果:', signRes);
+    // 1. 获取OSS签名
+    const signRes = await getOssSignatureApi("asset");
+    console.log("[GenerationResult] 获取签名结果:", signRes);
 
-		if (signRes.code !== 0) {
-			throw new Error(signRes.message || '获取签名失败');
-		}
+    if (signRes.code !== 0) {
+      throw new Error(signRes.message || "获取签名失败");
+    }
 
-		// 保存order_id
-		currentOrderId.value = signRes.data.order_id || '';
-		console.log('[GenerationResult] order_id:', currentOrderId.value);
+    // 保存order_id
+    currentOrderId.value = signRes.data.order_id || "";
+    console.log("[GenerationResult] order_id:", currentOrderId.value);
 
-		// 2. 生成文件名
-		const timestamp = Date.now();
-		const randomStr = Math.random().toString(36).substring(2, 8);
-		const fileName = `ai_generated_${timestamp}_${randomStr}.png`;
+    // 2. 生成文件名
+    const timestamp = Date.now();
+    const randomStr = Math.random().toString(36).substring(2, 8);
+    const fileName = `ai_generated_${timestamp}_${randomStr}.png`;
 
-		let imageUrl;
+    let imageUrl;
 
-		// #ifdef H5
-		// H5环境：使用FormData + Blob
-		console.log('[GenerationResult] H5环境，使用Blob上传');
-		const blob = base64ToBlob(base64Image);
-		console.log('[GenerationResult] Blob创建成功，大小:', blob.size);
+    // #ifdef H5
+    // H5环境：使用FormData + Blob
+    console.log("[GenerationResult] H5环境，使用Blob上传");
+    const blob = base64ToBlob(base64Image);
+    console.log("[GenerationResult] Blob创建成功，大小:", blob.size);
 
-		const formData = new FormData();
-		formData.append('key', signRes.data.dir + fileName);
-		formData.append('policy', signRes.data.policy);
-		formData.append('success_action_status', '200');
-		formData.append('x-oss-credential', signRes.data.x_oss_credential);
-		formData.append('x-oss-date', signRes.data.x_oss_date);
-		formData.append('x-oss-security-token', signRes.data.security_token);
-		formData.append('x-oss-signature', signRes.data.signature);
-		formData.append('x-oss-signature-version', signRes.data.x_oss_signature_version);
-		formData.append('file', blob, fileName);
+    const formData = new FormData();
+    formData.append("key", signRes.data.dir + fileName);
+    formData.append("policy", signRes.data.policy);
+    formData.append("success_action_status", "200");
+    formData.append("x-oss-credential", signRes.data.x_oss_credential);
+    formData.append("x-oss-date", signRes.data.x_oss_date);
+    formData.append("x-oss-security-token", signRes.data.security_token);
+    formData.append("x-oss-signature", signRes.data.signature);
+    formData.append(
+      "x-oss-signature-version",
+      signRes.data.x_oss_signature_version,
+    );
+    formData.append("file", blob, fileName);
 
-		const response = await fetch(signRes.data.host, {
-			method: 'POST',
-			body: formData
-		});
+    const response = await fetch(signRes.data.host, {
+      method: "POST",
+      body: formData,
+    });
 
-		console.log('[GenerationResult] OSS响应状态:', response.status);
+    console.log("[GenerationResult] OSS响应状态:", response.status);
 
-		if (response.ok || response.status === 204) {
-			imageUrl = `${signRes.data.host}/${signRes.data.dir}${fileName}`;
-		} else {
-			throw new Error(`上传失败，状态码: ${response.status}`);
-		}
-		// #endif
+    if (response.ok || response.status === 204) {
+      imageUrl = `${signRes.data.host}/${signRes.data.dir}${fileName}`;
+    } else {
+      throw new Error(`上传失败，状态码: ${response.status}`);
+    }
+    // #endif
 
-		// #ifndef H5
-		// App/小程序环境：使用uni.uploadFile
-		console.log('[GenerationResult] 非H5环境，使用uni.uploadFile');
+    // #ifndef H5
+    // App/小程序环境：使用uni.uploadFile
+    console.log("[GenerationResult] 非H5环境，使用uni.uploadFile");
 
-		let tempFilePath; // 声明临时文件路径变量
+    let tempFilePath; // 声明临时文件路径变量
 
-		// #ifdef APP-PLUS
-		// App环境：直接使用base64上传（通过临时文件）
-		console.log('[GenerationResult] App环境，使用base64临时文件');
+    // #ifdef APP-PLUS
+    // App环境：直接使用base64上传（通过临时文件）
+    console.log("[GenerationResult] App环境，使用base64临时文件");
 
-		// 使用uni.saveFile保存base64为临时文件
-		const base64Data = base64Image.replace(/^data:image\/\w+;base64,/, '');
+    // 使用uni.saveFile保存base64为临时文件
+    const base64Data = base64Image.replace(/^data:image\/\w+;base64,/, "");
 
-		// 先转换为临时文件路径
-		tempFilePath = await new Promise((resolve, reject) => {
-			// 使用uni的base64ToTempFilePath（如果可用）
-			if (uni.base64ToTempFilePath) {
-				uni.base64ToTempFilePath({
-					base64Data: base64Image,
-					success: guard((res) => {
-						console.log('[GenerationResult] base64转临时文件成功:', res.tempFilePath);
-						resolve(res.tempFilePath);
-					}),
-					fail: guard((error) => {
-						console.error('[GenerationResult] base64转临时文件失败:', error);
-						reject(new Error('base64转临时文件失败'));
-					})
-				});
-			} else {
-				// 降级方案：使用plus.io
-				// Android 10+ 适配:bitmap.save 接受沙盒 file:// 绝对路径(避免 '_doc/' 字符串写失败)
-				console.log('[GenerationResult] 使用plus.io方案');
-				getSandboxFileUri(['lenticular-result', 'tmp'], fileName).then((tempPath) => {
-					const bitmap = new plus.nativeObj.Bitmap('temp');
-					bitmap.loadBase64Data(base64Image, guard(() => {
-						bitmap.save(tempPath, { overwrite: true }, guard(() => {
-							console.log('[GenerationResult] 图片保存成功:', tempPath);
-							bitmap.clear();
-							resolve(tempPath);
-						}, guard((error) => {
-							console.error('[GenerationResult] 图片保存失败:', error);
-							bitmap.clear();
-							reject(new Error('图片保存失败'));
-						}));
-					}, guard((error) => {
-						console.error('[GenerationResult] 加载base64失败:', error);
-						bitmap.clear();
-						reject(new Error('加载base64失败'));
-					})));
-				}).catch(reject);
-			}
-		});
-		// #endif
+    // 先转换为临时文件路径
+    tempFilePath = await new Promise((resolve, reject) => {
+      // 使用uni的base64ToTempFilePath（如果可用）
+      if (uni.base64ToTempFilePath) {
+        uni.base64ToTempFilePath({
+          base64Data: base64Image,
+          success: guard((res) => {
+            console.log(
+              "[GenerationResult] base64转临时文件成功:",
+              res.tempFilePath,
+            );
+            resolve(res.tempFilePath);
+          }),
+          fail: guard((error) => {
+            console.error("[GenerationResult] base64转临时文件失败:", error);
+            reject(new Error("base64转临时文件失败"));
+          }),
+        });
+      } else {
+        // 降级方案：使用plus.io
+        // Android 10+ 适配:bitmap.save 接受沙盒 file:// 绝对路径(避免 '_doc/' 字符串写失败)
+        console.log("[GenerationResult] 使用plus.io方案");
+        getSandboxFileUri(["lenticular-result", "tmp"], fileName)
+          .then((tempPath) => {
+            const bitmap = new plus.nativeObj.Bitmap("temp");
+            bitmap.loadBase64Data(
+              base64Image,
+              guard(
+                () => {
+                  bitmap.save(
+                    tempPath,
+                    { overwrite: true },
+                    guard(
+                      () => {
+                        console.log(
+                          "[GenerationResult] 图片保存成功:",
+                          tempPath,
+                        );
+                        bitmap.clear();
+                        resolve(tempPath);
+                      },
+                      guard((error) => {
+                        console.error(
+                          "[GenerationResult] 图片保存失败:",
+                          error,
+                        );
+                        bitmap.clear();
+                        reject(new Error("图片保存失败"));
+                      }),
+                    ),
+                  );
+                },
+                guard((error) => {
+                  console.error("[GenerationResult] 加载base64失败:", error);
+                  bitmap.clear();
+                  reject(new Error("加载base64失败"));
+                }),
+              ),
+            );
+          })
+          .catch(reject);
+      }
+    });
+    // #endif
 
-		// #ifdef MP-WEIXIN || MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-QQ
-		// 小程序环境：使用FileSystemManager
-		console.log('[GenerationResult] 小程序环境');
-		const base64Data = base64Image.replace(/^data:image\/\w+;base64,/, '');
+    // #ifdef MP-WEIXIN || MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-QQ
+    // 小程序环境：使用FileSystemManager
+    console.log("[GenerationResult] 小程序环境");
+    const base64Data = base64Image.replace(/^data:image\/\w+;base64,/, "");
 
-		// #ifdef MP-WEIXIN
-		tempFilePath = `${wx.env.USER_DATA_PATH}/${fileName}`;
-		// #endif
-		// #ifdef MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-QQ
-		tempFilePath = `${uni.env.USER_DATA_PATH}/${fileName}`;
-		// #endif
+    // #ifdef MP-WEIXIN
+    tempFilePath = `${wx.env.USER_DATA_PATH}/${fileName}`;
+    // #endif
+    // #ifdef MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-QQ
+    tempFilePath = `${uni.env.USER_DATA_PATH}/${fileName}`;
+    // #endif
 
-		console.log('[GenerationResult] 临时文件路径:', tempFilePath);
+    console.log("[GenerationResult] 临时文件路径:", tempFilePath);
 
-		const fs = uni.getFileSystemManager();
-		await new Promise((resolve, reject) => {
-			fs.writeFile({
-				filePath: tempFilePath,
-				data: base64Data,
-				encoding: 'base64',
-				success: guard(() => {
-					console.log('[GenerationResult] 文件写入成功');
-					resolve();
-				}),
-				fail: guard((error) => {
-					console.error('[GenerationResult] 文件写入失败:', error);
-					reject(new Error('保存临时文件失败'));
-				})
-			});
-		});
-		// #endif
+    const fs = uni.getFileSystemManager();
+    await new Promise((resolve, reject) => {
+      fs.writeFile({
+        filePath: tempFilePath,
+        data: base64Data,
+        encoding: "base64",
+        success: guard(() => {
+          console.log("[GenerationResult] 文件写入成功");
+          resolve();
+        }),
+        fail: guard((error) => {
+          console.error("[GenerationResult] 文件写入失败:", error);
+          reject(new Error("保存临时文件失败"));
+        }),
+      });
+    });
+    // #endif
 
-		console.log('[GenerationResult] 开始上传到OSS，文件路径:', tempFilePath);
+    console.log("[GenerationResult] 开始上传到OSS，文件路径:", tempFilePath);
 
-		// 上传到OSS
-		imageUrl = await new Promise((resolve, reject) => {
-			uni.uploadFile({
-				url: signRes.data.host,
-				filePath: tempFilePath,
-				name: 'file',
-				formData: {
-					key: signRes.data.dir + fileName,
-					policy: signRes.data.policy,
-					success_action_status: '200',
-					'x-oss-credential': signRes.data.x_oss_credential,
-					'x-oss-date': signRes.data.x_oss_date,
-					'x-oss-security-token': signRes.data.security_token,
-					'x-oss-signature': signRes.data.signature,
-					'x-oss-signature-version': signRes.data.x_oss_signature_version
-				},
-				success: guard((uploadRes) => {
-					console.log('[GenerationResult] OSS上传响应:', uploadRes.statusCode);
-					console.log('[GenerationResult] OSS上传完整响应:', uploadRes);
+    // 上传到OSS
+    imageUrl = await new Promise((resolve, reject) => {
+      uni.uploadFile({
+        url: signRes.data.host,
+        filePath: tempFilePath,
+        name: "file",
+        formData: {
+          key: signRes.data.dir + fileName,
+          policy: signRes.data.policy,
+          success_action_status: "200",
+          "x-oss-credential": signRes.data.x_oss_credential,
+          "x-oss-date": signRes.data.x_oss_date,
+          "x-oss-security-token": signRes.data.security_token,
+          "x-oss-signature": signRes.data.signature,
+          "x-oss-signature-version": signRes.data.x_oss_signature_version,
+        },
+        success: guard((uploadRes) => {
+          console.log("[GenerationResult] OSS上传响应:", uploadRes.statusCode);
+          console.log("[GenerationResult] OSS上传完整响应:", uploadRes);
 
-					if (uploadRes.statusCode === 200 || uploadRes.statusCode === 204) {
-						const url = `${signRes.data.host}/${signRes.data.dir}${fileName}`;
-						console.log('[GenerationResult] 上传成功，URL:', url);
-						// 上传成功后清理临时文件(doc/lenticular-result/tmp/),避免 doc 残留垃圾
-						clearSandboxSubdir(['lenticular-result', 'tmp']).catch((e) => {
-							console.warn('[GenerationResult] clear tmp dir failed:', e?.message)
-						})
-						resolve(url);
-					} else {
-						reject(new Error(`上传失败，状态码: ${uploadRes.statusCode}`));
-					}
-				}),
-				fail: guard((error) => {
-					console.error('[GenerationResult] OSS上传失败:', error);
-					reject(error);
-				})
-			});
-		});
-		// #endif
+          if (uploadRes.statusCode === 200 || uploadRes.statusCode === 204) {
+            const url = `${signRes.data.host}/${signRes.data.dir}${fileName}`;
+            console.log("[GenerationResult] 上传成功，URL:", url);
+            // 上传成功后清理临时文件(doc/lenticular-result/tmp/),避免 doc 残留垃圾
+            clearSandboxSubdir(["lenticular-result", "tmp"]).catch((e) => {
+              console.warn(
+                "[GenerationResult] clear tmp dir failed:",
+                e?.message,
+              );
+            });
+            resolve(url);
+          } else {
+            reject(new Error(`上传失败，状态码: ${uploadRes.statusCode}`));
+          }
+        }),
+        fail: guard((error) => {
+          console.error("[GenerationResult] OSS上传失败:", error);
+          reject(error);
+        }),
+      });
+    });
+    // #endif
 
-		console.log('[GenerationResult] 上传成功，URL:', imageUrl);
-		uni.hideLoading();
-		uni.showToast({
-			title: '上传成功',
-			icon: 'success',
-			duration: 1500
-		});
-		isUploading.value = false;
-		return imageUrl;
-
-	} catch (error) {
-		console.error('[GenerationResult] 上传失败:', error);
-		uni.hideLoading();
-		uni.showToast({
-			title: error.message || '上传失败',
-			icon: 'none',
-			duration: 2000
-		});
-		isUploading.value = false;
-		throw error;
-	}
+    console.log("[GenerationResult] 上传成功，URL:", imageUrl);
+    uni.hideLoading();
+    uni.showToast({
+      title: "上传成功",
+      icon: "success",
+      duration: 1500,
+    });
+    isUploading.value = false;
+    return imageUrl;
+  } catch (error) {
+    console.error("[GenerationResult] 上传失败:", error);
+    uni.hideLoading();
+    uni.showToast({
+      title: error.message || "上传失败",
+      icon: "none",
+      duration: 2000,
+    });
+    isUploading.value = false;
+    throw error;
+  }
 };
 
 // H5环境上传
 const uploadToOssH5 = async (base64Image, fileName, ossData) => {
-	return new Promise((resolve, reject) => {
-		try {
-			// 将base64转换为Blob
-			const blob = base64ToBlob(base64Image);
+  return new Promise((resolve, reject) => {
+    try {
+      // 将base64转换为Blob
+      const blob = base64ToBlob(base64Image);
 
-			// 构建FormData
-			const formData = new FormData();
-			formData.append('key', ossData.dir + fileName);
-			formData.append('policy', ossData.policy);
-			formData.append('success_action_status', '200');
-			formData.append('x-oss-credential', ossData.x_oss_credential);
-			formData.append('x-oss-date', ossData.x_oss_date);
-			formData.append('x-oss-security-token', ossData.security_token);
-			formData.append('x-oss-signature', ossData.signature);
-			formData.append('x-oss-signature-version', ossData.x_oss_signature_version);
-			formData.append('file', blob, fileName);
+      // 构建FormData
+      const formData = new FormData();
+      formData.append("key", ossData.dir + fileName);
+      formData.append("policy", ossData.policy);
+      formData.append("success_action_status", "200");
+      formData.append("x-oss-credential", ossData.x_oss_credential);
+      formData.append("x-oss-date", ossData.x_oss_date);
+      formData.append("x-oss-security-token", ossData.security_token);
+      formData.append("x-oss-signature", ossData.signature);
+      formData.append(
+        "x-oss-signature-version",
+        ossData.x_oss_signature_version,
+      );
+      formData.append("file", blob, fileName);
 
-			// 使用fetch上传
-			fetch(resolveH5OssPostUrl(ossData.host), {
-				method: 'POST',
-				body: formData
-			})
-				.then(response => {
-					if (response.ok) {
-						const imageUrl = `${ossData.host}/${ossData.dir}${fileName}`;
-						uni.hideLoading();
-						uni.showToast({
-							title: '上传成功',
-							icon: 'success',
-							duration: 1500
-						});
-						isUploading.value = false;
-						resolve(imageUrl); // 只返回URL
-					} else {
-						throw new Error(`上传失败，状态码: ${response.status}`);
-					}
-				})
-				.catch(error => {
-					uni.hideLoading();
-					isUploading.value = false;
-					reject(error);
-				});
-		} catch (error) {
-			uni.hideLoading();
-			isUploading.value = false;
-			reject(error);
-		}
-	});
+      // 使用fetch上传
+      fetch(resolveH5OssPostUrl(ossData.host), {
+        method: "POST",
+        body: formData,
+      })
+        .then((response) => {
+          if (response.ok) {
+            const imageUrl = `${ossData.host}/${ossData.dir}${fileName}`;
+            uni.hideLoading();
+            uni.showToast({
+              title: "上传成功",
+              icon: "success",
+              duration: 1500,
+            });
+            isUploading.value = false;
+            resolve(imageUrl); // 只返回URL
+          } else {
+            throw new Error(`上传失败，状态码: ${response.status}`);
+          }
+        })
+        .catch((error) => {
+          uni.hideLoading();
+          isUploading.value = false;
+          reject(error);
+        });
+    } catch (error) {
+      uni.hideLoading();
+      isUploading.value = false;
+      reject(error);
+    }
+  });
 };
 
 // App/小程序环境上传
 const uploadToOssNative = async (base64Image, fileName, ossData) => {
-	console.log('[GenerationResult] uploadToOssNative 开始');
-	console.log('[GenerationResult] fileName:', fileName);
+  console.log("[GenerationResult] uploadToOssNative 开始");
+  console.log("[GenerationResult] fileName:", fileName);
 
-	return new Promise((resolve, reject) => {
-		try {
-			// 去掉base64前缀
-			const base64Data = base64Image.replace(/^data:image\/\w+;base64,/, '');
-			console.log('[GenerationResult] base64数据长度:', base64Data.length);
+  return new Promise((resolve, reject) => {
+    try {
+      // 去掉base64前缀
+      const base64Data = base64Image.replace(/^data:image\/\w+;base64,/, "");
+      console.log("[GenerationResult] base64数据长度:", base64Data.length);
 
-			// #ifdef MP-WEIXIN
-			// 微信小程序环境
-			console.log('[GenerationResult] 使用微信小程序环境');
-			const fs = uni.getFileSystemManager();
-			const tempFilePath = `${wx.env.USER_DATA_PATH}/${fileName}`;
-			console.log('[GenerationResult] 临时文件路径:', tempFilePath);
+      // #ifdef MP-WEIXIN
+      // 微信小程序环境
+      console.log("[GenerationResult] 使用微信小程序环境");
+      const fs = uni.getFileSystemManager();
+      const tempFilePath = `${wx.env.USER_DATA_PATH}/${fileName}`;
+      console.log("[GenerationResult] 临时文件路径:", tempFilePath);
 
-			fs.writeFile({
-				filePath: tempFilePath,
-				data: base64Data,
-				encoding: 'base64',
-				success: () => {
-					console.log('[GenerationResult] 文件写入成功');
-					uploadFileToOss(tempFilePath, fileName, ossData, resolve, reject, fs);
-				},
-				fail: (error) => {
-					console.error('[GenerationResult] 保存临时文件失败:', error);
-					uni.hideLoading();
-					isUploading.value = false;
-					reject(new Error('保存临时文件失败'));
-				}
-			});
-			// #endif
+      fs.writeFile({
+        filePath: tempFilePath,
+        data: base64Data,
+        encoding: "base64",
+        success: () => {
+          console.log("[GenerationResult] 文件写入成功");
+          uploadFileToOss(tempFilePath, fileName, ossData, resolve, reject, fs);
+        },
+        fail: (error) => {
+          console.error("[GenerationResult] 保存临时文件失败:", error);
+          uni.hideLoading();
+          isUploading.value = false;
+          reject(new Error("保存临时文件失败"));
+        },
+      });
+      // #endif
 
-			// #ifdef APP-PLUS
-			// App环境
-			console.log('[GenerationResult] 使用App环境');
-			const fs = plus.io.getFileSystemManager ? uni.getFileSystemManager() : null;
-			console.log('[GenerationResult] FileSystemManager:', fs ? '可用' : '不可用');
+      // #ifdef APP-PLUS
+      // App环境
+      console.log("[GenerationResult] 使用App环境");
+      const fs = plus.io.getFileSystemManager
+        ? uni.getFileSystemManager()
+        : null;
+      console.log(
+        "[GenerationResult] FileSystemManager:",
+        fs ? "可用" : "不可用",
+      );
 
-			if (!fs) {
-				// 使用plus.io API
-				// Android 10+ 适配:用 PRIVATE_DOC 沙盒根替代 '_doc' 字符串
-				console.log('[GenerationResult] 使用plus.io API');
-				getSandboxFileUri(['lenticular-result', 'tmp'], fileName).then((tempFilePath) => {
-					console.log('[GenerationResult] 临时文件路径:', tempFilePath);
-					return getSandboxFile(['lenticular-result', 'tmp'], fileName, true);
-				}).then((fileEntry) => {
-					console.log('[GenerationResult] 获取文件系统成功');
-					fileEntry.createWriter((writer) => {
-						writer.onwrite = guard(() => {
-							console.log('[GenerationResult] 文件写入成功');
-							uploadFileToOss(fileEntry.toLocalURL(), fileName, ossData, resolve, reject, null);
-						});
-						writer.onerror = guard((error) => {
-							console.error('[GenerationResult] 写入文件失败:', error);
-							uni.hideLoading();
-							isUploading.value = false;
-							reject(new Error('写入文件失败'));
-						});
-						console.log('[GenerationResult] 开始转换base64为Blob');
-						try {
-							const blob = base64ToBlob(base64Image);
-							console.log('[GenerationResult] Blob创建成功，大小:', blob.size);
-							writer.write(blob);
-						} catch (blobError) {
-							console.error('[GenerationResult] Blob转换失败:', blobError);
-							uni.hideLoading();
-							isUploading.value = false;
-							reject(new Error('Blob转换失败'));
-						}
-					});
-				}).catch((error) => {
-					console.error('[GenerationResult] plus.io流程失败:', error);
-					uni.hideLoading();
-					isUploading.value = false;
-					reject(error);
-				});
-			} else {
-				// 使用FileSystemManager API
-				console.log('[GenerationResult] 使用FileSystemManager API');
-				const tempFilePath = `${plus.io.getStorageRootPath()}${fileName}`;
-				console.log('[GenerationResult] 临时文件路径:', tempFilePath);
+      if (!fs) {
+        // 使用plus.io API
+        // Android 10+ 适配:用 PRIVATE_DOC 沙盒根替代 '_doc' 字符串
+        console.log("[GenerationResult] 使用plus.io API");
+        getSandboxFileUri(["lenticular-result", "tmp"], fileName)
+          .then((tempFilePath) => {
+            console.log("[GenerationResult] 临时文件路径:", tempFilePath);
+            return getSandboxFile(["lenticular-result", "tmp"], fileName, true);
+          })
+          .then((fileEntry) => {
+            console.log("[GenerationResult] 获取文件系统成功");
+            fileEntry.createWriter((writer) => {
+              writer.onwrite = guard(() => {
+                console.log("[GenerationResult] 文件写入成功");
+                uploadFileToOss(
+                  fileEntry.toLocalURL(),
+                  fileName,
+                  ossData,
+                  resolve,
+                  reject,
+                  null,
+                );
+              });
+              writer.onerror = guard((error) => {
+                console.error("[GenerationResult] 写入文件失败:", error);
+                uni.hideLoading();
+                isUploading.value = false;
+                reject(new Error("写入文件失败"));
+              });
+              console.log("[GenerationResult] 开始转换base64为Blob");
+              try {
+                const blob = base64ToBlob(base64Image);
+                console.log(
+                  "[GenerationResult] Blob创建成功，大小:",
+                  blob.size,
+                );
+                writer.write(blob);
+              } catch (blobError) {
+                console.error("[GenerationResult] Blob转换失败:", blobError);
+                uni.hideLoading();
+                isUploading.value = false;
+                reject(new Error("Blob转换失败"));
+              }
+            });
+          })
+          .catch((error) => {
+            console.error("[GenerationResult] plus.io流程失败:", error);
+            uni.hideLoading();
+            isUploading.value = false;
+            reject(error);
+          });
+      } else {
+        // 使用FileSystemManager API
+        console.log("[GenerationResult] 使用FileSystemManager API");
+        const tempFilePath = `${plus.io.getStorageRootPath()}${fileName}`;
+        console.log("[GenerationResult] 临时文件路径:", tempFilePath);
 
-				fs.writeFile({
-					filePath: tempFilePath,
-					data: base64Data,
-					encoding: 'base64',
-					success: guard(() => {
-						console.log('[GenerationResult] 文件写入成功');
-						uploadFileToOss(tempFilePath, fileName, ossData, resolve, reject, fs);
-					}),
-					fail: guard((error) => {
-						console.error('[GenerationResult] 保存临时文件失败:', error);
-						uni.hideLoading();
-						isUploading.value = false;
-						reject(new Error('保存临时文件失败'));
-					})
-				});
-			}
-			// #endif
-
-		} catch (error) {
-			console.error('[GenerationResult] uploadToOssNative异常:', error);
-			uni.hideLoading();
-			isUploading.value = false;
-			reject(error);
-		}
-	});
+        fs.writeFile({
+          filePath: tempFilePath,
+          data: base64Data,
+          encoding: "base64",
+          success: guard(() => {
+            console.log("[GenerationResult] 文件写入成功");
+            uploadFileToOss(
+              tempFilePath,
+              fileName,
+              ossData,
+              resolve,
+              reject,
+              fs,
+            );
+          }),
+          fail: guard((error) => {
+            console.error("[GenerationResult] 保存临时文件失败:", error);
+            uni.hideLoading();
+            isUploading.value = false;
+            reject(new Error("保存临时文件失败"));
+          }),
+        });
+      }
+      // #endif
+    } catch (error) {
+      console.error("[GenerationResult] uploadToOssNative异常:", error);
+      uni.hideLoading();
+      isUploading.value = false;
+      reject(error);
+    }
+  });
 };
 
 // 统一的文件上传逻辑
-const uploadFileToOss = (tempFilePath, fileName, ossData, resolve, reject, fs) => {
-	console.log('[GenerationResult] uploadFileToOss 开始');
-	console.log('[GenerationResult] tempFilePath:', tempFilePath);
-	console.log('[GenerationResult] OSS host:', ossData.host);
+const uploadFileToOss = (
+  tempFilePath,
+  fileName,
+  ossData,
+  resolve,
+  reject,
+  fs,
+) => {
+  console.log("[GenerationResult] uploadFileToOss 开始");
+  console.log("[GenerationResult] tempFilePath:", tempFilePath);
+  console.log("[GenerationResult] OSS host:", ossData.host);
 
-	uni.uploadFile({
-		url: ossData.host,
-		filePath: tempFilePath,
-		name: 'file',
-		formData: {
-			key: ossData.dir + fileName,
-			policy: ossData.policy,
-			success_action_status: '200',
-			'x-oss-credential': ossData.x_oss_credential,
-			'x-oss-date': ossData.x_oss_date,
-			'x-oss-security-token': ossData.security_token,
-			'x-oss-signature': ossData.signature,
-			'x-oss-signature-version': ossData.x_oss_signature_version
-		},
-		success: guard((uploadRes) => {
-			console.log('[GenerationResult] OSS上传响应:', uploadRes);
-			console.log('[GenerationResult] 状态码:', uploadRes.statusCode);
+  uni.uploadFile({
+    url: ossData.host,
+    filePath: tempFilePath,
+    name: "file",
+    formData: {
+      key: ossData.dir + fileName,
+      policy: ossData.policy,
+      success_action_status: "200",
+      "x-oss-credential": ossData.x_oss_credential,
+      "x-oss-date": ossData.x_oss_date,
+      "x-oss-security-token": ossData.security_token,
+      "x-oss-signature": ossData.signature,
+      "x-oss-signature-version": ossData.x_oss_signature_version,
+    },
+    success: guard((uploadRes) => {
+      console.log("[GenerationResult] OSS上传响应:", uploadRes);
+      console.log("[GenerationResult] 状态码:", uploadRes.statusCode);
 
-			if (uploadRes.statusCode === 200 || uploadRes.statusCode === 204) {
-				const imageUrl = `${ossData.host}/${ossData.dir}${fileName}`;
-				console.log('[GenerationResult] 上传成功，图片URL:', imageUrl);
+      if (uploadRes.statusCode === 200 || uploadRes.statusCode === 204) {
+        const imageUrl = `${ossData.host}/${ossData.dir}${fileName}`;
+        console.log("[GenerationResult] 上传成功，图片URL:", imageUrl);
 
-				// 删除临时文件
-				if (fs) {
-					fs.unlink({
-						filePath: tempFilePath,
-						success: () => console.log('[GenerationResult] 临时文件已删除'),
-						fail: (err) => console.error('[GenerationResult] 删除临时文件失败:', err)
-					});
-				}
+        // 删除临时文件
+        if (fs) {
+          fs.unlink({
+            filePath: tempFilePath,
+            success: () => console.log("[GenerationResult] 临时文件已删除"),
+            fail: (err) =>
+              console.error("[GenerationResult] 删除临时文件失败:", err),
+          });
+        }
 
-				resolve(imageUrl);
-			} else {
-				console.error('[GenerationResult] 上传失败，状态码:', uploadRes.statusCode);
-				reject(new Error(`上传失败，状态码: ${uploadRes.statusCode}`));
-			}
-		}),
-		fail: guard((error) => {
-			console.error('[GenerationResult] OSS上传失败:', error);
-			reject(error);
-		})
-	});
+        resolve(imageUrl);
+      } else {
+        console.error(
+          "[GenerationResult] 上传失败，状态码:",
+          uploadRes.statusCode,
+        );
+        reject(new Error(`上传失败，状态码: ${uploadRes.statusCode}`));
+      }
+    }),
+    fail: guard((error) => {
+      console.error("[GenerationResult] OSS上传失败:", error);
+      reject(error);
+    }),
+  });
 };
 
 const getSelectedImageUrl = () => {
-	if (isLenticularDisplay.value) {
-		const mid = lenticularLayers.value.find((l) => l.id === 'mid');
-		return mid?.src || craftFormData.value?.lenticularSubjectImage || '';
-	}
-	if (selectedIndex.value < 0) return '';
-	return generatedImages.value[selectedIndex.value] || '';
+  if (isLenticularDisplay.value) {
+    const mid = lenticularLayers.value.find((l) => l.id === "mid");
+    return mid?.src || craftFormData.value?.lenticularSubjectImage || "";
+  }
+  if (selectedIndex.value < 0) return "";
+  return generatedImages.value[selectedIndex.value] || "";
 };
 
 // 选择藏品
 const selectAsset = async () => {
-	const imagePath =
-		isLenticularDisplay.value
-			? lenticularLayers.value.find((l) => l.id === 'mid')?.src || ''
-			: '';
-	const bgImagePath = isLenticularDisplay.value
-		? lenticularLayers.value.find((l) => l.id === 'base')?.src || ''
-		: undefined;
+  const imagePath = isLenticularDisplay.value
+    ? lenticularLayers.value.find((l) => l.id === "mid")?.src || ""
+    : "";
+  const bgImagePath = isLenticularDisplay.value
+    ? lenticularLayers.value.find((l) => l.id === "base")?.src || ""
+    : undefined;
 
-	console.log('[selectAsset] start', {
-		isLenticularDisplay: isLenticularDisplay.value,
-		imagePath: imagePath ? 'has' : 'empty',
-		bgImagePath: bgImagePath ? 'has' : 'empty',
-		lenticularLayers: lenticularLayers.value.map(l => ({ id: l.id, src: l.src ? l.src.substring(0, 50) : '' })),
-	})
+  console.log("[selectAsset] start", {
+    isLenticularDisplay: isLenticularDisplay.value,
+    imagePath: imagePath ? "has" : "empty",
+    bgImagePath: bgImagePath ? "has" : "empty",
+    lenticularLayers: lenticularLayers.value.map((l) => ({
+      id: l.id,
+      src: l.src ? l.src.substring(0, 50) : "",
+    })),
+  });
 
-	if (!imagePath) {
-		uni.showToast({ title: '缺少作品图', icon: 'none' });
-		return;
-	}
+  if (!imagePath) {
+    uni.showToast({ title: "缺少作品图", icon: "none" });
+    return;
+  }
 
-	// 获取铸造费用估算
-	try {
-		uni.showLoading({ title: '加载中…', mask: true });
-		const costRes = await estimateMintCostApi();
-		uni.hideLoading();
+  // 获取铸造费用估算
+  try {
+    uni.showLoading({ title: "加载中…", mask: true });
+    const costRes = await estimateMintCostApi();
+    uni.hideLoading();
 
-		if (costRes.code === 0 && costRes.data) {
-			confirmCostInfo.value = {
-				costCrystal: costRes.data.cost_crystal || 0,
-				currentBalance: costRes.data.current_balance || 0,
-				mintCount: costRes.data.mint_count || 0,
-				nextTierCost: costRes.data.next_tier_cost || 0,
-			};
+    if (costRes.code === 0 && costRes.data) {
+      confirmCostInfo.value = {
+        costCrystal: costRes.data.cost_crystal || 0,
+        currentBalance: costRes.data.current_balance || 0,
+        mintCount: costRes.data.mint_count || 0,
+        nextTierCost: costRes.data.next_tier_cost || 0,
+      };
+    } else {
+      confirmCostInfo.value = {
+        costCrystal: 100,
+        currentBalance: 0,
+        mintCount: 0,
+        nextTierCost: 0,
+      };
+    }
+  } catch (e) {
+    uni.hideLoading();
+    console.error("[selectAsset] 获取铸造费用失败:", e);
+    confirmCostInfo.value = {
+      costCrystal: 100,
+      currentBalance: 0,
+      mintCount: 0,
+      nextTierCost: 0,
+    };
+  }
 
-		} else {
-			confirmCostInfo.value = {
-				costCrystal: 100,
-				currentBalance: 0,
-				mintCount: 0,
-				nextTierCost: 0,
-			};
-		}
-	} catch (e) {
-		uni.hideLoading();
-		console.error('[selectAsset] 获取铸造费用失败:', e);
-		confirmCostInfo.value = {
-			costCrystal: 100,
-			currentBalance: 0,
-			mintCount: 0,
-			nextTierCost: 0,
-		};
-	}
-
-	// 显示确认弹窗
-	showConfirmModal.value = true;
+  // 显示确认弹窗
+  showConfirmModal.value = true;
 };
 
 // 确认铸造
 const handleConfirmMint = async () => {
-	showConfirmModal.value = false;
+  showConfirmModal.value = false;
 
-	// 检查余额是否充足
-	if (confirmCostInfo.value.currentBalance < confirmCostInfo.value.costCrystal) {
-		uni.showToast({ title: '水晶余额不足，无法铸造', icon: 'none' });
-		return;
-	}
+  // 检查余额是否充足
+  if (
+    confirmCostInfo.value.currentBalance < confirmCostInfo.value.costCrystal
+  ) {
+    uni.showToast({ title: "水晶余额不足，无法铸造", icon: "none" });
+    return;
+  }
 
-	const imagePath =
-		isLenticularDisplay.value
-			? lenticularLayers.value.find((l) => l.id === 'mid')?.src || ''
-			: '';
-	const bgImagePath = isLenticularDisplay.value
-		? lenticularLayers.value.find((l) => l.id === 'base')?.src || ''
-		: undefined;
+  const imagePath = isLenticularDisplay.value
+    ? lenticularLayers.value.find((l) => l.id === "mid")?.src || ""
+    : "";
+  const bgImagePath = isLenticularDisplay.value
+    ? lenticularLayers.value.find((l) => l.id === "base")?.src || ""
+    : undefined;
 
-	uni.showLoading({ title: '铸造中…', mask: true });
-	try {
-		await submitCraftMintFromPath({ imagePath, bgImagePath, formData: craftFormData.value });
-		// 只有铸造成功后才扣除本地余额
-		updateLocalBalance(confirmCostInfo.value.balanceAfter);
-		uni.hideLoading();
-		uni.navigateTo({ url: '/pages/castlove/success' });
-	} catch (e) {
-		uni.hideLoading();
-		uni.showToast({ title: e.message || '铸造失败', icon: 'none' });
-	}
+  uni.showLoading({ title: "铸造中…", mask: true });
+  try {
+    await submitCraftMintFromPath({
+      imagePath,
+      bgImagePath,
+      formData: craftFormData.value,
+    });
+    // 只有铸造成功后才扣除本地余额
+    updateLocalBalance(confirmCostInfo.value.balanceAfter);
+    uni.hideLoading();
+    uni.navigateTo({ url: "/pages/castlove/success" });
+  } catch (e) {
+    uni.hideLoading();
+    uni.showToast({ title: e.message || "铸造失败", icon: "none" });
+  }
 };
 
 // 取消铸造
 const handleCancelMint = () => {
-	showConfirmModal.value = false;
+  showConfirmModal.value = false;
 };
 
 const initLenticularPreview = () => {
-	try {
-		const raw = uni.getStorageSync(LENTICULAR_STUDIO_STORAGE_KEY);
-		if (!raw) {
-			return;
-		}
-		const p = typeof raw === 'string' ? JSON.parse(raw) : raw;
-		const bgPath = p.bgPath || '';
-		const subjectPath = p.subjectPath || '';
-		lenticularLayers.value = buildLenticularLayersTwo(bgPath, subjectPath);
-		selectedIndex.value = 0;
-	} catch (e) {
-		console.error('[GenerationResult] lenticular init', e);
-	}
+  try {
+    const raw = uni.getStorageSync(LENTICULAR_STUDIO_STORAGE_KEY);
+    if (!raw) {
+      return;
+    }
+    const p = typeof raw === "string" ? JSON.parse(raw) : raw;
+    const bgPath = p.bgPath || "";
+    const subjectPath = p.subjectPath || "";
+    lenticularLayers.value = buildLenticularLayersTwo(bgPath, subjectPath);
+    selectedIndex.value = 0;
+  } catch (e) {
+    console.error("[GenerationResult] lenticular init", e);
+  }
 };
 
 onMounted(() => {
-	try {
-		const formDataStr = uni.getStorageSync(CASTLOVE_FORM_KEY);
-		if (formDataStr) {
-			craftFormData.value = JSON.parse(formDataStr);
-		}
-		const metaStr = uni.getStorageSync(GENERATION_RESULT_META_KEY);
-		if (metaStr) {
-			resultMeta.value = JSON.parse(metaStr);
-			uni.removeStorageSync(GENERATION_RESULT_META_KEY);
-		}
-	} catch (e) {
-		console.error('[GenerationResult] 读取表单失败:', e);
-	}
+  try {
+    const formDataStr = uni.getStorageSync(CASTLOVE_FORM_KEY);
+    if (formDataStr) {
+      craftFormData.value = JSON.parse(formDataStr);
+    }
+    const metaStr = uni.getStorageSync(GENERATION_RESULT_META_KEY);
+    if (metaStr) {
+      resultMeta.value = JSON.parse(metaStr);
+      uni.removeStorageSync(GENERATION_RESULT_META_KEY);
+    }
+  } catch (e) {
+    console.error("[GenerationResult] 读取表单失败:", e);
+  }
 
-	try {
-		const imagesData = uni.getStorageSync(GENERATED_IMAGES_KEY);
-		if (!imagesData) {
-			uni.showToast({ title: '未找到生成的图片', icon: 'none' });
-			setTimeout(() => uni.navigateTo({
-				url: '/pages/castlove/lenticular/lenticular-create'
-			}), 1500);
-			return;
-		}
-		const parsed = JSON.parse(imagesData);
-		uni.removeStorageSync(GENERATED_IMAGES_KEY);
+  try {
+    const imagesData = uni.getStorageSync(GENERATED_IMAGES_KEY);
+    if (!imagesData) {
+      uni.showToast({ title: "未找到生成的图片", icon: "none" });
+      setTimeout(
+        () =>
+          uni.navigateTo({
+            url: "/pages/castlove/lenticular/lenticular-create",
+          }),
+        1500,
+      );
+      return;
+    }
+    const parsed = JSON.parse(imagesData);
+    uni.removeStorageSync(GENERATED_IMAGES_KEY);
 
-		if (isLenticularDisplay.value || (parsed[0] && parsed[0].type === 'lenticular')) {
-			initLenticularPreview();
-		} else {
-			generatedImages.value = parsed;
-			if (generatedImages.value.length > 0) {
-				selectedIndex.value = 0;
-			}
-		}
+    if (
+      isLenticularDisplay.value ||
+      (parsed[0] && parsed[0].type === "lenticular")
+    ) {
+      initLenticularPreview();
+    } else {
+      generatedImages.value = parsed;
+      if (generatedImages.value.length > 0) {
+        selectedIndex.value = 0;
+      }
+    }
 
-		setTimeout(() => {
-			isGiftOpened.value = true;
-		}, 800);
-	} catch (e) {
-		console.error('[GenerationResult] 读取图片数据失败:', e);
-		uni.showToast({ title: '数据错误', icon: 'none' });
-		setTimeout(() => uni.navigateTo({
-			url: '/pages/castlove/lenticular/lenticular-create'
-		}), 1500);
-	}
+    setTimeout(() => {
+      isGiftOpened.value = true;
+    }, 800);
+  } catch (e) {
+    console.error("[GenerationResult] 读取图片数据失败:", e);
+    uni.showToast({ title: "数据错误", icon: "none" });
+    setTimeout(
+      () =>
+        uni.navigateTo({
+          url: "/pages/castlove/lenticular/lenticular-create",
+        }),
+      1500,
+    );
+  }
 });
-
 </script>
 
 <style scoped>
 .generation-result {
-	position: relative;
-	width: 100%;
-	height: 100vh;
-	overflow: hidden;
-	background: #000;
+  position: relative;
+  width: 100%;
+  height: 100vh;
+  overflow: hidden;
+  background: #000;
 }
 
 .background-image {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	z-index: 1;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
 }
 
 .stars-container {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	z-index: 2;
-	pointer-events: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+  pointer-events: none;
 }
 
 .star {
-	position: absolute;
-	background: #FFFFFF;
-	border-radius: 50%;
-	animation: starTwinkle 2s ease-in-out infinite;
-	box-shadow: 0 0 10rpx rgba(255, 255, 255, 0.8);
+  position: absolute;
+  background: #ffffff;
+  border-radius: 50%;
+  animation: starTwinkle 2s ease-in-out infinite;
+  box-shadow: 0 0 10rpx rgba(255, 255, 255, 0.8);
 }
 
 @keyframes starTwinkle {
+  0%,
+  100% {
+    opacity: 0.3;
+    transform: scale(1);
+  }
 
-	0%,
-	100% {
-		opacity: 0.3;
-		transform: scale(1);
-	}
-
-	50% {
-		opacity: 1;
-		transform: scale(1.2);
-	}
+  50% {
+    opacity: 1;
+    transform: scale(1.2);
+  }
 }
 
 .reward-tips {
-	position: absolute;
-	top: 80rpx;
-	left: 50%;
-	transform: translateX(-50%);
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 16rpx;
-	z-index: 11;
-	padding: 0 40rpx;
+  position: absolute;
+  top: 80rpx;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16rpx;
+  z-index: 11;
+  padding: 0 40rpx;
 }
 
 .reward-item {
-	background: transparent;
-	white-space: nowrap;
-	display: flex;
-	align-items: center;
-	gap: 12rpx;
+  background: transparent;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
 }
 
 .reward-icon {
-	width: 40rpx;
-	height: 40rpx;
-	flex-shrink: 0;
+  width: 40rpx;
+  height: 40rpx;
+  flex-shrink: 0;
 }
 
 .reward-text {
-	font-size: 28rpx;
-	color: #FFFFFF;
-	font-weight: 600;
-	text-shadow:
-		0 2rpx 8rpx rgba(0, 0, 0, 0.6),
-		0 0 20rpx rgba(255, 107, 157, 0.5);
-	white-space: nowrap;
+  font-size: 28rpx;
+  color: #ffffff;
+  font-weight: 600;
+  text-shadow:
+    0 2rpx 8rpx rgba(0, 0, 0, 0.6),
+    0 0 20rpx rgba(255, 107, 157, 0.5);
+  white-space: nowrap;
 }
 
 .cards-container {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	z-index: 10;
-	opacity: 0;
-	pointer-events: none;
-	transition: opacity 0.5s ease-in-out;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 10;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.5s ease-in-out;
 }
 
 .cards-container.cards-visible {
-	opacity: 1;
-	pointer-events: auto;
+  opacity: 1;
+  pointer-events: auto;
 }
 
 .card-item {
-	position: absolute;
-	width: 200rpx;
-	height: 260rpx;
-	transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
-	cursor: pointer;
-	filter: drop-shadow(0 15rpx 40rpx rgba(0, 0, 0, 0.5));
-	transform: scale(0) translateY(100rpx);
-	opacity: 0;
+  position: absolute;
+  width: 200rpx;
+  height: 260rpx;
+  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+  cursor: pointer;
+  filter: drop-shadow(0 15rpx 40rpx rgba(0, 0, 0, 0.5));
+  transform: scale(0) translateY(100rpx);
+  opacity: 0;
 }
 
 .cards-visible .card-item {
-	animation: cardAppear 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-	opacity: 1;
+  animation: cardAppear 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+  opacity: 1;
 }
 
 @keyframes cardAppear {
-	0% {
-		transform: scale(0) translateY(100rpx);
-		opacity: 0;
-	}
+  0% {
+    transform: scale(0) translateY(100rpx);
+    opacity: 0;
+  }
 
-	100% {
-		transform: scale(1) translateY(0);
-		opacity: 1;
-	}
+  100% {
+    transform: scale(1) translateY(0);
+    opacity: 1;
+  }
 }
 
 .card-item:active:not(.card-selected) {
-	opacity: 0.8;
+  opacity: 0.8;
 }
 
 .cards-visible .card-item:nth-child(1) {
-	animation-delay: 0s, 0.8s;
+  animation-delay: 0s, 0.8s;
 }
 
 .cards-visible .card-item:nth-child(2) {
-	animation-delay: 0.15s, 0.95s;
+  animation-delay: 0.15s, 0.95s;
 }
 
 .cards-visible .card-item:nth-child(3) {
-	animation-delay: 0.3s, 1.1s;
+  animation-delay: 0.3s, 1.1s;
 }
 
 .cards-visible .card-item:nth-child(4) {
-	animation-delay: 0.45s, 1.25s;
+  animation-delay: 0.45s, 1.25s;
 }
 
 .cards-visible .card-item:nth-child(5) {
-	animation-delay: 0.6s, 1.4s;
+  animation-delay: 0.6s, 1.4s;
 }
 
 @keyframes cardFloat {
+  0%,
+  100% {
+    transform: translateY(0) rotate(var(--rotate, 0deg));
+  }
 
-	0%,
-	100% {
-		transform: translateY(0) rotate(var(--rotate, 0deg));
-	}
-
-	50% {
-		transform: translateY(-20rpx) rotate(var(--rotate, 0deg));
-	}
+  50% {
+    transform: translateY(-20rpx) rotate(var(--rotate, 0deg));
+  }
 }
 
 .card-frame {
-	position: relative;
-	width: 100%;
-	height: 100%;
-	overflow: visible;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
 }
 
 .topfans-label {
-	position: absolute;
-	top: 15rpx;
-	left: 15rpx;
-	background: linear-gradient(135deg, #A855FF 0%, #D946EF 100%);
-	padding: 8rpx 20rpx;
-	border-radius: 30rpx;
-	z-index: 10;
-	box-shadow: 0 4rpx 15rpx rgba(168, 85, 255, 0.5);
+  position: absolute;
+  top: 15rpx;
+  left: 15rpx;
+  background: linear-gradient(135deg, #a855ff 0%, #d946ef 100%);
+  padding: 8rpx 20rpx;
+  border-radius: 30rpx;
+  z-index: 10;
+  box-shadow: 0 4rpx 15rpx rgba(168, 85, 255, 0.5);
 }
 
 .topfans-text {
-	font-size: 22rpx;
-	font-weight: bold;
-	color: #FFFFFF;
-	letter-spacing: 1rpx;
-	text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.3);
+  font-size: 22rpx;
+  font-weight: bold;
+  color: #ffffff;
+  letter-spacing: 1rpx;
+  text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.3);
 }
 
 .card-image {
-	width: 100%;
-	height: 100%;
-	border-radius: 14rpx;
-	display: block;
-	position: relative;
-	z-index: 1;
-	object-fit: cover;
+  width: 100%;
+  height: 100%;
+  border-radius: 14rpx;
+  display: block;
+  position: relative;
+  z-index: 1;
+  object-fit: cover;
 }
 
 .card-shine {
-	position: absolute;
-	top: 0;
-	left: -100%;
-	width: 100%;
-	height: 100%;
-	background: linear-gradient(90deg,
-			transparent 0%,
-			rgba(255, 255, 255, 0.5) 50%,
-			transparent 100%);
-	animation: shine 3s ease-in-out infinite;
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    rgba(255, 255, 255, 0.5) 50%,
+    transparent 100%
+  );
+  animation: shine 3s ease-in-out infinite;
 }
 
 @keyframes shine {
-	0% {
-		left: -100%;
-	}
+  0% {
+    left: -100%;
+  }
 
-	50%,
-	100% {
-		left: 100%;
-	}
+  50%,
+  100% {
+    left: 100%;
+  }
 }
 
 .topfans-badge {
-	position: absolute;
-	top: 20rpx;
-	left: 20rpx;
-	width: 80rpx;
-	height: 80rpx;
-	filter: drop-shadow(0 2rpx 8rpx rgba(255, 107, 157, 0.5));
+  position: absolute;
+  top: 20rpx;
+  left: 20rpx;
+  width: 80rpx;
+  height: 80rpx;
+  filter: drop-shadow(0 2rpx 8rpx rgba(255, 107, 157, 0.5));
 }
 
 .card-label {
-	position: absolute;
-	top: 24rpx;
-	right: 20rpx;
-	padding: 8rpx 16rpx;
-	background: rgba(255, 107, 157, 0.9);
-	border-radius: 20rpx;
+  position: absolute;
+  top: 24rpx;
+  right: 20rpx;
+  padding: 8rpx 16rpx;
+  background: rgba(255, 107, 157, 0.9);
+  border-radius: 20rpx;
 }
 
 .label-text {
-	font-size: 20rpx;
-	color: #FFFFFF;
-	font-weight: bold;
+  font-size: 20rpx;
+  color: #ffffff;
+  font-weight: bold;
 }
 
 .card-title {
-	position: absolute;
-	bottom: 20rpx;
-	left: 20rpx;
-	right: 20rpx;
-	padding: 12rpx;
-	background: rgba(0, 0, 0, 0.6);
-	border-radius: 12rpx;
-	backdrop-filter: blur(10rpx);
+  position: absolute;
+  bottom: 20rpx;
+  left: 20rpx;
+  right: 20rpx;
+  padding: 12rpx;
+  background: rgba(0, 0, 0, 0.6);
+  border-radius: 12rpx;
+  backdrop-filter: blur(10rpx);
 }
 
 .title-text {
-	font-size: 22rpx;
-	color: #FFFFFF;
-	font-weight: 600;
-	text-align: center;
-	display: block;
+  font-size: 22rpx;
+  color: #ffffff;
+  font-weight: 600;
+  text-align: center;
+  display: block;
 }
 
 .heart-icon {
-	position: absolute;
-	top: 20rpx;
-	right: 20rpx;
-	width: 40rpx;
-	height: 40rpx;
+  position: absolute;
+  top: 20rpx;
+  right: 20rpx;
+  width: 40rpx;
+  height: 40rpx;
 }
 
 .selected-mark {
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
-	width: 100rpx;
-	height: 100rpx;
-	background: linear-gradient(135deg, #00D4FF 0%, #0099FF 100%);
-	border-radius: 50%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	box-shadow:
-		0 0 30rpx rgba(0, 212, 255, 0.8),
-		0 8rpx 30rpx rgba(0, 0, 0, 0.4);
-	animation: checkPop 0.3s ease-out;
-	border: 4rpx solid rgba(255, 255, 255, 0.9);
-	z-index: 10;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 100rpx;
+  height: 100rpx;
+  background: linear-gradient(135deg, #00d4ff 0%, #0099ff 100%);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow:
+    0 0 30rpx rgba(0, 212, 255, 0.8),
+    0 8rpx 30rpx rgba(0, 0, 0, 0.4);
+  animation: checkPop 0.3s ease-out;
+  border: 4rpx solid rgba(255, 255, 255, 0.9);
+  z-index: 10;
 }
 
 @keyframes checkPop {
-	0% {
-		transform: translate(-50%, -50%) scale(0);
-	}
+  0% {
+    transform: translate(-50%, -50%) scale(0);
+  }
 
-	50% {
-		transform: translate(-50%, -50%) scale(1.2);
-	}
+  50% {
+    transform: translate(-50%, -50%) scale(1.2);
+  }
 
-	100% {
-		transform: translate(-50%, -50%) scale(1);
-	}
+  100% {
+    transform: translate(-50%, -50%) scale(1);
+  }
 }
 
 .check-icon {
-	font-size: 70rpx;
-	color: #FFFFFF;
-	font-weight: bold;
-	text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
+  font-size: 70rpx;
+  color: #ffffff;
+  font-weight: bold;
+  text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
 }
 
 .card-selected {
-	z-index: 100 !important;
+  z-index: 100 !important;
 }
 
 .gift-box {
-	position: absolute;
-	bottom: 20%;
-	left: 50%;
-	transform: translateX(-50%);
-	width: 480rpx;
-	height: 480rpx;
-	z-index: 3;
-	animation: giftFloat 3s ease-in-out infinite;
-	transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+  position: absolute;
+  bottom: 20%;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 480rpx;
+  height: 480rpx;
+  z-index: 3;
+  animation: giftFloat 3s ease-in-out infinite;
+  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .gift-box.gift-opened {
-	width: 17rem;
-	bottom: 15%;
-	animation: none;
+  width: 17rem;
+  bottom: 15%;
+  animation: none;
 }
 
 @keyframes giftFloat {
+  0%,
+  100% {
+    transform: translateX(-50%) translateY(0);
+  }
 
-	0%,
-	100% {
-		transform: translateX(-50%) translateY(0);
-	}
-
-	50% {
-		transform: translateX(-50%) translateY(-20rpx);
-	}
+  50% {
+    transform: translateX(-50%) translateY(-20rpx);
+  }
 }
 
 .gift-image {
-	width: 100%;
-	height: 100%;
-	transition: opacity 0.5s ease-in-out;
+  width: 100%;
+  height: 100%;
+  transition: opacity 0.5s ease-in-out;
 }
 
 .gift-image-opened {
-	width: 17rem;
-	animation: giftOpenPop 0.5s ease-out;
+  width: 17rem;
+  animation: giftOpenPop 0.5s ease-out;
 }
 
 @keyframes giftOpenPop {
-	0% {
-		transform: scale(0.8);
-		opacity: 0;
-	}
+  0% {
+    transform: scale(0.8);
+    opacity: 0;
+  }
 
-	50% {
-		transform: scale(1.1);
-	}
+  50% {
+    transform: scale(1.1);
+  }
 
-	100% {
-		transform: scale(1);
-		opacity: 1;
-	}
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
 }
 
 .lenticular-result-wrap {
-	position: absolute;
-	top: 200rpx;
-	left: 0;
-	right: 0;
-	display: flex;
-	justify-content: center;
-	z-index: 8;
-	opacity: 0;
-	transform: translateY(40rpx);
-	transition: opacity 0.6s ease, transform 0.6s ease;
+  position: absolute;
+  top: 200rpx;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+  z-index: 8;
+  opacity: 0;
+  transform: translateY(40rpx);
+  transition:
+    opacity 0.6s ease,
+    transform 0.6s ease;
 }
 
 .lenticular-result-wrap.cards-visible {
-	opacity: 1;
-	transform: translateY(0);
+  opacity: 1;
+  transform: translateY(0);
 }
 
 .lenticular-result-card {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 .lenticular-result-card .card-wrapper {
-	position: relative;
-	width: 352rpx;
-	height: 520rpx;
+  position: relative;
+  width: 352rpx;
+  height: 520rpx;
 }
 
 .lenticular-result-card .craft-card-wrapper {
-	margin-bottom: 32rpx;
+  margin-bottom: 32rpx;
 }
 
 .lenticular-result-card .card-frame {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	z-index: 2;
-	transform: rotate(-10deg);
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+  transform: rotate(-10deg);
 }
 
 .lenticular-result-card .craft-lenticular-slot {
-	position: absolute;
-	left: 50%;
-	top: 50%;
-	width: 87%;
-	height: 96%;
-	border-radius: 48rpx;
-	transform: translate(-50%, -50%) rotate(-10deg);
-	z-index: 2;
-	overflow: hidden;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 87%;
+  height: 96%;
+  border-radius: 48rpx;
+  transform: translate(-50%, -50%) rotate(-10deg);
+  z-index: 2;
+  overflow: hidden;
 }
 
 .lenticular-result-card .craft-lenticular-card {
-	width: 100%;
-	height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
 .bottom-action {
-	position: absolute;
-	bottom: 80rpx;
-	left: 50%;
-	transform: translateX(-50%);
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	z-index: 11;
+  position: absolute;
+  bottom: 80rpx;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  z-index: 11;
 }
 
 .bottom-action--row {
-	flex-direction: row;
-	gap: 24rpx;
-	width: 90%;
-	justify-content: center;
+  flex-direction: row;
+  gap: 24rpx;
+  width: 90%;
+  justify-content: center;
 }
 
 .action-button {
-	padding: 24rpx 80rpx;
-	background: linear-gradient(90deg, #FF6B9D 0%, #FFA8C5 100%);
-	border-radius: 50rpx;
-	box-shadow: 0 8rpx 24rpx rgba(255, 107, 157, 0.5);
-	cursor: pointer;
-	user-select: none;
-	-webkit-user-select: none;
-	-webkit-tap-highlight-color: transparent;
-	display: flex;
-	align-items: center;
-	justify-content: center;
+  padding: 24rpx 80rpx;
+  background: linear-gradient(90deg, #ff6b9d 0%, #ffa8c5 100%);
+  border-radius: 50rpx;
+  box-shadow: 0 8rpx 24rpx rgba(255, 107, 157, 0.5);
+  cursor: pointer;
+  user-select: none;
+  -webkit-user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .action-button:active {
-	transform: scale(1.05);
-	opacity: 0.9;
+  transform: scale(1.05);
+  opacity: 0.9;
 }
 
 .action-button--secondary {
-	background: linear-gradient(90deg, #8e9eab 0%, #b8c6db 100%);
-	box-shadow: 0 8rpx 24rpx rgba(120, 130, 150, 0.45);
+  background: linear-gradient(90deg, #8e9eab 0%, #b8c6db 100%);
+  box-shadow: 0 8rpx 24rpx rgba(120, 130, 150, 0.45);
 }
 
 .button-text {
-	font-size: 32rpx;
-	color: #FFFFFF;
-	font-weight: bold;
-	text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
-	white-space: nowrap;
-	line-height: 1.2;
+  font-size: 32rpx;
+  color: #ffffff;
+  font-weight: bold;
+  text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
+  white-space: nowrap;
+  line-height: 1.2;
 }
 
 .hint-text {
-	font-size: 24rpx;
-	color: rgba(255, 255, 255, 0.7);
-	text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.3);
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.7);
+  text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.3);
 }
 </style>
diff --git a/frontend/pages/mailbox/components/Postcard.vue b/frontend/pages/mailbox/components/Postcard.vue
index 5cd634b..72ab1a9 100644
--- a/frontend/pages/mailbox/components/Postcard.vue
+++ b/frontend/pages/mailbox/components/Postcard.vue
@@ -44,13 +44,22 @@ const typeMap = {
 const typeLabel = computed(() => typeMap[props.notification.type] || props.notification.type || '通知')
 
 const businessMeta = computed(() => {
-  // data 是 JSON 字符串,反序列化展示业务字段
+  // data 可能是 string(JSON) 或 object(proto structpb.AsMap() 的产物)。
+  // P0-1 fix:网关 convertNotification 走 AsMap() 直接发对象,旧写法 JSON.parse(obj) 会 SyntaxError → {}。
   let data = {}
-  try { data = JSON.parse(props.notification.data || '{}') } catch (e) { data = {} }
+  const raw = props.notification.data
+  if (raw) {
+    if (typeof raw === 'string') {
+      try { data = JSON.parse(raw) } catch (e) { data = {} }
+    } else if (typeof raw === 'object') {
+      data = raw
+    }
+  }
   const list = []
   if (data.feedback_id) list.push({ k: '反馈 ID', v: data.feedback_id })
   if (data.report_id)    list.push({ k: '举报 ID', v: data.report_id })
-  if (data.resolved_action) list.push({ k: '处理动作', v: actionLabel(data.resolved_action) })
+  // P1-1 fix:admin backend moderation_admin.py 用 action(规范名),不是 resolved_action
+  if (data.action) list.push({ k: '处理动作', v: actionLabel(data.action) })
   if (data.category_code) list.push({ k: '分类', v: data.category_code })
   if (data.original_title) list.push({ k: '原标题', v: data.original_title })
   if (data.activity_id)  list.push({ k: '活动 ID', v: data.activity_id })
diff --git a/frontend/pages/mailbox/detail.vue b/frontend/pages/mailbox/detail.vue
index b8b92fd..c37bb17 100644
--- a/frontend/pages/mailbox/detail.vue
+++ b/frontend/pages/mailbox/detail.vue
@@ -70,8 +70,10 @@ const notification = computed(() => {
 
 async function loadOne() {
   try {
+    // P0-2 fix:utils/api.js 统一返回 { code, message, data: { items, ... } },
+    // 旧写法读 resp.items 永远是 undefined → find 永远 null → detailCache 不写。
     const resp = await getNotificationsApi({ type: type.value, page: 1, page_size: 50 })
-    const item = (resp.items || []).find(n => n.id === nid.value)
+    const item = (resp.data?.items || []).find(n => n.id === nid.value)
     if (item) store.commit('mailbox/SET_DETAIL_CACHE', item)
   } catch (e) {
     console.warn('[mailbox/detail] loadOne failed:', e)
diff --git a/frontend/pages/mailbox/index.vue b/frontend/pages/mailbox/index.vue
index 84bc6c6..e1b2f59 100644
--- a/frontend/pages/mailbox/index.vue
+++ b/frontend/pages/mailbox/index.vue
@@ -23,7 +23,8 @@
 </template>
 
 <script setup>
-import { onShow } from '@dcloudio/uni-app'
+import { onLoad, onShow, onHide } from '@dcloudio/uni-app'
+import { useStore } from 'vuex'
 // import Header from '../components/Header.vue'
 import MailboxGroup from './components/MailboxGroup.vue'
 import { useMailboxCenter } from './composables/useMailboxCenter.js'
@@ -35,8 +36,11 @@ const {
   onMarkAllRead, onClearAll,
   onSelectItem, onLongPress,
   isCollapsed, toggleCollapse,
+  onMarkRead,
 } = useMailboxCenter()
 
+const store = useStore()
+
 const goBack = () => {
   // 获取页面栈
   const pages = getCurrentPages();
@@ -51,7 +55,34 @@ const goBack = () => {
   }
 };
 
-onShow(() => { loadAll() })
+// P1-5 fix:App.vue 推送 click 带 ?focus=mailbox&nid=N&type=T 跳进来,
+// 这里读 query → 标记已读 → 跳到详情。让"点推送"直达具体消息,不再只是"进收件箱"。
+// 用 composable 已有的 onMarkRead(nid, type),不走 store 的同名 action(不存在)。
+let focusHandled = false
+onLoad((options) => {
+  if (!options || focusHandled) return
+  const nid = Number(options.nid)
+  const type = options.type || ''
+  if (nid && type) {
+    focusHandled = true
+    // fire-and-forget:失败仅 warn,不影响用户进站
+    onMarkRead(nid, type).catch((e) => {
+      console.warn('[mailbox/index] markAsRead from push failed:', e)
+    })
+    uni.navigateTo({ url: `/pages/mailbox/detail?nid=${nid}&type=${encodeURIComponent(type)}` })
+  }
+})
+
+// P1-2 fix:用户停留在收件箱页时,推送来要 PREPEND_ITEM(否则只剩角标更新、列表无新条目)。
+// onShow 置 SET_IS_IN_PAGE=true,onHide=false。App.vue 走 mailbox/applyPushPayload 时,
+// mailbox store 的 applyPushPayload 会读 rootState.mailbox.isInMailboxPage 决定是否 PREPEND_ITEM。
+onShow(() => {
+  store.commit('mailbox/SET_IS_IN_PAGE', true)
+  loadAll()
+})
+onHide(() => {
+  store.commit('mailbox/SET_IS_IN_PAGE', false)
+})
 </script>
 
 <style lang="scss" scoped>