sa2kit 1.6.60 → 1.6.62

package/dist/{chunk-PONZPO3U.mjs → chunk-UTB72ZJ7.mjs}

@@ -1,12 +1,14 @@
 import { init_hooks, init_masterpiecesService, init_masterpiecesConfigService, init_cartService, init_bookingService, init_bookingAdminService, init_cartHistoryService, init_CartContext, useCartContext, useDeadlinePopup, useBooking, useBookingForm, updateCollectionOrder, moveCollectionDown, moveCollectionUp, getAllCollections, updateArtworkOrder, moveArtworkDown, moveArtworkUp, getArtworksByCollection, BookingService, useMasterpieces, CartProvider, useMasterpiecesConfig, useBookingAdmin, getConfig, createCategory } from './chunk-OX6VMQDU.mjs';
 import { normalizeHomeTabConfig, getCategoryDisplayName, buildDefaultHomeTabConfig } from './chunk-MFG2Y6UR.mjs';
+import { AuthGuard, UserMenu } from './chunk-ITRIXMXF.mjs';
+import { AuthProvider, useAuth } from './chunk-ESLY72VI.mjs';
 import { UniversalExportClient, UniversalExportButton } from './chunk-TGNUEULF.mjs';
-import { Card, Badge, CardContent, Button, GenericOrderManager, Modal, CardHeader, CardTitle, CardDescription, Tabs, TabsList, TabsTrigger, TabsContent, Label, Input, Textarea, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-622Y6LTH.mjs';
+import { Card, Badge, CardContent, GenericOrderManager, Modal, CardHeader, CardTitle, CardDescription, Tabs, TabsList, TabsTrigger, TabsContent, Label, Textarea, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-5BLZEVWK.mjs';
+import { Button, Input } from './chunk-L7GQNY54.mjs';
 import { __require } from './chunk-WMJKH4XE.mjs';
-import React29, { createContext, useState, useEffect, useRef, useCallback, useMemo, useContext } from 'react';
-import { Check, Minus, Plus, ShoppingCart, ShoppingBag, Book, Eye, ImageIcon, ChevronLeft, ChevronRight, Grid3x3, X, Trash2, Calendar, Clock, CheckCircle, Package, Search, RefreshCw, Download, XCircle, Save, Edit, Settings, AlertTriangle, EyeOff, Database, Loader, ArrowLeft, User, Image, Info, History, Bell, Cog, RotateCcw, ArrowUpDown, LogOut, LogIn, Lock, Phone } from 'lucide-react';
+import React23, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
+import { Check, Minus, Plus, ShoppingCart, ShoppingBag, Book, Eye, ImageIcon, ChevronLeft, ChevronRight, Grid3x3, X, Trash2, Calendar, Clock, CheckCircle, Package, Search, RefreshCw, Download, XCircle, Save, Edit, Settings, AlertTriangle, EyeOff, Database, Loader, ArrowLeft, User, Image, Info, History, Bell, Cog, RotateCcw, ArrowUpDown } from 'lucide-react';
 import Link from 'next/link';
-import { createPortal } from 'react-dom';
 
 // src/showmasterpiece/ui/web/components/AddToCartButton.tsx
 init_hooks();
@@ -80,9 +82,9 @@ var AddToCartButton = ({
       console.error("\u66F4\u65B0\u8D2D\u7269\u8F66\u6570\u91CF\u5931\u8D25:", error);
     }
   };
-  return /* @__PURE__ */ React29.createElement("div", { className: `flex flex-col gap-2 ${className}` }, isInCart ? (
+  return /* @__PURE__ */ React23.createElement("div", { className: `flex flex-col gap-2 ${className}` }, isInCart ? (
     // 已在购物车中的状态
-    /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: (e) => {
@@ -91,9 +93,9 @@ var AddToCartButton = ({
         disabled: loading,
         className: `flex items-center justify-center gap-2 rounded-lg font-medium transition-colors ${sizeStyles[size]} bg-green-600 text-white disabled:opacity-50`
       },
-      /* @__PURE__ */ React29.createElement(Check, { size: 16 }),
-      /* @__PURE__ */ React29.createElement("span", null, "\u5DF2\u52A0\u5165\u8D2D\u7269\u8F66")
-    ), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-center border border-gray-300 rounded-lg bg-white" }, /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React23.createElement(Check, { size: 16 }),
+      /* @__PURE__ */ React23.createElement("span", null, "\u5DF2\u52A0\u5165\u8D2D\u7269\u8F66")
+    ), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-center border border-gray-300 rounded-lg bg-white" }, /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: (e) => {
@@ -103,8 +105,8 @@ var AddToCartButton = ({
         disabled: loading,
         className: "px-2 py-1 hover:bg-gray-50 disabled:opacity-50 transition-colors"
       },
-      /* @__PURE__ */ React29.createElement(Minus, { size: 14 })
-    ), /* @__PURE__ */ React29.createElement("span", { className: "px-3 py-1 min-w-[2rem] text-center font-medium" }, currentQuantity), /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React23.createElement(Minus, { size: 14 })
+    ), /* @__PURE__ */ React23.createElement("span", { className: "px-3 py-1 min-w-[2rem] text-center font-medium" }, currentQuantity), /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: (e) => {
@@ -114,11 +116,11 @@ var AddToCartButton = ({
         disabled: loading,
         className: "px-2 py-1 hover:bg-gray-50 transition-colors"
       },
-      /* @__PURE__ */ React29.createElement(Plus, { size: 14 })
+      /* @__PURE__ */ React23.createElement(Plus, { size: 14 })
     )))
   ) : (
     // 未在购物车中的状态
-    /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col gap-2" }, showQuantitySelector && /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-center border border-gray-300 rounded-lg bg-white" }, /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col gap-2" }, showQuantitySelector && /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-center border border-gray-300 rounded-lg bg-white" }, /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: (e) => {
@@ -128,8 +130,8 @@ var AddToCartButton = ({
         disabled: quantity <= 1 || loading,
         className: "px-2 py-1 hover:bg-gray-50 disabled:opacity-50 transition-colors"
       },
-      /* @__PURE__ */ React29.createElement(Minus, { size: 14 })
-    ), /* @__PURE__ */ React29.createElement("span", { className: "px-3 py-1 min-w-[2rem] text-center font-medium" }, quantity), /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React23.createElement(Minus, { size: 14 })
+    ), /* @__PURE__ */ React23.createElement("span", { className: "px-3 py-1 min-w-[2rem] text-center font-medium" }, quantity), /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: (e) => {
@@ -139,8 +141,8 @@ var AddToCartButton = ({
         disabled: loading,
         className: "px-2 py-1 hover:bg-gray-50 transition-colors"
       },
-      /* @__PURE__ */ React29.createElement(Plus, { size: 14 })
-    )), /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React23.createElement(Plus, { size: 14 })
+    )), /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: (e) => {
@@ -150,8 +152,8 @@ var AddToCartButton = ({
         disabled: loading,
         className: `flex items-center justify-center gap-2 rounded-lg font-medium transition-colors ${sizeStyles[size]} bg-blue-600 text-white hover:bg-blue-700 disabled:opacity-50`
       },
-      /* @__PURE__ */ React29.createElement(ShoppingCart, { size: 16 }),
-      /* @__PURE__ */ React29.createElement("span", null, "\u52A0\u5165\u8D2D\u7269\u8F66")
+      /* @__PURE__ */ React23.createElement(ShoppingCart, { size: 16 }),
+      /* @__PURE__ */ React23.createElement("span", null, "\u52A0\u5165\u8D2D\u7269\u8F66")
     ))
   ));
 };
@@ -200,8 +202,8 @@ var CollectionCard = ({
     setImageLoading(false);
     setImageError(true);
   };
-  const renderImageLoading = () => /* @__PURE__ */ React29.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React29.createElement("div", { className: "w-8 h-8 border-2 border-prussian-blue-300 border-t-moonstone rounded-full animate-spin" }));
-  const renderImageError = () => /* @__PURE__ */ React29.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-2 text-prussian-blue-600 text-sm text-center p-4" }, /* @__PURE__ */ React29.createElement(ImageIcon, { size: 32, className: "text-prussian-blue-500" }), /* @__PURE__ */ React29.createElement("span", null, "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25"));
+  const renderImageLoading = () => /* @__PURE__ */ React23.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React23.createElement("div", { className: "w-8 h-8 border-2 border-prussian-blue-300 border-t-moonstone rounded-full animate-spin" }));
+  const renderImageError = () => /* @__PURE__ */ React23.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-2 text-prussian-blue-600 text-sm text-center p-4" }, /* @__PURE__ */ React23.createElement(ImageIcon, { size: 32, className: "text-prussian-blue-500" }), /* @__PURE__ */ React23.createElement("span", null, "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25"));
   const renderCoverImage = () => {
     if (!shouldLoadImage) {
       return renderImageLoading();
@@ -210,7 +212,7 @@ var CollectionCard = ({
       return renderImageError();
     }
     console.log("\u{1F50D} [CollectionCard] \u6E32\u67D3\u5C01\u9762\u56FE\u7247:", collection.coverImage, "collection:", collection);
-    return /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React23.createElement(
       "img",
       {
         src: collection.coverImage,
@@ -231,22 +233,22 @@ var CollectionCard = ({
     return `\xA5${price}`;
   };
   const isProduct = collection.category !== "collection" /* COLLECTION */;
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement(
     Card,
     {
       ref: cardRef,
       className: `overflow-hidden transition-all duration-300 transform w-full max-w-sm mx-auto group border-prussian-blue-200/30 shadow-lg hover:shadow-xl bg-gradient-to-br from-white to-prussian-blue-900/5 ${!(collection.pages && collection.pages.length > 0) ? "cursor-default" : "cursor-pointer hover:-translate-y-1 hover:shadow-moonstone/20 hover:border-moonstone/40"}`,
       onClick: collection.pages && collection.pages.length > 0 ? () => onSelect(collection) : void 0
     },
-    /* @__PURE__ */ React29.createElement("div", { className: "relative w-full bg-gradient-to-br from-prussian-blue-900/5 to-oxford-blue-100/10 flex items-center justify-center overflow-hidden aspect-[1/1.414]" }, /* @__PURE__ */ React29.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-rich-black/60 via-oxford-blue/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300" }), /* @__PURE__ */ React29.createElement("div", { className: "absolute bottom-4 left-4 z-10" }, /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("div", { className: "relative w-full bg-gradient-to-br from-prussian-blue-900/5 to-oxford-blue-100/10 flex items-center justify-center overflow-hidden aspect-[1/1.414]" }, /* @__PURE__ */ React23.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-rich-black/60 via-oxford-blue/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300" }), /* @__PURE__ */ React23.createElement("div", { className: "absolute bottom-4 left-4 z-10" }, /* @__PURE__ */ React23.createElement(
       Badge,
       {
         variant: "secondary",
         className: "bg-moonstone/90 text-white backdrop-blur-sm border-none hover:bg-cerulean/90 transition-colors shadow-lg"
       },
-      isProduct ? /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(ShoppingBag, { size: 16, className: "mr-1" }), "\u5546\u54C1") : /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(Book, { size: 16, className: "mr-1" }), collection.pages.length, " \u9875")
+      isProduct ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(ShoppingBag, { size: 16, className: "mr-1" }), "\u5546\u54C1") : /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(Book, { size: 16, className: "mr-1" }), collection.pages.length, " \u9875")
     )), renderCoverImage()),
-    /* @__PURE__ */ React29.createElement(CardContent, { className: "p-6" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-xl font-bold text-rich-black mb-2 line-clamp-2 group-hover:text-moonstone transition-colors" }, collection.title), /* @__PURE__ */ React29.createElement("p", { className: "text-prussian-blue-600 text-sm mb-1" }, "\u7F16\u53F7\uFF1A", collection.number), collection.category && /* @__PURE__ */ React29.createElement("p", { className: "text-prussian-blue-600 text-sm mb-1" }, "\u5206\u7C7B\uFF1A", collection.category.displayName), /* @__PURE__ */ React29.createElement("p", { className: "text-prussian-blue-700 text-sm mb-2 font-medium" }, "\u4EF7\u683C\uFF1A", formatPrice(collection.price)), collection.description && /* @__PURE__ */ React29.createElement("p", { className: "text-prussian-blue-500 text-sm mb-4 line-clamp-2" }, collection.description), /* @__PURE__ */ React29.createElement("div", { className: "flex gap-2" }, collection.pages && collection.pages.length > 0 && /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(CardContent, { className: "p-6" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-xl font-bold text-rich-black mb-2 line-clamp-2 group-hover:text-moonstone transition-colors" }, collection.title), /* @__PURE__ */ React23.createElement("p", { className: "text-prussian-blue-600 text-sm mb-1" }, "\u7F16\u53F7\uFF1A", collection.number), collection.category && /* @__PURE__ */ React23.createElement("p", { className: "text-prussian-blue-600 text-sm mb-1" }, "\u5206\u7C7B\uFF1A", collection.category.displayName), /* @__PURE__ */ React23.createElement("p", { className: "text-prussian-blue-700 text-sm mb-2 font-medium" }, "\u4EF7\u683C\uFF1A", formatPrice(collection.price)), collection.description && /* @__PURE__ */ React23.createElement("p", { className: "text-prussian-blue-500 text-sm mb-4 line-clamp-2" }, collection.description), /* @__PURE__ */ React23.createElement("div", { className: "flex gap-2" }, collection.pages && collection.pages.length > 0 && /* @__PURE__ */ React23.createElement(
       Button,
       {
         className: "flex-1 bg-gradient-to-r from-moonstone to-cerulean hover:from-cerulean hover:to-moonstone text-white gap-2 shadow-lg transition-all duration-300 hover:shadow-moonstone/30",
@@ -255,9 +257,9 @@ var CollectionCard = ({
           onSelect(collection);
         }
       },
-      /* @__PURE__ */ React29.createElement(Eye, { size: 16 }),
+      /* @__PURE__ */ React23.createElement(Eye, { size: 16 }),
       "\u67E5\u770B\u8BE6\u60C5"
-    ), /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       AddToCartButton,
       {
         collection,
@@ -324,14 +326,14 @@ var ArtworkViewer = ({
       }
     }, 100);
   };
-  return /* @__PURE__ */ React29.createElement(Card, { className: "w-full max-w-full box-border mx-auto shadow-lg border-prussian-blue-200/30 bg-gradient-to-br from-white to-prussian-blue-900/5" }, /* @__PURE__ */ React29.createElement(CardContent, { className: "p-6 lg:p-5 md:p-4 sm:p-3" }, /* @__PURE__ */ React29.createElement("div", { className: "relative min-h-[600px] flex items-center justify-center bg-gradient-to-br from-prussian-blue-900/5 to-oxford-blue-100/10 rounded-lg overflow-hidden lg:min-h-[500px] md:min-h-[450px] sm:min-h-[350px] sm:rounded-md" }, imageLoading && /* @__PURE__ */ React29.createElement("div", { className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 flex flex-col items-center justify-center gap-4 text-prussian-blue-600 text-center p-4" }, /* @__PURE__ */ React29.createElement("div", { className: "w-10 h-10 border-[3px] border-prussian-blue-300 border-t-moonstone rounded-full animate-spin" }), /* @__PURE__ */ React29.createElement("p", null, "\u52A0\u8F7D\u4E2D...")), imageError && /* @__PURE__ */ React29.createElement("div", { className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 flex flex-col items-center justify-center gap-4 text-prussian-blue-600 text-center p-4" }, /* @__PURE__ */ React29.createElement(ImageIcon, { size: 48, className: "text-prussian-blue-500" }), /* @__PURE__ */ React29.createElement("p", null, "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25"), /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement(Card, { className: "w-full max-w-full box-border mx-auto shadow-lg border-prussian-blue-200/30 bg-gradient-to-br from-white to-prussian-blue-900/5" }, /* @__PURE__ */ React23.createElement(CardContent, { className: "p-6 lg:p-5 md:p-4 sm:p-3" }, /* @__PURE__ */ React23.createElement("div", { className: "relative min-h-[600px] flex items-center justify-center bg-gradient-to-br from-prussian-blue-900/5 to-oxford-blue-100/10 rounded-lg overflow-hidden lg:min-h-[500px] md:min-h-[450px] sm:min-h-[350px] sm:rounded-md" }, imageLoading && /* @__PURE__ */ React23.createElement("div", { className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 flex flex-col items-center justify-center gap-4 text-prussian-blue-600 text-center p-4" }, /* @__PURE__ */ React23.createElement("div", { className: "w-10 h-10 border-[3px] border-prussian-blue-300 border-t-moonstone rounded-full animate-spin" }), /* @__PURE__ */ React23.createElement("p", null, "\u52A0\u8F7D\u4E2D...")), imageError && /* @__PURE__ */ React23.createElement("div", { className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 flex flex-col items-center justify-center gap-4 text-prussian-blue-600 text-center p-4" }, /* @__PURE__ */ React23.createElement(ImageIcon, { size: 48, className: "text-prussian-blue-500" }), /* @__PURE__ */ React23.createElement("p", null, "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25"), /* @__PURE__ */ React23.createElement(
     Button,
     {
       onClick: retryImageLoad,
       className: "bg-gradient-to-r from-moonstone to-cerulean hover:from-cerulean hover:to-moonstone text-white shadow-lg transition-all duration-300"
     },
     "\u91CD\u8BD5"
-  )), imageSrc && !imageError && /* @__PURE__ */ React29.createElement(
+  )), imageSrc && !imageError && /* @__PURE__ */ React23.createElement(
     "img",
     {
       src: imageSrc,
@@ -341,7 +343,7 @@ var ArtworkViewer = ({
       onLoad: handleImageLoad,
       onError: handleImageError
     }
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     Button,
     {
       onClick: onPrev,
@@ -351,8 +353,8 @@ var ArtworkViewer = ({
       className: "absolute top-1/2 left-4 transform -translate-y-1/2 bg-white/95 backdrop-blur-sm shadow-lg hover:bg-moonstone-900/10 hover:scale-105 hover:shadow-xl disabled:opacity-40 z-10 rounded-full p-3 border-prussian-blue-200 hover:border-moonstone/40 md:left-3 sm:left-2",
       "aria-label": "\u4E0A\u4E00\u5F20"
     },
-    /* @__PURE__ */ React29.createElement(ChevronLeft, { size: 24 })
-  ), /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(ChevronLeft, { size: 24 })
+  ), /* @__PURE__ */ React23.createElement(
     Button,
     {
       onClick: onNext,
@@ -362,8 +364,8 @@ var ArtworkViewer = ({
       className: "absolute top-1/2 right-4 transform -translate-y-1/2 bg-white/95 backdrop-blur-sm shadow-lg hover:bg-moonstone-900/10 hover:scale-105 hover:shadow-xl disabled:opacity-40 z-10 rounded-full p-3 border-prussian-blue-200 hover:border-moonstone/40 md:right-3 sm:right-2",
       "aria-label": "\u4E0B\u4E00\u5F20"
     },
-    /* @__PURE__ */ React29.createElement(ChevronRight, { size: 24 })
-  )), /* @__PURE__ */ React29.createElement("div", { className: "mt-6 w-full max-w-full box-border lg:mt-5 md:mt-5 sm:mt-4" }, /* @__PURE__ */ React29.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React29.createElement("h2", { className: "text-2xl font-bold text-rich-black leading-tight lg:text-xl md:text-xl sm:text-lg sm:leading-5" }, artwork.title), /* @__PURE__ */ React29.createElement("div", { className: "flex flex-wrap gap-2" }, /* @__PURE__ */ React29.createElement(Badge, { variant: "outline", className: "border-moonstone/30 text-cerulean bg-moonstone-900/5" }, "\u7F16\u53F7\uFF1A", artwork.number), artwork.createdTime && /* @__PURE__ */ React29.createElement(Badge, { variant: "outline", className: "border-moonstone/30 text-cerulean bg-moonstone-900/5" }, "\u521B\u4F5C\u65F6\u95F4\uFF1A", artwork.createdTime), artwork.theme && /* @__PURE__ */ React29.createElement(Badge, { variant: "outline", className: "border-moonstone/30 text-cerulean bg-moonstone-900/5" }, "\u4E3B\u9898\uFF1A", artwork.theme)), artwork.description && /* @__PURE__ */ React29.createElement("p", { className: "text-base text-prussian-blue-700 leading-relaxed sm:text-sm sm:leading-6" }, artwork.description)))));
+    /* @__PURE__ */ React23.createElement(ChevronRight, { size: 24 })
+  )), /* @__PURE__ */ React23.createElement("div", { className: "mt-6 w-full max-w-full box-border lg:mt-5 md:mt-5 sm:mt-4" }, /* @__PURE__ */ React23.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React23.createElement("h2", { className: "text-2xl font-bold text-rich-black leading-tight lg:text-xl md:text-xl sm:text-lg sm:leading-5" }, artwork.title), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-wrap gap-2" }, /* @__PURE__ */ React23.createElement(Badge, { variant: "outline", className: "border-moonstone/30 text-cerulean bg-moonstone-900/5" }, "\u7F16\u53F7\uFF1A", artwork.number), artwork.createdTime && /* @__PURE__ */ React23.createElement(Badge, { variant: "outline", className: "border-moonstone/30 text-cerulean bg-moonstone-900/5" }, "\u521B\u4F5C\u65F6\u95F4\uFF1A", artwork.createdTime), artwork.theme && /* @__PURE__ */ React23.createElement(Badge, { variant: "outline", className: "border-moonstone/30 text-cerulean bg-moonstone-900/5" }, "\u4E3B\u9898\uFF1A", artwork.theme)), artwork.description && /* @__PURE__ */ React23.createElement("p", { className: "text-base text-prussian-blue-700 leading-relaxed sm:text-sm sm:leading-6" }, artwork.description)))));
 };
 var MobileAlbumViewer = ({
   artworks,
@@ -520,9 +522,9 @@ var MobileAlbumViewer = ({
     setShowThumbnails(false);
   };
   if (!currentArtwork) {
-    return /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-center w-full h-full text-white" }, /* @__PURE__ */ React29.createElement("span", null, "\u6682\u65E0\u53EF\u5C55\u793A\u7684\u4F5C\u54C1"));
+    return /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-center w-full h-full text-white" }, /* @__PURE__ */ React23.createElement("span", null, "\u6682\u65E0\u53EF\u5C55\u793A\u7684\u4F5C\u54C1"));
   }
-  return /* @__PURE__ */ React29.createElement("div", { className: "relative w-full h-full bg-gradient-to-br from-rich-black to-oxford-blue" }, /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement("div", { className: "relative w-full h-full bg-gradient-to-br from-rich-black to-oxford-blue" }, /* @__PURE__ */ React23.createElement(
     "div",
     {
       ref: imageContainerRef,
@@ -531,8 +533,8 @@ var MobileAlbumViewer = ({
       onTouchMove: handleTouchMove,
       onTouchEnd: handleTouchEnd
     },
-    imageLoading && /* @__PURE__ */ React29.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-rich-black/50" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col items-center gap-4 text-white" }, /* @__PURE__ */ React29.createElement("div", { className: "w-10 h-10 border-[3px] border-prussian-blue-300 border-t-moonstone rounded-full animate-spin" }), /* @__PURE__ */ React29.createElement("p", null, "\u52A0\u8F7D\u4E2D..."))),
-    imageError && /* @__PURE__ */ React29.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-rich-black/50" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col items-center gap-4 text-white text-center p-4" }, /* @__PURE__ */ React29.createElement(ImageIcon, { size: 48, className: "text-moonstone" }), /* @__PURE__ */ React29.createElement("p", null, "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25"), /* @__PURE__ */ React29.createElement(
+    imageLoading && /* @__PURE__ */ React23.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-rich-black/50" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col items-center gap-4 text-white" }, /* @__PURE__ */ React23.createElement("div", { className: "w-10 h-10 border-[3px] border-prussian-blue-300 border-t-moonstone rounded-full animate-spin" }), /* @__PURE__ */ React23.createElement("p", null, "\u52A0\u8F7D\u4E2D..."))),
+    imageError && /* @__PURE__ */ React23.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-rich-black/50" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col items-center gap-4 text-white text-center p-4" }, /* @__PURE__ */ React23.createElement(ImageIcon, { size: 48, className: "text-moonstone" }), /* @__PURE__ */ React23.createElement("p", null, "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25"), /* @__PURE__ */ React23.createElement(
       Button,
       {
         onClick: retryImageLoad,
@@ -540,7 +542,7 @@ var MobileAlbumViewer = ({
       },
       "\u91CD\u8BD5"
     ))),
-    imageSrc && !imageError && /* @__PURE__ */ React29.createElement(
+    imageSrc && !imageError && /* @__PURE__ */ React23.createElement(
       "img",
       {
         src: imageSrc,
@@ -555,7 +557,7 @@ var MobileAlbumViewer = ({
         onError: handleImageError
       }
     ),
-    /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(
       Button,
       {
         onClick: onPrev,
@@ -565,9 +567,9 @@ var MobileAlbumViewer = ({
         className: "absolute top-1/2 left-4 transform -translate-y-1/2 bg-rich-black/70 backdrop-blur-sm text-white border-moonstone/30 hover:bg-oxford-blue/80 disabled:opacity-40 z-10 rounded-full w-12 h-12 shadow-lg",
         "aria-label": "\u4E0A\u4E00\u5F20"
       },
-      /* @__PURE__ */ React29.createElement(ChevronLeft, { size: 24 })
+      /* @__PURE__ */ React23.createElement(ChevronLeft, { size: 24 })
     ),
-    /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(
       Button,
       {
         onClick: onNext,
@@ -577,9 +579,9 @@ var MobileAlbumViewer = ({
         className: "absolute top-1/2 right-4 transform -translate-y-1/2 bg-rich-black/70 backdrop-blur-sm text-white border-moonstone/30 hover:bg-oxford-blue/80 disabled:opacity-40 z-10 rounded-full w-12 h-12 shadow-lg",
         "aria-label": "\u4E0B\u4E00\u5F20"
       },
-      /* @__PURE__ */ React29.createElement(ChevronRight, { size: 24 })
+      /* @__PURE__ */ React23.createElement(ChevronRight, { size: 24 })
     ),
-    /* @__PURE__ */ React29.createElement("div", { className: "absolute top-0 left-0 right-0 bg-gradient-to-b from-rich-black/80 via-oxford-blue/40 to-transparent p-4 z-20" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between text-white" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(Badge, { variant: "secondary", className: "bg-moonstone/30 text-white border-moonstone/50 backdrop-blur-sm" }, currentIndex + 1, " / ", artworks.length)), /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("div", { className: "absolute top-0 left-0 right-0 bg-gradient-to-b from-rich-black/80 via-oxford-blue/40 to-transparent p-4 z-20" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between text-white" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(Badge, { variant: "secondary", className: "bg-moonstone/30 text-white border-moonstone/50 backdrop-blur-sm" }, currentIndex + 1, " / ", artworks.length)), /* @__PURE__ */ React23.createElement(
       Button,
       {
         onClick: toggleThumbnails,
@@ -588,10 +590,10 @@ var MobileAlbumViewer = ({
         className: "text-white hover:bg-moonstone/30 rounded-full w-10 h-10 backdrop-blur-sm",
         "aria-label": "\u663E\u793A\u7F29\u7565\u56FE"
       },
-      /* @__PURE__ */ React29.createElement(Grid3x3, { size: 20 })
+      /* @__PURE__ */ React23.createElement(Grid3x3, { size: 20 })
     ))),
-    /* @__PURE__ */ React29.createElement("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-rich-black/80 via-oxford-blue/40 to-transparent p-4 z-20" }, /* @__PURE__ */ React29.createElement("div", { className: "text-white" }, /* @__PURE__ */ React29.createElement("h2", { className: "text-xl font-bold mb-2" }, currentArtwork.title), /* @__PURE__ */ React29.createElement("div", { className: "flex flex-wrap gap-2 mb-2" }, /* @__PURE__ */ React29.createElement(Badge, { variant: "secondary", className: "bg-moonstone/30 text-white border-moonstone/50 backdrop-blur-sm" }, "\u7F16\u53F7\uFF1A", currentArtwork.number), currentArtwork.createdTime && /* @__PURE__ */ React29.createElement(Badge, { variant: "secondary", className: "bg-moonstone/30 text-white border-moonstone/50 backdrop-blur-sm" }, "\u521B\u4F5C\u65F6\u95F4\uFF1A", currentArtwork.createdTime), currentArtwork.theme && /* @__PURE__ */ React29.createElement(Badge, { variant: "secondary", className: "bg-moonstone/30 text-white border-moonstone/50 backdrop-blur-sm" }, "\u4E3B\u9898\uFF1A", currentArtwork.theme)), currentArtwork.description && /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-white/90 leading-relaxed" }, currentArtwork.description)))
-  ), showThumbnails && /* @__PURE__ */ React29.createElement("div", { className: "absolute inset-0 bg-gradient-to-br from-rich-black/95 to-oxford-blue/90 backdrop-blur-sm z-30 flex flex-col" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between p-4 border-b border-moonstone/30" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-white text-lg font-semibold" }, "\u9009\u62E9\u56FE\u7247"), /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-rich-black/80 via-oxford-blue/40 to-transparent p-4 z-20" }, /* @__PURE__ */ React23.createElement("div", { className: "text-white" }, /* @__PURE__ */ React23.createElement("h2", { className: "text-xl font-bold mb-2" }, currentArtwork.title), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-wrap gap-2 mb-2" }, /* @__PURE__ */ React23.createElement(Badge, { variant: "secondary", className: "bg-moonstone/30 text-white border-moonstone/50 backdrop-blur-sm" }, "\u7F16\u53F7\uFF1A", currentArtwork.number), currentArtwork.createdTime && /* @__PURE__ */ React23.createElement(Badge, { variant: "secondary", className: "bg-moonstone/30 text-white border-moonstone/50 backdrop-blur-sm" }, "\u521B\u4F5C\u65F6\u95F4\uFF1A", currentArtwork.createdTime), currentArtwork.theme && /* @__PURE__ */ React23.createElement(Badge, { variant: "secondary", className: "bg-moonstone/30 text-white border-moonstone/50 backdrop-blur-sm" }, "\u4E3B\u9898\uFF1A", currentArtwork.theme)), currentArtwork.description && /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-white/90 leading-relaxed" }, currentArtwork.description)))
+  ), showThumbnails && /* @__PURE__ */ React23.createElement("div", { className: "absolute inset-0 bg-gradient-to-br from-rich-black/95 to-oxford-blue/90 backdrop-blur-sm z-30 flex flex-col" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between p-4 border-b border-moonstone/30" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-white text-lg font-semibold" }, "\u9009\u62E9\u56FE\u7247"), /* @__PURE__ */ React23.createElement(
     Button,
     {
       onClick: () => setShowThumbnails(false),
@@ -599,21 +601,21 @@ var MobileAlbumViewer = ({
       variant: "ghost",
       className: "text-white hover:bg-moonstone/30 rounded-full"
     },
-    /* @__PURE__ */ React29.createElement(X, { size: 20 })
-  )), /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(X, { size: 20 })
+  )), /* @__PURE__ */ React23.createElement(
     "div",
     {
       ref: thumbnailsRef,
       className: "flex-1 p-4 overflow-y-auto grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-2 content-start"
     },
-    artworks.map((artwork, index) => /* @__PURE__ */ React29.createElement(
+    artworks.map((artwork, index) => /* @__PURE__ */ React23.createElement(
       "button",
       {
         key: artwork.id,
         onClick: () => selectThumbnail(index),
         className: `relative aspect-square rounded-lg overflow-hidden border-2 transition-all ${index === currentIndex ? "border-moonstone scale-95 shadow-lg shadow-moonstone/30" : "border-prussian-blue-300/30 hover:border-moonstone/50"}`
       },
-      /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React23.createElement(
         "img",
         {
           src: artwork.image || `/api/showmasterpiece/collections/${collectionId}/artworks/${artwork.id}/image`,
@@ -621,8 +623,8 @@ var MobileAlbumViewer = ({
           className: "w-full h-full object-cover"
         }
       ),
-      index === currentIndex && /* @__PURE__ */ React29.createElement("div", { className: "absolute inset-0 bg-moonstone/20 flex items-center justify-center" }, /* @__PURE__ */ React29.createElement("div", { className: "w-6 h-6 bg-moonstone rounded-full flex items-center justify-center shadow-lg" }, /* @__PURE__ */ React29.createElement("div", { className: "w-2 h-2 bg-white rounded-full" }))),
-      /* @__PURE__ */ React29.createElement("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-rich-black/80 to-transparent p-1" }, /* @__PURE__ */ React29.createElement("div", { className: "text-white text-xs text-center truncate" }, index + 1))
+      index === currentIndex && /* @__PURE__ */ React23.createElement("div", { className: "absolute inset-0 bg-moonstone/20 flex items-center justify-center" }, /* @__PURE__ */ React23.createElement("div", { className: "w-6 h-6 bg-moonstone rounded-full flex items-center justify-center shadow-lg" }, /* @__PURE__ */ React23.createElement("div", { className: "w-2 h-2 bg-white rounded-full" }))),
+      /* @__PURE__ */ React23.createElement("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-rich-black/80 to-transparent p-1" }, /* @__PURE__ */ React23.createElement("div", { className: "text-white text-xs text-center truncate" }, index + 1))
     ))
   )));
 };
@@ -688,7 +690,7 @@ var ThumbnailItem = ({ page, index, isActive, onSelect }) => {
     setImageLoading(false);
     setImageError(true);
   };
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement(
     "button",
     {
       id: `thumbnail-${page.id}`,
@@ -696,7 +698,7 @@ var ThumbnailItem = ({ page, index, isActive, onSelect }) => {
       className: `w-full p-2 border-2 border-prussian-blue-200/30 rounded-lg bg-gradient-to-br from-white to-prussian-blue-900/5 cursor-pointer transition-all duration-200 min-h-[44px] flex items-center justify-center hover:border-moonstone/40 hover:bg-moonstone-900/10 focus:outline-none focus:ring-2 focus:ring-moonstone focus:ring-offset-2 lg:flex-shrink-0 lg:min-w-[220px] lg:max-w-[220px] lg:p-3.5 md:min-w-[200px] md:max-w-[200px] md:p-3 md:min-h-12 sm:min-w-[180px] sm:max-w-[180px] sm:p-2.5 sm:rounded-md ${isActive ? "border-moonstone bg-moonstone-900/10 shadow-lg shadow-moonstone/20" : ""}`,
       "aria-label": `\u67E5\u770B\u7B2C ${index + 1} \u9875\uFF1A${page.title}`
     },
-    /* @__PURE__ */ React29.createElement("div", { className: "relative w-16 h-20 flex items-center justify-center bg-gradient-to-br from-prussian-blue-900/5 to-oxford-blue-100/10 rounded border border-prussian-blue-200/20 overflow-hidden flex-shrink-0 lg:w-11 lg:h-15 md:w-10 md:h-14 sm:w-9 sm:h-13 sm:rounded-sm" }, imageLoading && /* @__PURE__ */ React29.createElement("div", { className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 flex items-center justify-center" }, /* @__PURE__ */ React29.createElement("div", { className: "w-4 h-4 border border-prussian-blue-300 border-t-moonstone rounded-full animate-spin" })), imageError && /* @__PURE__ */ React29.createElement("div", { className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 flex items-center justify-center text-prussian-blue-400 text-xs" }, /* @__PURE__ */ React29.createElement(ImageIcon, { size: 20 })), imageSrc && !imageError && /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("div", { className: "relative w-16 h-20 flex items-center justify-center bg-gradient-to-br from-prussian-blue-900/5 to-oxford-blue-100/10 rounded border border-prussian-blue-200/20 overflow-hidden flex-shrink-0 lg:w-11 lg:h-15 md:w-10 md:h-14 sm:w-9 sm:h-13 sm:rounded-sm" }, imageLoading && /* @__PURE__ */ React23.createElement("div", { className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 flex items-center justify-center" }, /* @__PURE__ */ React23.createElement("div", { className: "w-4 h-4 border border-prussian-blue-300 border-t-moonstone rounded-full animate-spin" })), imageError && /* @__PURE__ */ React23.createElement("div", { className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 flex items-center justify-center text-prussian-blue-400 text-xs" }, /* @__PURE__ */ React23.createElement(ImageIcon, { size: 20 })), imageSrc && !imageError && /* @__PURE__ */ React23.createElement(
       "img",
       {
         src: imageSrc,
@@ -706,7 +708,7 @@ var ThumbnailItem = ({ page, index, isActive, onSelect }) => {
         onError: handleImageError
       }
     )),
-    /* @__PURE__ */ React29.createElement("div", { className: "text-left flex-1 min-w-0 lg:flex lg:flex-col lg:gap-1 lg:ml-3.5 md:ml-3 sm:ml-2.5" }, /* @__PURE__ */ React29.createElement("h4", { className: "font-medium text-sm text-rich-black mb-1 overflow-hidden text-ellipsis whitespace-nowrap leading-tight lg:text-xs md:text-xs sm:text-xs sm:mb-0.5" }, page.title), /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-prussian-blue-600 mb-0 overflow-hidden text-ellipsis whitespace-nowrap lg:text-xs md:text-xs sm:text-xs" }, page.number))
+    /* @__PURE__ */ React23.createElement("div", { className: "text-left flex-1 min-w-0 lg:flex lg:flex-col lg:gap-1 lg:ml-3.5 md:ml-3 sm:ml-2.5" }, /* @__PURE__ */ React23.createElement("h4", { className: "font-medium text-sm text-rich-black mb-1 overflow-hidden text-ellipsis whitespace-nowrap leading-tight lg:text-xs md:text-xs sm:text-xs sm:mb-0.5" }, page.title), /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-prussian-blue-600 mb-0 overflow-hidden text-ellipsis whitespace-nowrap lg:text-xs md:text-xs sm:text-xs" }, page.number))
   );
 };
 var ThumbnailSidebar = ({
@@ -714,7 +716,7 @@ var ThumbnailSidebar = ({
   currentPage,
   onPageSelect
 }) => {
-  return /* @__PURE__ */ React29.createElement("div", { className: "bg-gradient-to-br from-white to-prussian-blue-900/5 rounded-2xl shadow-2xl border border-prussian-blue-200/30 p-6 w-full max-w-full box-border mb-0 lg:p-5 lg:mb-4 md:p-4 md:mb-4 md:rounded-xl sm:p-3.5 sm:rounded-xl" }, /* @__PURE__ */ React29.createElement("div", { className: "flex justify-between items-center mb-4 lg:mb-3.5 md:mb-3 sm:mb-2.5" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-lg font-semibold text-rich-black mb-0 leading-tight lg:text-base md:text-base sm:text-sm" }, "\u4F5C\u54C1\u5217\u8868"), /* @__PURE__ */ React29.createElement("span", { className: "text-sm text-cerulean font-medium lg:text-sm md:text-sm sm:text-xs" }, currentPage + 1, " / ", pages.length)), /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col gap-3 max-h-[600px] overflow-y-auto scrollbar-thin scrollbar-thumb-moonstone/50 scrollbar-track-prussian-blue-100/30 lg:flex-row lg:gap-4 lg:max-h-none lg:overflow-x-auto lg:overflow-y-hidden lg:pb-2.5 lg:scroll-snap-x lg:scroll-smooth md:gap-3.5 md:pb-2 sm:gap-2.5 sm:pb-1.5" }, pages.map((page, index) => /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement("div", { className: "bg-gradient-to-br from-white to-prussian-blue-900/5 rounded-2xl shadow-2xl border border-prussian-blue-200/30 p-6 w-full max-w-full box-border mb-0 lg:p-5 lg:mb-4 md:p-4 md:mb-4 md:rounded-xl sm:p-3.5 sm:rounded-xl" }, /* @__PURE__ */ React23.createElement("div", { className: "flex justify-between items-center mb-4 lg:mb-3.5 md:mb-3 sm:mb-2.5" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg font-semibold text-rich-black mb-0 leading-tight lg:text-base md:text-base sm:text-sm" }, "\u4F5C\u54C1\u5217\u8868"), /* @__PURE__ */ React23.createElement("span", { className: "text-sm text-cerulean font-medium lg:text-sm md:text-sm sm:text-xs" }, currentPage + 1, " / ", pages.length)), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col gap-3 max-h-[600px] overflow-y-auto scrollbar-thin scrollbar-thumb-moonstone/50 scrollbar-track-prussian-blue-100/30 lg:flex-row lg:gap-4 lg:max-h-none lg:overflow-x-auto lg:overflow-y-hidden lg:pb-2.5 lg:scroll-snap-x lg:scroll-smooth md:gap-3.5 md:pb-2 sm:gap-2.5 sm:pb-1.5" }, pages.map((page, index) => /* @__PURE__ */ React23.createElement(
     ThumbnailItem,
     {
       key: page.id,
@@ -1242,7 +1244,7 @@ async function refreshFileServiceConfig() {
       const ossConfig = config?.storageProviders?.["aliyun-oss"];
       if (ossConfig && ossConfig.enabled) {
         console.log("\u{1F504} [ShowMasterpiece] \u91CD\u65B0\u521D\u59CB\u5316OSS Provider\u4EE5\u5E94\u7528\u65B0\u914D\u7F6E");
-        const { UniversalFileService } = await import('./UniversalFileService-336GFY6N.mjs');
+        const { UniversalFileService } = await import('./UniversalFileService-O3IEROBN.mjs');
         const fileService = new UniversalFileService(config);
         await fileService.initialize();
         await fileService.reinitializeStorageProviders?.();
@@ -1573,7 +1575,7 @@ function CollectionOrderManagerV2({
     }
   };
   const renderCollection = (collection, index, isFirst, isLast) => {
-    return /* @__PURE__ */ React29.createElement("div", { style: { display: "flex", alignItems: "center", gap: "12px", flex: 1 } }, /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React23.createElement("div", { style: { display: "flex", alignItems: "center", gap: "12px", flex: 1 } }, /* @__PURE__ */ React23.createElement(
       "img",
       {
         src: collection.coverImage || "/placeholder-image.png",
@@ -1586,7 +1588,7 @@ function CollectionOrderManagerV2({
           border: "1px solid #e5e7eb"
         }
       }
-    ), /* @__PURE__ */ React29.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React29.createElement("h4", { style: {
+    ), /* @__PURE__ */ React23.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React23.createElement("h4", { style: {
       margin: "0 0 4px 0",
       color: "#1f2937",
       fontSize: "16px",
@@ -1594,14 +1596,14 @@ function CollectionOrderManagerV2({
       whiteSpace: "nowrap",
       overflow: "hidden",
       textOverflow: "ellipsis"
-    } }, collection.title), /* @__PURE__ */ React29.createElement("p", { style: {
+    } }, collection.title), /* @__PURE__ */ React23.createElement("p", { style: {
       fontSize: 13,
       color: "#64748b",
       marginBottom: 2,
       whiteSpace: "nowrap",
       overflow: "hidden",
       textOverflow: "ellipsis"
-    } }, "\u7F16\u53F7\uFF1A", collection.number), collection.category && /* @__PURE__ */ React29.createElement("span", { style: {
+    } }, "\u7F16\u53F7\uFF1A", collection.number), collection.category && /* @__PURE__ */ React23.createElement("span", { style: {
       display: "inline-block",
       padding: "2px 8px",
       background: "#dbeafe",
@@ -1611,7 +1613,7 @@ function CollectionOrderManagerV2({
       borderRadius: "12px"
     } }, collection.category)));
   };
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement(
     GenericOrderManager,
     {
       operations,
@@ -1680,7 +1682,7 @@ function ArtworkOrderManagerV2({
     }
   };
   const renderArtwork = (artwork, index, isFirst, isLast) => {
-    return /* @__PURE__ */ React29.createElement("div", { style: { display: "flex", alignItems: "center", gap: "12px", flex: 1 } }, /* @__PURE__ */ React29.createElement("div", { style: {
+    return /* @__PURE__ */ React23.createElement("div", { style: { display: "flex", alignItems: "center", gap: "12px", flex: 1 } }, /* @__PURE__ */ React23.createElement("div", { style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
@@ -1691,7 +1693,7 @@ function ArtworkOrderManagerV2({
       overflow: "hidden",
       background: "#f9fafb",
       flexShrink: 0
-    } }, artwork.image ? /* @__PURE__ */ React29.createElement(
+    } }, artwork.image ? /* @__PURE__ */ React23.createElement(
       "img",
       {
         src: artwork.image,
@@ -1710,7 +1712,7 @@ function ArtworkOrderManagerV2({
           }
         }
       }
-    ) : /* @__PURE__ */ React29.createElement("div", { style: {
+    ) : /* @__PURE__ */ React23.createElement("div", { style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
@@ -1718,7 +1720,7 @@ function ArtworkOrderManagerV2({
       height: "100%",
       color: "#9ca3af",
       background: "#f3f4f6"
-    } }, /* @__PURE__ */ React29.createElement(Image, { size: 24 })), /* @__PURE__ */ React29.createElement("div", { className: "placeholder", style: {
+    } }, /* @__PURE__ */ React23.createElement(Image, { size: 24 })), /* @__PURE__ */ React23.createElement("div", { className: "placeholder", style: {
       display: "none",
       alignItems: "center",
       justifyContent: "center",
@@ -1726,7 +1728,7 @@ function ArtworkOrderManagerV2({
       height: "100%",
       color: "#9ca3af",
       background: "#f3f4f6"
-    } }, /* @__PURE__ */ React29.createElement(Image, { size: 24 }))), /* @__PURE__ */ React29.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React29.createElement("h4", { style: {
+    } }, /* @__PURE__ */ React23.createElement(Image, { size: 24 }))), /* @__PURE__ */ React23.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React23.createElement("h4", { style: {
       margin: "0 0 4px 0",
       color: "#1f2937",
       fontSize: "16px",
@@ -1735,21 +1737,21 @@ function ArtworkOrderManagerV2({
       whiteSpace: "nowrap",
       overflow: "hidden",
       textOverflow: "ellipsis"
-    } }, artwork.title), /* @__PURE__ */ React29.createElement("p", { style: {
+    } }, artwork.title), /* @__PURE__ */ React23.createElement("p", { style: {
       margin: "0 0 4px 0",
       color: "#6b7280",
       fontSize: "14px",
       whiteSpace: "nowrap",
       overflow: "hidden",
       textOverflow: "ellipsis"
-    } }, "\u7F16\u53F7\uFF1A", artwork.number), artwork.createdTime && /* @__PURE__ */ React29.createElement("p", { style: {
+    } }, "\u7F16\u53F7\uFF1A", artwork.number), artwork.createdTime && /* @__PURE__ */ React23.createElement("p", { style: {
       margin: "0 0 4px 0",
       color: "#6b7280",
       fontSize: "14px",
       whiteSpace: "nowrap",
       overflow: "hidden",
       textOverflow: "ellipsis"
-    } }, "\u521B\u4F5C\u65F6\u95F4\uFF1A", artwork.createdTime), artwork.theme && /* @__PURE__ */ React29.createElement("span", { style: {
+    } }, "\u521B\u4F5C\u65F6\u95F4\uFF1A", artwork.createdTime), artwork.theme && /* @__PURE__ */ React23.createElement("span", { style: {
       display: "inline-block",
       background: "#dbeafe",
       color: "#1d4ed8",
@@ -1759,7 +1761,7 @@ function ArtworkOrderManagerV2({
       marginRight: "6px"
     } }, artwork.theme)));
   };
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement(
     GenericOrderManager,
     {
       operations,
@@ -1838,14 +1840,14 @@ var UniversalImageUpload = ({
     };
     const handleDivClick = (e) => {
     };
-    return /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React23.createElement(
       "div",
       {
         className: "border-2 border-dashed border-slate-300 rounded-xl p-8 text-center hover:border-blue-400 hover:bg-slate-50 transition-all duration-200 cursor-pointer",
         onClick: handleDivClick,
         style: { position: "relative", zIndex: 1 }
       },
-      /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React23.createElement(
         "input",
         {
           type: "file",
@@ -1865,7 +1867,7 @@ var UniversalImageUpload = ({
           }
         }
       ),
-      /* @__PURE__ */ React29.createElement("div", { className: "text-slate-500 pointer-events-none" }, uploading ? /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement("div", { className: "animate-spin w-10 h-10 border-3 border-blue-500 border-t-transparent rounded-full mx-auto mb-3" }), /* @__PURE__ */ React29.createElement("p", { className: "text-sm font-medium" }, "\u6B63\u5728\u4E0A\u4F20\u5230\u4E91\u5B58\u50A8...")) : /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement("svg", { className: "w-16 h-16 mx-auto mb-4 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React29.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" })), /* @__PURE__ */ React29.createElement("p", { className: "text-lg font-semibold text-slate-700 mb-2" }, placeholder), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-600 mb-1" }, "\u652F\u6301 JPG\u3001PNG\u3001GIF\u3001WebP \u683C\u5F0F"), /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-blue-600" }, "\u81EA\u52A8\u4E0A\u4F20\u5230\u4E91\u5B58\u50A8\uFF0C\u4EAB\u53D7CDN\u52A0\u901F")))
+      /* @__PURE__ */ React23.createElement("div", { className: "text-slate-500 pointer-events-none" }, uploading ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: "animate-spin w-10 h-10 border-3 border-blue-500 border-t-transparent rounded-full mx-auto mb-3" }), /* @__PURE__ */ React23.createElement("p", { className: "text-sm font-medium" }, "\u6B63\u5728\u4E0A\u4F20\u5230\u4E91\u5B58\u50A8...")) : /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("svg", { className: "w-16 h-16 mx-auto mb-4 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React23.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" })), /* @__PURE__ */ React23.createElement("p", { className: "text-lg font-semibold text-slate-700 mb-2" }, placeholder), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-600 mb-1" }, "\u652F\u6301 JPG\u3001PNG\u3001GIF\u3001WebP \u683C\u5F0F"), /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-blue-600" }, "\u81EA\u52A8\u4E0A\u4F20\u5230\u4E91\u5B58\u50A8\uFF0C\u4EAB\u53D7CDN\u52A0\u901F")))
     );
   };
   const renderPreview = () => {
@@ -1873,7 +1875,7 @@ var UniversalImageUpload = ({
       return null;
     }
     const imageUrl = value || (fileId ? `/api/universal-file/${fileId}` : "");
-    return /* @__PURE__ */ React29.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React29.createElement("div", { className: "relative inline-block group" }, /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React23.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React23.createElement("div", { className: "relative inline-block group" }, /* @__PURE__ */ React23.createElement(
       "img",
       {
         src: imageUrl,
@@ -1883,7 +1885,7 @@ var UniversalImageUpload = ({
           e.currentTarget.style.display = "none";
         }
       }
-    ), /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       "button",
       {
         type: "button",
@@ -1891,10 +1893,10 @@ var UniversalImageUpload = ({
         className: "absolute -top-3 -right-3 bg-red-500 text-white rounded-full w-7 h-7 flex items-center justify-center hover:bg-red-600 transition-colors shadow-lg opacity-0 group-hover:opacity-100",
         title: "\u5220\u9664\u56FE\u7247"
       },
-      /* @__PURE__ */ React29.createElement("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React29.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
+      /* @__PURE__ */ React23.createElement("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React23.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
     )));
   };
-  return /* @__PURE__ */ React29.createElement("div", { className }, label && /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-3" }, label), fileId && /* @__PURE__ */ React29.createElement("div", { className: "mb-3 p-3 bg-emerald-50 border border-emerald-200 rounded-lg text-sm text-emerald-700" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React29.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" })), /* @__PURE__ */ React29.createElement("span", null, "\u56FE\u7247\u5DF2\u4E0A\u4F20\u5230\u4E91\u5B58\u50A8"))), renderUploadArea(), renderPreview(), /* @__PURE__ */ React29.createElement("div", { className: "mt-3 text-xs text-slate-500" }, businessType === "cover" ? "\u5C01\u9762\u56FE\u7247" : "\u4F5C\u54C1\u56FE\u7247", "\u5C06\u81EA\u52A8\u4E0A\u4F20\u5230\u4E91\u5B58\u50A8\u5E76\u901A\u8FC7CDN\u5206\u53D1\uFF0C\u63D0\u4F9B\u66F4\u597D\u7684\u6027\u80FD\u548C\u7528\u6237\u4F53\u9A8C"));
+  return /* @__PURE__ */ React23.createElement("div", { className }, label && /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-3" }, label), fileId && /* @__PURE__ */ React23.createElement("div", { className: "mb-3 p-3 bg-emerald-50 border border-emerald-200 rounded-lg text-sm text-emerald-700" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React23.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" })), /* @__PURE__ */ React23.createElement("span", null, "\u56FE\u7247\u5DF2\u4E0A\u4F20\u5230\u4E91\u5B58\u50A8"))), renderUploadArea(), renderPreview(), /* @__PURE__ */ React23.createElement("div", { className: "mt-3 text-xs text-slate-500" }, businessType === "cover" ? "\u5C01\u9762\u56FE\u7247" : "\u4F5C\u54C1\u56FE\u7247", "\u5C06\u81EA\u52A8\u4E0A\u4F20\u5230\u4E91\u5B58\u50A8\u5E76\u901A\u8FC7CDN\u5206\u53D1\uFF0C\u63D0\u4F9B\u66F4\u597D\u7684\u6027\u80FD\u548C\u7528\u6237\u4F53\u9A8C"));
 };
 
 // src/showmasterpiece/ui/web/components/CartPage.tsx
@@ -2040,7 +2042,7 @@ var CartPage = ({ userId, onClose }) => {
     }
   };
   if (checkoutSuccess) {
-    return /* @__PURE__ */ React29.createElement("div", { className: "max-w-2xl mx-auto p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "text-center" }, /* @__PURE__ */ React29.createElement("div", { className: "text-green-500 text-6xl mb-4" }, "\u2705"), /* @__PURE__ */ React29.createElement("h2", { className: "text-2xl font-bold text-gray-900 mb-4" }, "\u6279\u91CF\u9884\u8BA2\u63D0\u4EA4\u6210\u529F\uFF01"), /* @__PURE__ */ React29.createElement("p", { className: "text-gray-600 mb-6" }, "\u60A8\u7684\u6279\u91CF\u9884\u8BA2\u5DF2\u6210\u529F\u63D0\u4EA4\uFF0C\u6211\u4EEC\u4F1A\u5C3D\u5FEB\u4E0E\u60A8\u8054\u7CFB\u786E\u8BA4\u3002"), /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React23.createElement("div", { className: "max-w-2xl mx-auto p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "text-center" }, /* @__PURE__ */ React23.createElement("div", { className: "text-green-500 text-6xl mb-4" }, "\u2705"), /* @__PURE__ */ React23.createElement("h2", { className: "text-2xl font-bold text-gray-900 mb-4" }, "\u6279\u91CF\u9884\u8BA2\u63D0\u4EA4\u6210\u529F\uFF01"), /* @__PURE__ */ React23.createElement("p", { className: "text-gray-600 mb-6" }, "\u60A8\u7684\u6279\u91CF\u9884\u8BA2\u5DF2\u6210\u529F\u63D0\u4EA4\uFF0C\u6211\u4EEC\u4F1A\u5C3D\u5FEB\u4E0E\u60A8\u8054\u7CFB\u786E\u8BA4\u3002"), /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: handleContinueShopping,
@@ -2049,45 +2051,45 @@ var CartPage = ({ userId, onClose }) => {
       "\u7EE7\u7EED\u8D2D\u7269"
     )));
   }
-  return /* @__PURE__ */ React29.createElement("div", { className: "max-w-4xl mx-auto p-3 sm:p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "text-center mb-6 sm:mb-8" }, /* @__PURE__ */ React29.createElement("h1", { className: "text-2xl sm:text-3xl font-bold text-gray-900 mb-2" }, "\u8D2D\u7269\u8F66"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm sm:text-base text-gray-600" }, "\u7BA1\u7406\u60A8\u9009\u62E9\u7684\u8C37\u5B50\uFF0C\u786E\u8BA4\u540E\u6279\u91CF\u9884\u8BA2")), error && /* @__PURE__ */ React29.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-3 sm:p-4 mb-4 sm:mb-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex" }, /* @__PURE__ */ React29.createElement("div", { className: "text-red-400 mr-3 flex-shrink-0" }, /* @__PURE__ */ React29.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React29.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }))), /* @__PURE__ */ React29.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-sm font-medium text-red-800" }, "\u64CD\u4F5C\u5931\u8D25"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-red-700 mt-1 break-words" }, error)))), cart.items.length === 0 && !loading && /* @__PURE__ */ React29.createElement("div", { className: "text-center py-8 sm:py-12" }, /* @__PURE__ */ React29.createElement(ShoppingBag, { className: "w-12 h-12 sm:w-16 sm:h-16 text-gray-400 mx-auto mb-4" }), /* @__PURE__ */ React29.createElement("h3", { className: "text-base sm:text-lg font-medium text-gray-900 mb-2" }, "\u8D2D\u7269\u8F66\u4E3A\u7A7A"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm sm:text-base text-gray-600 mb-6" }, "\u60A8\u8FD8\u6CA1\u6709\u6DFB\u52A0\u4EFB\u4F55\u8C37\u5B50\u5230\u8D2D\u7269\u8F66"), /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement("div", { className: "max-w-4xl mx-auto p-3 sm:p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "text-center mb-6 sm:mb-8" }, /* @__PURE__ */ React23.createElement("h1", { className: "text-2xl sm:text-3xl font-bold text-gray-900 mb-2" }, "\u8D2D\u7269\u8F66"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm sm:text-base text-gray-600" }, "\u7BA1\u7406\u60A8\u9009\u62E9\u7684\u8C37\u5B50\uFF0C\u786E\u8BA4\u540E\u6279\u91CF\u9884\u8BA2")), error && /* @__PURE__ */ React23.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-3 sm:p-4 mb-4 sm:mb-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex" }, /* @__PURE__ */ React23.createElement("div", { className: "text-red-400 mr-3 flex-shrink-0" }, /* @__PURE__ */ React23.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React23.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }))), /* @__PURE__ */ React23.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-sm font-medium text-red-800" }, "\u64CD\u4F5C\u5931\u8D25"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-red-700 mt-1 break-words" }, error)))), cart.items.length === 0 && !loading && /* @__PURE__ */ React23.createElement("div", { className: "text-center py-8 sm:py-12" }, /* @__PURE__ */ React23.createElement(ShoppingBag, { className: "w-12 h-12 sm:w-16 sm:h-16 text-gray-400 mx-auto mb-4" }), /* @__PURE__ */ React23.createElement("h3", { className: "text-base sm:text-lg font-medium text-gray-900 mb-2" }, "\u8D2D\u7269\u8F66\u4E3A\u7A7A"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm sm:text-base text-gray-600 mb-6" }, "\u60A8\u8FD8\u6CA1\u6709\u6DFB\u52A0\u4EFB\u4F55\u8C37\u5B50\u5230\u8D2D\u7269\u8F66"), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: onClose,
       className: "bg-blue-600 text-white px-4 py-3 sm:py-2 rounded-lg hover:bg-blue-700 transition-colors text-base"
     },
     "\u7EE7\u7EED\u6D4F\u89C8\u8C37\u5B50"
-  )), cart.items.length > 0 && /* @__PURE__ */ React29.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border" }, cart.items.map((item) => /* @__PURE__ */ React29.createElement("div", { key: item.collectionId, className: "flex flex-col sm:flex-row items-start sm:items-center p-3 sm:p-4 border-b last:border-b-0 gap-3 sm:gap-4" }, item.collection.coverImage ? /* @__PURE__ */ React29.createElement(
+  )), cart.items.length > 0 && /* @__PURE__ */ React23.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border" }, cart.items.map((item) => /* @__PURE__ */ React23.createElement("div", { key: item.collectionId, className: "flex flex-col sm:flex-row items-start sm:items-center p-3 sm:p-4 border-b last:border-b-0 gap-3 sm:gap-4" }, item.collection.coverImage ? /* @__PURE__ */ React23.createElement(
     "img",
     {
       src: item.collection.coverImage,
       alt: item.collection.title,
       className: "w-16 h-16 sm:w-16 sm:h-16 object-cover rounded-md flex-shrink-0"
     }
-  ) : /* @__PURE__ */ React29.createElement("div", { className: "w-16 h-16 sm:w-16 sm:h-16 bg-gray-100 rounded-md flex-shrink-0 flex items-center justify-center text-gray-400 text-xs" }, "\u6682\u65E0\u56FE\u7247"), /* @__PURE__ */ React29.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React29.createElement("h3", { className: "font-semibold text-gray-900 text-sm sm:text-base line-clamp-2" }, item.collection.title), /* @__PURE__ */ React29.createElement("p", { className: "text-xs sm:text-sm text-gray-600" }, "\u7F16\u53F7\uFF1A", item.collection.number), /* @__PURE__ */ React29.createElement("p", { className: "text-xs sm:text-sm text-gray-600" }, "\u4EF7\u683C\uFF1A", item.collection.price ? `\xA5${item.collection.price}` : "\u4EF7\u683C\u5F85\u5B9A")), /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col sm:flex-row items-center gap-2 sm:gap-4 w-full sm:w-auto" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React29.createElement(
+  ) : /* @__PURE__ */ React23.createElement("div", { className: "w-16 h-16 sm:w-16 sm:h-16 bg-gray-100 rounded-md flex-shrink-0 flex items-center justify-center text-gray-400 text-xs" }, "\u6682\u65E0\u56FE\u7247"), /* @__PURE__ */ React23.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React23.createElement("h3", { className: "font-semibold text-gray-900 text-sm sm:text-base line-clamp-2" }, item.collection.title), /* @__PURE__ */ React23.createElement("p", { className: "text-xs sm:text-sm text-gray-600" }, "\u7F16\u53F7\uFF1A", item.collection.number), /* @__PURE__ */ React23.createElement("p", { className: "text-xs sm:text-sm text-gray-600" }, "\u4EF7\u683C\uFF1A", item.collection.price ? `\xA5${item.collection.price}` : "\u4EF7\u683C\u5F85\u5B9A")), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col sm:flex-row items-center gap-2 sm:gap-4 w-full sm:w-auto" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => updateCartItem2({ collectionId: item.collectionId, quantity: item.quantity - 1 }),
       disabled: loading,
       className: "w-10 h-10 sm:w-8 sm:h-8 rounded-full border border-gray-300 flex items-center justify-center hover:bg-gray-50 disabled:opacity-50"
     },
-    /* @__PURE__ */ React29.createElement(Minus, { size: 18, className: "sm:w-4 sm:h-4" })
-  ), /* @__PURE__ */ React29.createElement("span", { className: "w-16 sm:w-12 text-center font-medium text-sm sm:text-base" }, item.quantity), /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(Minus, { size: 18, className: "sm:w-4 sm:h-4" })
+  ), /* @__PURE__ */ React23.createElement("span", { className: "w-16 sm:w-12 text-center font-medium text-sm sm:text-base" }, item.quantity), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => updateCartItem2({ collectionId: item.collectionId, quantity: item.quantity + 1 }),
       disabled: loading,
       className: "w-10 h-10 sm:w-8 sm:h-8 rounded-full border border-gray-300 flex items-center justify-center hover:bg-gray-50 disabled:opacity-50"
     },
-    /* @__PURE__ */ React29.createElement(Plus, { size: 18, className: "sm:w-4 sm:h-4" })
-  )), /* @__PURE__ */ React29.createElement("div", { className: "text-center sm:text-right" }, /* @__PURE__ */ React29.createElement("p", { className: "font-semibold text-gray-900 text-sm sm:text-base" }, "\xA5", (item.collection.price || 0) * item.quantity))), /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(Plus, { size: 18, className: "sm:w-4 sm:h-4" })
+  )), /* @__PURE__ */ React23.createElement("div", { className: "text-center sm:text-right" }, /* @__PURE__ */ React23.createElement("p", { className: "font-semibold text-gray-900 text-sm sm:text-base" }, "\xA5", (item.collection.price || 0) * item.quantity))), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => removeFromCart2({ collectionId: item.collectionId }),
       disabled: loading,
       className: "text-red-500 hover:text-red-700 disabled:opacity-50 p-2 sm:p-1"
     },
-    /* @__PURE__ */ React29.createElement(Trash2, { size: 20, className: "sm:w-5 sm:h-5" })
-  )))), /* @__PURE__ */ React29.createElement("div", { className: "bg-gray-50 rounded-lg p-3 sm:p-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex justify-between items-center mb-2" }, /* @__PURE__ */ React29.createElement("span", { className: "text-sm sm:text-base text-gray-600" }, "\u5546\u54C1\u603B\u6570\uFF1A"), /* @__PURE__ */ React29.createElement("span", { className: "text-sm sm:text-base font-semibold" }, cart.totalQuantity)), /* @__PURE__ */ React29.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React29.createElement("span", { className: "text-sm sm:text-base text-gray-600" }, "\u603B\u4EF7\u683C\uFF1A"), /* @__PURE__ */ React29.createElement("span", { className: "text-lg sm:text-xl font-bold text-blue-600" }, "\xA5", cart.totalPrice))), /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border p-4 sm:p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex justify-between items-center mb-4" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-base sm:text-lg font-semibold text-gray-900" }, "\u6279\u91CF\u9884\u8BA2\u4FE1\u606F"), process.env.NODE_ENV === "development" && /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(Trash2, { size: 20, className: "sm:w-5 sm:h-5" })
+  )))), /* @__PURE__ */ React23.createElement("div", { className: "bg-gray-50 rounded-lg p-3 sm:p-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex justify-between items-center mb-2" }, /* @__PURE__ */ React23.createElement("span", { className: "text-sm sm:text-base text-gray-600" }, "\u5546\u54C1\u603B\u6570\uFF1A"), /* @__PURE__ */ React23.createElement("span", { className: "text-sm sm:text-base font-semibold" }, cart.totalQuantity)), /* @__PURE__ */ React23.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React23.createElement("span", { className: "text-sm sm:text-base text-gray-600" }, "\u603B\u4EF7\u683C\uFF1A"), /* @__PURE__ */ React23.createElement("span", { className: "text-lg sm:text-xl font-bold text-blue-600" }, "\xA5", cart.totalPrice))), /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border p-4 sm:p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex justify-between items-center mb-4" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-base sm:text-lg font-semibold text-gray-900" }, "\u6279\u91CF\u9884\u8BA2\u4FE1\u606F"), process.env.NODE_ENV === "development" && /* @__PURE__ */ React23.createElement(
     "button",
     {
       type: "button",
@@ -2095,7 +2097,7 @@ var CartPage = ({ userId, onClose }) => {
       className: "px-3 py-1 text-xs bg-yellow-100 text-yellow-800 rounded-md hover:bg-yellow-200 transition-colors"
     },
     "\u586B\u5145\u6D4B\u8BD5\u6570\u636E"
-  )), /* @__PURE__ */ React29.createElement("form", { onSubmit: handleCheckout, className: "space-y-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { htmlFor: "qqNumber", className: "block text-sm font-medium text-gray-700 mb-2" }, "QQ\u53F7 ", /* @__PURE__ */ React29.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("form", { onSubmit: handleCheckout, className: "space-y-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { htmlFor: "qqNumber", className: "block text-sm font-medium text-gray-700 mb-2" }, "QQ\u53F7 ", /* @__PURE__ */ React23.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "text",
@@ -2106,7 +2108,7 @@ var CartPage = ({ userId, onClose }) => {
       placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684QQ\u53F7",
       disabled: isCheckingOut
     }
-  ), formErrors.qqNumber && /* @__PURE__ */ React29.createElement("p", { className: "mt-1 text-sm text-red-600" }, formErrors.qqNumber)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { htmlFor: "phoneNumber", className: "block text-sm font-medium text-gray-700 mb-2" }, "\u624B\u673A\u53F7 ", /* @__PURE__ */ React29.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React29.createElement(
+  ), formErrors.qqNumber && /* @__PURE__ */ React23.createElement("p", { className: "mt-1 text-sm text-red-600" }, formErrors.qqNumber)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { htmlFor: "phoneNumber", className: "block text-sm font-medium text-gray-700 mb-2" }, "\u624B\u673A\u53F7 ", /* @__PURE__ */ React23.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "tel",
@@ -2117,7 +2119,7 @@ var CartPage = ({ userId, onClose }) => {
       placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u624B\u673A\u53F7",
       disabled: isCheckingOut
     }
-  ), formErrors.phoneNumber && /* @__PURE__ */ React29.createElement("p", { className: "mt-1 text-sm text-red-600" }, formErrors.phoneNumber)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { htmlFor: "notes", className: "block text-sm font-medium text-gray-700 mb-2" }, "\u5907\u6CE8\u4FE1\u606F ", /* @__PURE__ */ React29.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React29.createElement(
+  ), formErrors.phoneNumber && /* @__PURE__ */ React23.createElement("p", { className: "mt-1 text-sm text-red-600" }, formErrors.phoneNumber)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { htmlFor: "notes", className: "block text-sm font-medium text-gray-700 mb-2" }, "\u5907\u6CE8\u4FE1\u606F ", /* @__PURE__ */ React23.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React23.createElement(
     "textarea",
     {
       id: "notes",
@@ -2134,7 +2136,7 @@ var CartPage = ({ userId, onClose }) => {
 \uFF086\uFF09\u8471\u97F5\u73AF\u4EAC\xB7\u56DB\u7EF4\u7A7A\u95F4`,
       disabled: isCheckingOut
     }
-  ), formErrors.notes && /* @__PURE__ */ React29.createElement("p", { className: "mt-1 text-sm text-red-600" }, formErrors.notes)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { htmlFor: "pickupMethod", className: "block text-sm font-medium text-gray-700 mb-2" }, "\u6536\u8D27\u4FE1\u606F ", /* @__PURE__ */ React29.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React29.createElement(
+  ), formErrors.notes && /* @__PURE__ */ React23.createElement("p", { className: "mt-1 text-sm text-red-600" }, formErrors.notes)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { htmlFor: "pickupMethod", className: "block text-sm font-medium text-gray-700 mb-2" }, "\u6536\u8D27\u4FE1\u606F ", /* @__PURE__ */ React23.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React23.createElement(
     "textarea",
     {
       id: "pickupMethod",
@@ -2148,7 +2150,7 @@ var CartPage = ({ userId, onClose }) => {
 \uFF083\uFF09\u6536\u4EF6\u624B\u673A\u53F7`,
       disabled: isCheckingOut
     }
-  ), formErrors.pickupMethod && /* @__PURE__ */ React29.createElement("p", { className: "mt-1 text-sm text-red-600" }, formErrors.pickupMethod)), /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col sm:flex-row gap-3 sm:gap-4 pt-4" }, /* @__PURE__ */ React29.createElement(
+  ), formErrors.pickupMethod && /* @__PURE__ */ React23.createElement("p", { className: "mt-1 text-sm text-red-600" }, formErrors.pickupMethod)), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col sm:flex-row gap-3 sm:gap-4 pt-4" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       type: "button",
@@ -2157,7 +2159,7 @@ var CartPage = ({ userId, onClose }) => {
       className: "flex-1 bg-gray-200 text-gray-800 py-3 sm:py-2 px-4 rounded-lg hover:bg-gray-300 transition-colors disabled:opacity-50 text-base"
     },
     "\u6E05\u7A7A\u8D2D\u7269\u8F66"
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       type: "submit",
@@ -2165,7 +2167,7 @@ var CartPage = ({ userId, onClose }) => {
       className: `flex-1 py-3 sm:py-2 px-4 rounded-lg font-medium transition-colors text-base ${loading || isCheckingOut || cart.items.length === 0 ? "bg-gray-400 text-gray-600 cursor-not-allowed" : "bg-blue-600 text-white hover:bg-blue-700"}`
     },
     isCheckingOut ? "\u63D0\u4EA4\u4E2D..." : "\u6279\u91CF\u9884\u8BA2"
-  ))))), loading && /* @__PURE__ */ React29.createElement("div", { className: "text-center py-8 sm:py-12" }, /* @__PURE__ */ React29.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto mb-4" }), /* @__PURE__ */ React29.createElement("p", { className: "text-sm sm:text-base text-gray-600" }, "\u52A0\u8F7D\u4E2D...")), hasPopup && /* @__PURE__ */ React29.createElement(
+  ))))), loading && /* @__PURE__ */ React23.createElement("div", { className: "text-center py-8 sm:py-12" }, /* @__PURE__ */ React23.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto mb-4" }), /* @__PURE__ */ React23.createElement("p", { className: "text-sm sm:text-base text-gray-600" }, "\u52A0\u8F7D\u4E2D...")), hasPopup && /* @__PURE__ */ React23.createElement(
     DeadlinePopupManager,
     {
       configs: popupConfigs,
@@ -2225,7 +2227,7 @@ var CartModal = ({
     }
   };
   if (!isOpen || !mounted) return null;
-  return /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(
     "div",
     {
       className: "fixed top-0 left-0 right-0 bottom-0 w-screen h-screen bg-black/50 backdrop-blur-sm flex items-center justify-center z-[999] p-4",
@@ -2236,28 +2238,28 @@ var CartModal = ({
         e.stopPropagation();
       }
     },
-    /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(
       "div",
       {
         className: "bg-white rounded-2xl shadow-xl w-full max-w-6xl max-h-[95vh] overflow-hidden relative flex flex-col",
         onClick: (e) => e.stopPropagation()
       },
-      /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between px-6 py-4 border-b border-gray-100" }, /* @__PURE__ */ React29.createElement("h2", { className: "text-xl font-semibold text-gray-800" }, title), /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between px-6 py-4 border-b border-gray-100" }, /* @__PURE__ */ React23.createElement("h2", { className: "text-xl font-semibold text-gray-800" }, title), /* @__PURE__ */ React23.createElement(
         "button",
         {
           className: "bg-transparent border-none text-gray-500 cursor-pointer p-2 rounded-lg transition-all hover:bg-gray-100 hover:text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 min-w-9 min-h-9 flex items-center justify-center",
           onClick: onClose
         },
-        /* @__PURE__ */ React29.createElement(X, { size: 20 })
+        /* @__PURE__ */ React23.createElement(X, { size: 20 })
       )),
-      /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React23.createElement(
         "div",
         {
           className: "flex-1 overflow-auto",
           onWheel: handleWheelPrevent,
           onTouchMove: handleTouchPrevent
         },
-        /* @__PURE__ */ React29.createElement(CartPage, { userId, onClose })
+        /* @__PURE__ */ React23.createElement(CartPage, { userId, onClose })
       )
     )
   ));
@@ -2272,15 +2274,15 @@ var CartButton = ({
   showBadge = true
 }) => {
   const { cart } = useCartContext();
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick,
       className: `relative bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors flex items-center gap-2 ${className}`
     },
-    /* @__PURE__ */ React29.createElement(ShoppingCart, { size: 16 }),
-    /* @__PURE__ */ React29.createElement("span", null, "\u8D2D\u7269\u8F66"),
-    showBadge && cart.totalQuantity > 0 && /* @__PURE__ */ React29.createElement("span", { className: "absolute -top-2 -right-2 bg-red-500 text-white text-xs rounded-full w-5 h-5 flex items-center justify-center font-medium" }, cart.totalQuantity > 99 ? "99+" : cart.totalQuantity)
+    /* @__PURE__ */ React23.createElement(ShoppingCart, { size: 16 }),
+    /* @__PURE__ */ React23.createElement("span", null, "\u8D2D\u7269\u8F66"),
+    showBadge && cart.totalQuantity > 0 && /* @__PURE__ */ React23.createElement("span", { className: "absolute -top-2 -right-2 bg-red-500 text-white text-xs rounded-full w-5 h-5 flex items-center justify-center font-medium" }, cart.totalQuantity > 99 ? "99+" : cart.totalQuantity)
   );
 };
 var CollectionList = ({
@@ -2305,12 +2307,12 @@ var CollectionList = ({
     return `\xA5${price}`;
   };
   if (loading) {
-    return /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" }, Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ React29.createElement("div", { key: index, className: "bg-gray-100 rounded-lg p-4 animate-pulse" }, /* @__PURE__ */ React29.createElement("div", { className: "w-full h-48 bg-gray-200 rounded-md mb-3" }), /* @__PURE__ */ React29.createElement("div", { className: "h-4 bg-gray-200 rounded mb-2" }), /* @__PURE__ */ React29.createElement("div", { className: "h-3 bg-gray-200 rounded mb-2" }), /* @__PURE__ */ React29.createElement("div", { className: "h-3 bg-gray-200 rounded w-1/2" }))));
+    return /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" }, Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ React23.createElement("div", { key: index, className: "bg-gray-100 rounded-lg p-4 animate-pulse" }, /* @__PURE__ */ React23.createElement("div", { className: "w-full h-48 bg-gray-200 rounded-md mb-3" }), /* @__PURE__ */ React23.createElement("div", { className: "h-4 bg-gray-200 rounded mb-2" }), /* @__PURE__ */ React23.createElement("div", { className: "h-3 bg-gray-200 rounded mb-2" }), /* @__PURE__ */ React23.createElement("div", { className: "h-3 bg-gray-200 rounded w-1/2" }))));
   }
   if (collections.length === 0) {
-    return /* @__PURE__ */ React29.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React29.createElement("div", { className: "text-gray-400 text-6xl mb-4" }, "\u{1F3A8}"), /* @__PURE__ */ React29.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-2" }, "\u6682\u65E0\u53EF\u7528\u753B\u96C6"), /* @__PURE__ */ React29.createElement("p", { className: "text-gray-500" }, "\u5F53\u524D\u6CA1\u6709\u53EF\u9884\u8BA2\u7684\u753B\u96C6\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5"));
+    return /* @__PURE__ */ React23.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React23.createElement("div", { className: "text-gray-400 text-6xl mb-4" }, "\u{1F3A8}"), /* @__PURE__ */ React23.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-2" }, "\u6682\u65E0\u53EF\u7528\u753B\u96C6"), /* @__PURE__ */ React23.createElement("p", { className: "text-gray-500" }, "\u5F53\u524D\u6CA1\u6709\u53EF\u9884\u8BA2\u7684\u753B\u96C6\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5"));
   }
-  return /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" }, collections.map((collection) => /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" }, collections.map((collection) => /* @__PURE__ */ React23.createElement(
     "div",
     {
       key: collection.id,
@@ -2322,8 +2324,8 @@ var CollectionList = ({
           `,
       onClick: () => handleCollectionSelect(collection.id)
     },
-    selectedCollectionId === collection.id && /* @__PURE__ */ React29.createElement("div", { className: "absolute top-2 right-2 z-10" }, /* @__PURE__ */ React29.createElement("div", { className: "bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center" }, /* @__PURE__ */ React29.createElement("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React29.createElement("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" })))),
-    /* @__PURE__ */ React29.createElement("div", { className: "relative h-48 overflow-hidden" }, /* @__PURE__ */ React29.createElement(
+    selectedCollectionId === collection.id && /* @__PURE__ */ React23.createElement("div", { className: "absolute top-2 right-2 z-10" }, /* @__PURE__ */ React23.createElement("div", { className: "bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center" }, /* @__PURE__ */ React23.createElement("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React23.createElement("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" })))),
+    /* @__PURE__ */ React23.createElement("div", { className: "relative h-48 overflow-hidden" }, /* @__PURE__ */ React23.createElement(
       "img",
       {
         src: collection.coverImage,
@@ -2334,9 +2336,9 @@ var CollectionList = ({
           target.src = "/images/placeholder-artwork.jpg";
         }
       }
-    ), /* @__PURE__ */ React29.createElement("div", { className: "absolute bottom-2 left-2" }, /* @__PURE__ */ React29.createElement("span", { className: "bg-black bg-opacity-75 text-white px-2 py-1 rounded text-sm font-medium" }, formatPrice(collection.price)))),
-    /* @__PURE__ */ React29.createElement("div", { className: "p-4" }, /* @__PURE__ */ React29.createElement("h3", { className: "font-semibold text-gray-900 mb-1 line-clamp-2" }, collection.title), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-gray-600 mb-2" }, "\u7F16\u53F7\uFF1A", collection.number), collection.description && /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-gray-500 line-clamp-2" }, collection.description)),
-    !disabled && /* @__PURE__ */ React29.createElement("div", { className: "absolute inset-0 bg-blue-500 bg-opacity-0 hover:bg-opacity-10 transition-all duration-200 flex items-center justify-center" }, /* @__PURE__ */ React29.createElement("span", { className: "text-blue-600 font-medium opacity-0 hover:opacity-100 transition-opacity duration-200" }, "\u70B9\u51FB\u9009\u62E9"))
+    ), /* @__PURE__ */ React23.createElement("div", { className: "absolute bottom-2 left-2" }, /* @__PURE__ */ React23.createElement("span", { className: "bg-black bg-opacity-75 text-white px-2 py-1 rounded text-sm font-medium" }, formatPrice(collection.price)))),
+    /* @__PURE__ */ React23.createElement("div", { className: "p-4" }, /* @__PURE__ */ React23.createElement("h3", { className: "font-semibold text-gray-900 mb-1 line-clamp-2" }, collection.title), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-gray-600 mb-2" }, "\u7F16\u53F7\uFF1A", collection.number), collection.description && /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-gray-500 line-clamp-2" }, collection.description)),
+    !disabled && /* @__PURE__ */ React23.createElement("div", { className: "absolute inset-0 bg-blue-500 bg-opacity-0 hover:bg-opacity-10 transition-all duration-200 flex items-center justify-center" }, /* @__PURE__ */ React23.createElement("span", { className: "text-blue-600 font-medium opacity-0 hover:opacity-100 transition-opacity duration-200" }, "\u70B9\u51FB\u9009\u62E9"))
   )));
 };
 
@@ -2680,7 +2682,7 @@ var BookingAdminPanel = ({
     }
     await onSearch(params);
   };
-  return /* @__PURE__ */ React29.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4" }, /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-4 sm:p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React29.createElement("div", { className: "p-2 bg-blue-100 rounded-lg" }, /* @__PURE__ */ React29.createElement(Calendar, { size: 20, className: "text-blue-600 sm:w-6 sm:h-6" })), /* @__PURE__ */ React29.createElement("div", { className: "ml-3 sm:ml-4" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-lg sm:text-2xl font-bold text-slate-800" }, stats.totalBookings), /* @__PURE__ */ React29.createElement("p", { className: "text-xs sm:text-sm text-slate-600" }, "\u603B\u9884\u8BA2\u6570")))), /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-4 sm:p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React29.createElement("div", { className: "p-2 bg-yellow-100 rounded-lg" }, /* @__PURE__ */ React29.createElement(Clock, { size: 20, className: "text-yellow-600 sm:w-6 sm:h-6" })), /* @__PURE__ */ React29.createElement("div", { className: "ml-3 sm:ml-4" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-lg sm:text-2xl font-bold text-slate-800" }, stats.pendingBookings), /* @__PURE__ */ React29.createElement("p", { className: "text-xs sm:text-sm text-slate-600" }, "\u5F85\u786E\u8BA4")))), /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-4 sm:p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React29.createElement("div", { className: "p-2 bg-green-100 rounded-lg" }, /* @__PURE__ */ React29.createElement(CheckCircle, { size: 20, className: "text-green-600 sm:w-6 sm:h-6" })), /* @__PURE__ */ React29.createElement("div", { className: "ml-3 sm:ml-4" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-lg sm:text-2xl font-bold text-slate-800" }, stats.completedBookings), /* @__PURE__ */ React29.createElement("p", { className: "text-xs sm:text-sm text-slate-600" }, "\u5DF2\u5B8C\u6210")))), /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-4 sm:p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React29.createElement("div", { className: "p-2 bg-purple-100 rounded-lg" }, /* @__PURE__ */ React29.createElement(Package, { size: 20, className: "text-purple-600 sm:w-6 sm:h-6" })), /* @__PURE__ */ React29.createElement("div", { className: "ml-3 sm:ml-4" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-lg sm:text-2xl font-bold text-slate-800" }, "\xA5", stats.totalRevenue), /* @__PURE__ */ React29.createElement("p", { className: "text-xs sm:text-sm text-slate-600" }, "\u603B\u6536\u5165"))))), /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-4" }, /* @__PURE__ */ React29.createElement("form", { onSubmit: handleSearchSubmit, className: "space-y-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col sm:flex-row gap-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React29.createElement("label", { htmlFor: "searchQqNumber", className: "block text-sm font-medium text-slate-700 mb-2" }, "QQ\u53F7\u641C\u7D22"), /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-4 sm:p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React23.createElement("div", { className: "p-2 bg-blue-100 rounded-lg" }, /* @__PURE__ */ React23.createElement(Calendar, { size: 20, className: "text-blue-600 sm:w-6 sm:h-6" })), /* @__PURE__ */ React23.createElement("div", { className: "ml-3 sm:ml-4" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg sm:text-2xl font-bold text-slate-800" }, stats.totalBookings), /* @__PURE__ */ React23.createElement("p", { className: "text-xs sm:text-sm text-slate-600" }, "\u603B\u9884\u8BA2\u6570")))), /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-4 sm:p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React23.createElement("div", { className: "p-2 bg-yellow-100 rounded-lg" }, /* @__PURE__ */ React23.createElement(Clock, { size: 20, className: "text-yellow-600 sm:w-6 sm:h-6" })), /* @__PURE__ */ React23.createElement("div", { className: "ml-3 sm:ml-4" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg sm:text-2xl font-bold text-slate-800" }, stats.pendingBookings), /* @__PURE__ */ React23.createElement("p", { className: "text-xs sm:text-sm text-slate-600" }, "\u5F85\u786E\u8BA4")))), /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-4 sm:p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React23.createElement("div", { className: "p-2 bg-green-100 rounded-lg" }, /* @__PURE__ */ React23.createElement(CheckCircle, { size: 20, className: "text-green-600 sm:w-6 sm:h-6" })), /* @__PURE__ */ React23.createElement("div", { className: "ml-3 sm:ml-4" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg sm:text-2xl font-bold text-slate-800" }, stats.completedBookings), /* @__PURE__ */ React23.createElement("p", { className: "text-xs sm:text-sm text-slate-600" }, "\u5DF2\u5B8C\u6210")))), /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-4 sm:p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React23.createElement("div", { className: "p-2 bg-purple-100 rounded-lg" }, /* @__PURE__ */ React23.createElement(Package, { size: 20, className: "text-purple-600 sm:w-6 sm:h-6" })), /* @__PURE__ */ React23.createElement("div", { className: "ml-3 sm:ml-4" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg sm:text-2xl font-bold text-slate-800" }, "\xA5", stats.totalRevenue), /* @__PURE__ */ React23.createElement("p", { className: "text-xs sm:text-sm text-slate-600" }, "\u603B\u6536\u5165"))))), /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-4" }, /* @__PURE__ */ React23.createElement("form", { onSubmit: handleSearchSubmit, className: "space-y-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col sm:flex-row gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React23.createElement("label", { htmlFor: "searchQqNumber", className: "block text-sm font-medium text-slate-700 mb-2" }, "QQ\u53F7\u641C\u7D22"), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "text",
@@ -2690,7 +2692,7 @@ var BookingAdminPanel = ({
       className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500",
       placeholder: "\u8F93\u5165QQ\u53F7\u8FDB\u884C\u641C\u7D22"
     }
-  )), /* @__PURE__ */ React29.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React29.createElement("label", { htmlFor: "searchPhoneNumber", className: "block text-sm font-medium text-slate-700 mb-2" }, "\u624B\u673A\u53F7\u641C\u7D22"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React23.createElement("label", { htmlFor: "searchPhoneNumber", className: "block text-sm font-medium text-slate-700 mb-2" }, "\u624B\u673A\u53F7\u641C\u7D22"), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "tel",
@@ -2700,7 +2702,7 @@ var BookingAdminPanel = ({
       className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500",
       placeholder: "\u8F93\u5165\u624B\u673A\u53F7\u8FDB\u884C\u641C\u7D22"
     }
-  )), /* @__PURE__ */ React29.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React29.createElement("label", { htmlFor: "searchStatus", className: "block text-sm font-medium text-slate-700 mb-2" }, "\u72B6\u6001\u8FC7\u6EE4"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React23.createElement("label", { htmlFor: "searchStatus", className: "block text-sm font-medium text-slate-700 mb-2" }, "\u72B6\u6001\u8FC7\u6EE4"), /* @__PURE__ */ React23.createElement(
     "select",
     {
       id: "searchStatus",
@@ -2708,21 +2710,21 @@ var BookingAdminPanel = ({
       onChange: (e) => setSearchForm((prev) => ({ ...prev, status: e.target.value })),
       className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
     },
-    /* @__PURE__ */ React29.createElement("option", { value: "all" }, "\u5168\u90E8\u72B6\u6001"),
-    /* @__PURE__ */ React29.createElement("option", { value: "pending" }, "\u5F85\u786E\u8BA4"),
-    /* @__PURE__ */ React29.createElement("option", { value: "confirmed" }, "\u5DF2\u786E\u8BA4"),
-    /* @__PURE__ */ React29.createElement("option", { value: "completed" }, "\u5DF2\u5B8C\u6210"),
-    /* @__PURE__ */ React29.createElement("option", { value: "cancelled" }, "\u5DF2\u53D6\u6D88")
-  ))), /* @__PURE__ */ React29.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("option", { value: "all" }, "\u5168\u90E8\u72B6\u6001"),
+    /* @__PURE__ */ React23.createElement("option", { value: "pending" }, "\u5F85\u786E\u8BA4"),
+    /* @__PURE__ */ React23.createElement("option", { value: "confirmed" }, "\u5DF2\u786E\u8BA4"),
+    /* @__PURE__ */ React23.createElement("option", { value: "completed" }, "\u5DF2\u5B8C\u6210"),
+    /* @__PURE__ */ React23.createElement("option", { value: "cancelled" }, "\u5DF2\u53D6\u6D88")
+  ))), /* @__PURE__ */ React23.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       type: "submit",
       disabled: loading,
       className: "flex items-center justify-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition-colors disabled:opacity-50"
     },
-    /* @__PURE__ */ React29.createElement(Search, { size: 16 }),
+    /* @__PURE__ */ React23.createElement(Search, { size: 16 }),
     "\u641C\u7D22"
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       type: "button",
@@ -2730,53 +2732,53 @@ var BookingAdminPanel = ({
       disabled: loading,
       className: "flex items-center justify-center gap-2 px-4 py-2 bg-slate-100 text-slate-700 rounded-lg font-medium hover:bg-slate-200 transition-colors disabled:opacity-50"
     },
-    /* @__PURE__ */ React29.createElement(X, { size: 16 }),
+    /* @__PURE__ */ React23.createElement(X, { size: 16 }),
     "\u6E05\u9664"
-  )))), /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-wrap gap-2" }, /* @__PURE__ */ React29.createElement(
+  )))), /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-wrap gap-2" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       className: `px-3 py-2 text-sm sm:text-base rounded-lg font-medium transition-colors ${filterStatus === "all" ? "bg-blue-600 text-white" : "bg-slate-100 text-slate-700 hover:bg-slate-200"}`,
       onClick: () => handleStatusFilter("all")
     },
     "\u5168\u90E8"
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       className: `px-3 py-2 text-sm sm:text-base rounded-lg font-medium transition-colors ${filterStatus === "pending" ? "bg-blue-600 text-white" : "bg-slate-100 text-slate-700 hover:bg-slate-200"}`,
       onClick: () => handleStatusFilter("pending")
     },
     "\u5F85\u786E\u8BA4"
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       className: `px-3 py-2 text-sm sm:text-base rounded-lg font-medium transition-colors ${filterStatus === "confirmed" ? "bg-blue-600 text-white" : "bg-slate-100 text-slate-700 hover:bg-slate-200"}`,
       onClick: () => handleStatusFilter("confirmed")
     },
     "\u5DF2\u786E\u8BA4"
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       className: `px-3 py-2 text-sm sm:text-base rounded-lg font-medium transition-colors ${filterStatus === "completed" ? "bg-blue-600 text-white" : "bg-slate-100 text-slate-700 hover:bg-slate-200"}`,
       onClick: () => handleStatusFilter("completed")
     },
     "\u5DF2\u5B8C\u6210"
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       className: `px-3 py-2 text-sm sm:text-base rounded-lg font-medium transition-colors ${filterStatus === "cancelled" ? "bg-blue-600 text-white" : "bg-slate-100 text-slate-700 hover:bg-slate-200"}`,
       onClick: () => handleStatusFilter("cancelled")
     },
     "\u5DF2\u53D6\u6D88"
-  )), /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col sm:flex-row gap-2 w-full sm:w-auto" }, /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col sm:flex-row gap-2 w-full sm:w-auto" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: onRefresh,
       disabled: loading,
       className: "flex items-center justify-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition-colors disabled:opacity-50"
     },
-    /* @__PURE__ */ React29.createElement(RefreshCw, { size: 16, className: loading ? "animate-spin" : "" }),
+    /* @__PURE__ */ React23.createElement(RefreshCw, { size: 16, className: loading ? "animate-spin" : "" }),
     "\u5237\u65B0"
-  ), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2 px-3 py-2 bg-white border border-slate-200 rounded-lg" }, /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2 px-3 py-2 bg-white border border-slate-200 rounded-lg" }, /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "checkbox",
@@ -2785,7 +2787,7 @@ var BookingAdminPanel = ({
       onChange: (e) => setEnableUserPriceCalculation(e.target.checked),
       className: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2"
     }
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "label",
     {
       htmlFor: "enableUserPriceCalculation",
@@ -2793,7 +2795,7 @@ var BookingAdminPanel = ({
       title: "\u52FE\u9009\u540E\u5BFC\u51FAExcel\u65F6\u4F1A\u6DFB\u52A0\u4E00\u5217\u7528\u6237\u603B\u4EF7\uFF08\u6839\u636EQQ\u53F7+\u624B\u673A\u53F7\u552F\u4E00\u5339\u914D\uFF09"
     },
     "\u5305\u542B\u7528\u6237\u603B\u4EF7"
-  )), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement(
     UniversalExportButton,
     {
       exportService,
@@ -2847,7 +2849,7 @@ var BookingAdminPanel = ({
         console.error("\u274C [BookingAdminPanel] UniversalExportButton \u5BFC\u51FA\u5931\u8D25:", error2);
       }
     }
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: async () => {
@@ -2862,31 +2864,31 @@ var BookingAdminPanel = ({
       disabled: loading || bookings.length === 0,
       className: "flex items-center gap-2 px-4 py-2 bg-green-600 text-white rounded-lg font-medium hover:bg-green-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
     },
-    /* @__PURE__ */ React29.createElement(Download, { size: 16 }),
+    /* @__PURE__ */ React23.createElement(Download, { size: 16 }),
     "\u76F4\u63A5\u5BFC\u51FA (",
     bookings.length,
     "\u6761)"
-  )))), error && /* @__PURE__ */ React29.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex" }, /* @__PURE__ */ React29.createElement("div", { className: "text-red-400 mr-3 flex-shrink-0" }, /* @__PURE__ */ React29.createElement(XCircle, { size: 20 })), /* @__PURE__ */ React29.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-sm font-medium text-red-800" }, "\u52A0\u8F7D\u5931\u8D25"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-red-700 mt-1 break-words" }, error)))), /* @__PURE__ */ React29.createElement("div", { className: "space-y-4" }, paginatedBookings.length === 0 ? /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-8 sm:p-12 text-center" }, /* @__PURE__ */ React29.createElement(Calendar, { size: 40, className: "text-slate-400 mx-auto mb-4 sm:w-12 sm:h-12" }), /* @__PURE__ */ React29.createElement("h3", { className: "text-base sm:text-lg font-medium text-slate-800 mb-2" }, "\u6682\u65E0\u9884\u8BA2\u6570\u636E"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm sm:text-base text-slate-600" }, totalItems === 0 ? "\u5F53\u524D\u7B5B\u9009\u6761\u4EF6\u4E0B\u6CA1\u6709\u627E\u5230\u9884\u8BA2\u6570\u636E" : "\u5F53\u524D\u9875\u65E0\u6570\u636E")) : paginatedBookings.map((booking) => {
+  )))), error && /* @__PURE__ */ React23.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex" }, /* @__PURE__ */ React23.createElement("div", { className: "text-red-400 mr-3 flex-shrink-0" }, /* @__PURE__ */ React23.createElement(XCircle, { size: 20 })), /* @__PURE__ */ React23.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-sm font-medium text-red-800" }, "\u52A0\u8F7D\u5931\u8D25"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-red-700 mt-1 break-words" }, error)))), /* @__PURE__ */ React23.createElement("div", { className: "space-y-4" }, paginatedBookings.length === 0 ? /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-8 sm:p-12 text-center" }, /* @__PURE__ */ React23.createElement(Calendar, { size: 40, className: "text-slate-400 mx-auto mb-4 sm:w-12 sm:h-12" }), /* @__PURE__ */ React23.createElement("h3", { className: "text-base sm:text-lg font-medium text-slate-800 mb-2" }, "\u6682\u65E0\u9884\u8BA2\u6570\u636E"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm sm:text-base text-slate-600" }, totalItems === 0 ? "\u5F53\u524D\u7B5B\u9009\u6761\u4EF6\u4E0B\u6CA1\u6709\u627E\u5230\u9884\u8BA2\u6570\u636E" : "\u5F53\u524D\u9875\u65E0\u6570\u636E")) : paginatedBookings.map((booking) => {
     const statusInfo = getStatusInfo(booking.status);
-    return /* @__PURE__ */ React29.createElement("div", { key: booking.id, className: "bg-white rounded-lg shadow-sm border border-slate-200 overflow-hidden" }, /* @__PURE__ */ React29.createElement("div", { className: "p-4 sm:p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 mb-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-start gap-3 sm:gap-4" }, booking.collection.coverImage ? /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React23.createElement("div", { key: booking.id, className: "bg-white rounded-lg shadow-sm border border-slate-200 overflow-hidden" }, /* @__PURE__ */ React23.createElement("div", { className: "p-4 sm:p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 mb-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-start gap-3 sm:gap-4" }, booking.collection.coverImage ? /* @__PURE__ */ React23.createElement(
       "img",
       {
         src: booking.collection.coverImage,
         alt: booking.collection.title,
         className: "w-12 h-12 sm:w-16 sm:h-16 object-cover rounded-lg flex-shrink-0"
       }
-    ) : /* @__PURE__ */ React29.createElement("div", { className: "w-12 h-12 sm:w-16 sm:h-16 bg-slate-100 rounded-lg flex-shrink-0 flex items-center justify-center text-slate-400 text-xs" }, "\u6682\u65E0"), /* @__PURE__ */ React29.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-base sm:text-lg font-semibold text-slate-800 truncate" }, booking.collection.title), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-600" }, "\u7F16\u53F7\uFF1A", booking.collection.number), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-600" }, "QQ\u53F7\uFF1A", booking.qqNumber), booking.phoneNumber && /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-600" }, "\u624B\u673A\u53F7\uFF1A", booking.phoneNumber))), /* @__PURE__ */ React29.createElement("div", { className: "text-left sm:text-right" }, /* @__PURE__ */ React29.createElement("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${statusInfo.color}` }, statusInfo.label), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500 mt-1" }, "# ", booking.id))), /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-4 mb-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-slate-500" }, "\u6570\u91CF"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm font-medium text-slate-800" }, booking.quantity)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-slate-500" }, "\u5355\u4EF7"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm font-medium text-slate-800" }, "\xA5", booking.collection.price)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-slate-500" }, "\u603B\u4EF7"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm font-medium text-slate-800" }, "\xA5", booking.totalPrice)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-slate-500" }, "\u9884\u8BA2\u65F6\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm font-medium text-slate-800" }, formatTime(booking.createdAt)))), /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-4 mb-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-slate-500" }, "QQ\u53F7"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm font-medium text-slate-800" }, booking.qqNumber)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-slate-500" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm font-medium text-slate-800" }, booking.phoneNumber))), /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-4 mb-4" }, booking.confirmedAt && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-slate-500" }, "\u786E\u8BA4\u65F6\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm font-medium text-green-800" }, formatTime(booking.confirmedAt))), booking.completedAt && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-slate-500" }, "\u5B8C\u6210\u65F6\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm font-medium text-blue-800" }, formatTime(booking.completedAt))), booking.cancelledAt && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-slate-500" }, "\u53D6\u6D88\u65F6\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm font-medium text-red-800" }, formatTime(booking.cancelledAt)))), (booking.notes || booking.adminNotes || booking.pickupMethod) && /* @__PURE__ */ React29.createElement("div", { className: "mb-4" }, booking.pickupMethod && /* @__PURE__ */ React29.createElement("div", { className: "mb-2" }, /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-slate-500" }, "\u9886\u53D6\u65B9\u5F0F \u8BF7\u586B\u51992\u670810\u53F7\u4EE5\u540E\u80FD\u6536\u5230\u8D27\u7684\u5730\u5740 \uFF081\uFF09\u6536\u4EF6\u4EBA \uFF082\uFF09\u6536\u4EF6\u5730\u5740 \uFF083\uFF09\u6536\u4EF6\u624B\u673A\u53F7"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-700" }, booking.pickupMethod)), booking.notes && /* @__PURE__ */ React29.createElement("div", { className: "mb-2" }, /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-slate-500" }, "\u7528\u6237\u5907\u6CE8\uFF1A \uFF081\uFF09\u8471\u97F5\u73AF\u4EACComicUniverse \uFF082\uFF09\u8471\u97F5\u73AF\u4EAC\u5916\u661F\u5F00\u62D3\u7FA4 \uFF083\uFF09\u8471\u97F5\u73AF\u4EAC\u6BD4\u90BB\u661F \uFF084\uFF09\u8471\u97F5\u73AF\u4EAC\u534E\u4E1C\u7FA4 \uFF085\uFF09\u8471\u97F5\u73AF\u4EAC\u5929\u6D25\u7FA4 \uFF086\uFF09\u8471\u97F5\u73AF\u4EAC\xB7\u56DB\u7EF4\u7A7A\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-700" }, booking.notes)), booking.adminNotes && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-slate-500" }, "\u7BA1\u7406\u5458\u5907\u6CE8"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-700" }, booking.adminNotes))), /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col sm:flex-row gap-2" }, editingBooking === booking.id ? /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(
+    ) : /* @__PURE__ */ React23.createElement("div", { className: "w-12 h-12 sm:w-16 sm:h-16 bg-slate-100 rounded-lg flex-shrink-0 flex items-center justify-center text-slate-400 text-xs" }, "\u6682\u65E0"), /* @__PURE__ */ React23.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-base sm:text-lg font-semibold text-slate-800 truncate" }, booking.collection.title), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-600" }, "\u7F16\u53F7\uFF1A", booking.collection.number), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-600" }, "QQ\u53F7\uFF1A", booking.qqNumber), booking.phoneNumber && /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-600" }, "\u624B\u673A\u53F7\uFF1A", booking.phoneNumber))), /* @__PURE__ */ React23.createElement("div", { className: "text-left sm:text-right" }, /* @__PURE__ */ React23.createElement("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${statusInfo.color}` }, statusInfo.label), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500 mt-1" }, "# ", booking.id))), /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-4 mb-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-slate-500" }, "\u6570\u91CF"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm font-medium text-slate-800" }, booking.quantity)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-slate-500" }, "\u5355\u4EF7"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm font-medium text-slate-800" }, "\xA5", booking.collection.price)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-slate-500" }, "\u603B\u4EF7"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm font-medium text-slate-800" }, "\xA5", booking.totalPrice)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-slate-500" }, "\u9884\u8BA2\u65F6\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm font-medium text-slate-800" }, formatTime(booking.createdAt)))), /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-4 mb-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-slate-500" }, "QQ\u53F7"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm font-medium text-slate-800" }, booking.qqNumber)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-slate-500" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm font-medium text-slate-800" }, booking.phoneNumber))), /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-4 mb-4" }, booking.confirmedAt && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-slate-500" }, "\u786E\u8BA4\u65F6\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm font-medium text-green-800" }, formatTime(booking.confirmedAt))), booking.completedAt && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-slate-500" }, "\u5B8C\u6210\u65F6\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm font-medium text-blue-800" }, formatTime(booking.completedAt))), booking.cancelledAt && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-slate-500" }, "\u53D6\u6D88\u65F6\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm font-medium text-red-800" }, formatTime(booking.cancelledAt)))), (booking.notes || booking.adminNotes || booking.pickupMethod) && /* @__PURE__ */ React23.createElement("div", { className: "mb-4" }, booking.pickupMethod && /* @__PURE__ */ React23.createElement("div", { className: "mb-2" }, /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-slate-500" }, "\u9886\u53D6\u65B9\u5F0F \u8BF7\u586B\u51992\u670810\u53F7\u4EE5\u540E\u80FD\u6536\u5230\u8D27\u7684\u5730\u5740 \uFF081\uFF09\u6536\u4EF6\u4EBA \uFF082\uFF09\u6536\u4EF6\u5730\u5740 \uFF083\uFF09\u6536\u4EF6\u624B\u673A\u53F7"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-700" }, booking.pickupMethod)), booking.notes && /* @__PURE__ */ React23.createElement("div", { className: "mb-2" }, /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-slate-500" }, "\u7528\u6237\u5907\u6CE8\uFF1A \uFF081\uFF09\u8471\u97F5\u73AF\u4EACComicUniverse \uFF082\uFF09\u8471\u97F5\u73AF\u4EAC\u5916\u661F\u5F00\u62D3\u7FA4 \uFF083\uFF09\u8471\u97F5\u73AF\u4EAC\u6BD4\u90BB\u661F \uFF084\uFF09\u8471\u97F5\u73AF\u4EAC\u534E\u4E1C\u7FA4 \uFF085\uFF09\u8471\u97F5\u73AF\u4EAC\u5929\u6D25\u7FA4 \uFF086\uFF09\u8471\u97F5\u73AF\u4EAC\xB7\u56DB\u7EF4\u7A7A\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-700" }, booking.notes)), booking.adminNotes && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-slate-500" }, "\u7BA1\u7406\u5458\u5907\u6CE8"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-700" }, booking.adminNotes))), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col sm:flex-row gap-2" }, editingBooking === booking.id ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(
       "select",
       {
         value: editForm.status,
         onChange: (e) => setEditForm((prev) => ({ ...prev, status: e.target.value })),
         className: "flex-1 px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
       },
-      /* @__PURE__ */ React29.createElement("option", { value: "pending" }, "\u5F85\u786E\u8BA4"),
-      /* @__PURE__ */ React29.createElement("option", { value: "confirmed" }, "\u5DF2\u786E\u8BA4"),
-      /* @__PURE__ */ React29.createElement("option", { value: "completed" }, "\u5DF2\u5B8C\u6210"),
-      /* @__PURE__ */ React29.createElement("option", { value: "cancelled" }, "\u5DF2\u53D6\u6D88")
-    ), /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React23.createElement("option", { value: "pending" }, "\u5F85\u786E\u8BA4"),
+      /* @__PURE__ */ React23.createElement("option", { value: "confirmed" }, "\u5DF2\u786E\u8BA4"),
+      /* @__PURE__ */ React23.createElement("option", { value: "completed" }, "\u5DF2\u5B8C\u6210"),
+      /* @__PURE__ */ React23.createElement("option", { value: "cancelled" }, "\u5DF2\u53D6\u6D88")
+    ), /* @__PURE__ */ React23.createElement(
       "input",
       {
         type: "text",
@@ -2895,51 +2897,51 @@ var BookingAdminPanel = ({
         placeholder: "\u7BA1\u7406\u5458\u5907\u6CE8",
         className: "flex-1 px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
       }
-    ), /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: handleSaveEdit,
         className: "flex items-center justify-center gap-2 px-4 py-2 bg-green-600 text-white rounded-lg font-medium hover:bg-green-700 transition-colors"
       },
-      /* @__PURE__ */ React29.createElement(Save, { size: 16 }),
+      /* @__PURE__ */ React23.createElement(Save, { size: 16 }),
       "\u4FDD\u5B58"
-    ), /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: handleCancelEdit,
         className: "flex items-center justify-center gap-2 px-4 py-2 bg-slate-100 text-slate-700 rounded-lg font-medium hover:bg-slate-200 transition-colors"
       },
-      /* @__PURE__ */ React29.createElement(X, { size: 16 }),
+      /* @__PURE__ */ React23.createElement(X, { size: 16 }),
       "\u53D6\u6D88"
-    )) : /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(
+    )) : /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: () => handleEditBooking(booking),
         className: "flex items-center justify-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition-colors"
       },
-      /* @__PURE__ */ React29.createElement(Edit, { size: 16 }),
+      /* @__PURE__ */ React23.createElement(Edit, { size: 16 }),
       "\u7F16\u8F91"
-    ), /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: () => handleDeleteBooking(booking.id),
         className: "flex items-center justify-center gap-2 px-4 py-2 bg-red-600 text-white rounded-lg font-medium hover:bg-red-700 transition-colors"
       },
-      /* @__PURE__ */ React29.createElement(Trash2, { size: 16 }),
+      /* @__PURE__ */ React23.createElement(Trash2, { size: 16 }),
       "\u5220\u9664"
     )))));
-  })), totalItems > 0 && /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-4 sm:p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React29.createElement("div", { className: "text-sm text-slate-600" }, "\u5171 ", totalItems, " \u6761\u8BB0\u5F55\uFF0C\u7B2C ", currentPage, " / ", totalPages, " \u9875"), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement("span", { className: "text-sm text-slate-600" }, "\u6BCF\u9875\u663E\u793A"), /* @__PURE__ */ React29.createElement(
+  })), totalItems > 0 && /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-4 sm:p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "text-sm text-slate-600" }, "\u5171 ", totalItems, " \u6761\u8BB0\u5F55\uFF0C\u7B2C ", currentPage, " / ", totalPages, " \u9875"), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement("span", { className: "text-sm text-slate-600" }, "\u6BCF\u9875\u663E\u793A"), /* @__PURE__ */ React23.createElement(
     "select",
     {
       value: pageSize,
       onChange: (e) => handlePageSizeChange(Number(e.target.value)),
       className: "px-2 py-1 border border-slate-300 rounded text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
     },
-    /* @__PURE__ */ React29.createElement("option", { value: 5 }, "5"),
-    /* @__PURE__ */ React29.createElement("option", { value: 10 }, "10"),
-    /* @__PURE__ */ React29.createElement("option", { value: 20 }, "20"),
-    /* @__PURE__ */ React29.createElement("option", { value: 50 }, "50")
-  ), /* @__PURE__ */ React29.createElement("span", { className: "text-sm text-slate-600" }, "\u6761"))), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("option", { value: 5 }, "5"),
+    /* @__PURE__ */ React23.createElement("option", { value: 10 }, "10"),
+    /* @__PURE__ */ React23.createElement("option", { value: 20 }, "20"),
+    /* @__PURE__ */ React23.createElement("option", { value: 50 }, "50")
+  ), /* @__PURE__ */ React23.createElement("span", { className: "text-sm text-slate-600" }, "\u6761"))), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => handlePageChange(currentPage - 1),
@@ -2947,7 +2949,7 @@ var BookingAdminPanel = ({
       className: "px-3 py-1 text-sm border border-slate-300 rounded hover:bg-slate-50 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-white"
     },
     "\u4E0A\u4E00\u9875"
-  ), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-1" }, Array.from({ length: Math.min(totalPages, 7) }, (_, index) => {
+  ), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-1" }, Array.from({ length: Math.min(totalPages, 7) }, (_, index) => {
     let pageNum;
     if (totalPages <= 7) {
       pageNum = index + 1;
@@ -2956,7 +2958,7 @@ var BookingAdminPanel = ({
         if (index < 5) {
           pageNum = index + 1;
         } else if (index === 5) {
-          return /* @__PURE__ */ React29.createElement("span", { key: index, className: "px-2 text-slate-400" }, "...");
+          return /* @__PURE__ */ React23.createElement("span", { key: index, className: "px-2 text-slate-400" }, "...");
         } else {
           pageNum = totalPages;
         }
@@ -2964,7 +2966,7 @@ var BookingAdminPanel = ({
         if (index === 0) {
           pageNum = 1;
         } else if (index === 1) {
-          return /* @__PURE__ */ React29.createElement("span", { key: index, className: "px-2 text-slate-400" }, "...");
+          return /* @__PURE__ */ React23.createElement("span", { key: index, className: "px-2 text-slate-400" }, "...");
         } else {
           pageNum = totalPages - 5 + index;
         }
@@ -2972,17 +2974,17 @@ var BookingAdminPanel = ({
         if (index === 0) {
           pageNum = 1;
         } else if (index === 1) {
-          return /* @__PURE__ */ React29.createElement("span", { key: index, className: "px-2 text-slate-400" }, "...");
+          return /* @__PURE__ */ React23.createElement("span", { key: index, className: "px-2 text-slate-400" }, "...");
         } else if (index >= 2 && index <= 4) {
           pageNum = currentPage - 3 + index;
         } else if (index === 5) {
-          return /* @__PURE__ */ React29.createElement("span", { key: index, className: "px-2 text-slate-400" }, "...");
+          return /* @__PURE__ */ React23.createElement("span", { key: index, className: "px-2 text-slate-400" }, "...");
         } else {
           pageNum = totalPages;
         }
       }
     }
-    return /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React23.createElement(
       "button",
       {
         key: index,
@@ -2991,7 +2993,7 @@ var BookingAdminPanel = ({
       },
       pageNum
     );
-  })), /* @__PURE__ */ React29.createElement(
+  })), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => handlePageChange(currentPage + 1),
@@ -2999,7 +3001,7 @@ var BookingAdminPanel = ({
       className: "px-3 py-1 text-sm border border-slate-300 rounded hover:bg-slate-50 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-white"
     },
     "\u4E0B\u4E00\u9875"
-  ))), /* @__PURE__ */ React29.createElement("div", { className: "sm:hidden" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between pt-4 border-t border-slate-200" }, /* @__PURE__ */ React29.createElement(
+  ))), /* @__PURE__ */ React23.createElement("div", { className: "sm:hidden" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between pt-4 border-t border-slate-200" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => handlePageChange(currentPage - 1),
@@ -3007,7 +3009,7 @@ var BookingAdminPanel = ({
       className: "flex items-center gap-2 px-4 py-2 text-sm bg-slate-100 rounded hover:bg-slate-200 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-slate-100"
     },
     "\u4E0A\u4E00\u9875"
-  ), /* @__PURE__ */ React29.createElement("span", { className: "text-sm text-slate-600" }, currentPage, " / ", totalPages), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement("span", { className: "text-sm text-slate-600" }, currentPage, " / ", totalPages), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => handlePageChange(currentPage + 1),
@@ -3015,21 +3017,21 @@ var BookingAdminPanel = ({
       className: "flex items-center gap-2 px-4 py-2 text-sm bg-slate-100 rounded hover:bg-slate-200 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-slate-100"
     },
     "\u4E0B\u4E00\u9875"
-  )))), selectedBooking && /* @__PURE__ */ React29.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50" }, /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-hidden" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between p-4 sm:p-6 border-b border-slate-200" }, /* @__PURE__ */ React29.createElement("h2", { className: "text-lg sm:text-xl font-semibold text-slate-800" }, "\u9884\u8BA2\u8BE6\u60C5"), /* @__PURE__ */ React29.createElement(
+  )))), selectedBooking && /* @__PURE__ */ React23.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50" }, /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-hidden" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between p-4 sm:p-6 border-b border-slate-200" }, /* @__PURE__ */ React23.createElement("h2", { className: "text-lg sm:text-xl font-semibold text-slate-800" }, "\u9884\u8BA2\u8BE6\u60C5"), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => setSelectedBooking(null),
       className: "text-slate-400 hover:text-slate-600 text-2xl font-bold leading-none p-1"
     },
     "\xD7"
-  )), /* @__PURE__ */ React29.createElement("div", { className: "p-4 sm:p-6 overflow-y-auto max-h-[calc(90vh-140px)]" }, /* @__PURE__ */ React29.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h3", { className: "text-base sm:text-lg font-semibold text-slate-800 mb-3" }, "\u753B\u96C6\u4FE1\u606F"), /* @__PURE__ */ React29.createElement("div", { className: "flex items-start gap-3 sm:gap-4" }, selectedBooking.collection.coverImage ? /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "p-4 sm:p-6 overflow-y-auto max-h-[calc(90vh-140px)]" }, /* @__PURE__ */ React23.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h3", { className: "text-base sm:text-lg font-semibold text-slate-800 mb-3" }, "\u753B\u96C6\u4FE1\u606F"), /* @__PURE__ */ React23.createElement("div", { className: "flex items-start gap-3 sm:gap-4" }, selectedBooking.collection.coverImage ? /* @__PURE__ */ React23.createElement(
     "img",
     {
       src: selectedBooking.collection.coverImage,
       alt: selectedBooking.collection.title,
       className: "w-16 h-16 sm:w-20 sm:h-20 object-cover rounded-lg flex-shrink-0"
     }
-  ) : /* @__PURE__ */ React29.createElement("div", { className: "w-16 h-16 sm:w-20 sm:h-20 bg-slate-100 rounded-lg flex-shrink-0 flex items-center justify-center text-slate-400 text-xs" }, "\u6682\u65E0\u56FE\u7247"), /* @__PURE__ */ React29.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React29.createElement("h4", { className: "font-medium text-slate-800 truncate" }, selectedBooking.collection.title), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-600" }, "\u7F16\u53F7\uFF1A", selectedBooking.collection.number), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-600" }, "\u4EF7\u683C\uFF1A\xA5", selectedBooking.collection.price || "\u5F85\u5B9A")))), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h3", { className: "text-base sm:text-lg font-semibold text-slate-800 mb-3" }, "\u9884\u8BA2\u4FE1\u606F"), /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u9884\u8BA2ID"), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, "#", selectedBooking.id)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "QQ\u53F7"), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, selectedBooking.qqNumber)), selectedBooking.phoneNumber && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, selectedBooking.phoneNumber)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u9884\u8BA2\u6570\u91CF"), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, selectedBooking.quantity)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u603B\u4EF7\u683C"), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, "\xA5", selectedBooking.totalPrice)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u72B6\u6001"), /* @__PURE__ */ React29.createElement("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getStatusInfo(selectedBooking.status).color}` }, getStatusInfo(selectedBooking.status).label)))), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h3", { className: "text-base sm:text-lg font-semibold text-slate-800 mb-3" }, "\u65F6\u95F4\u4FE1\u606F"), /* @__PURE__ */ React29.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u9884\u8BA2\u65F6\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm font-medium text-slate-800" }, formatTime(selectedBooking.createdAt))), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u66F4\u65B0\u65F6\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm font-medium text-slate-800" }, formatTime(selectedBooking.updatedAt))), selectedBooking.confirmedAt && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u786E\u8BA4\u65F6\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm font-medium text-slate-800" }, formatTime(selectedBooking.confirmedAt))), selectedBooking.completedAt && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u5B8C\u6210\u65F6\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm font-medium text-slate-800" }, formatTime(selectedBooking.completedAt))), selectedBooking.cancelledAt && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u53D6\u6D88\u65F6\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm font-medium text-slate-800" }, formatTime(selectedBooking.cancelledAt))))), selectedBooking.notes && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h3", { className: "text-base sm:text-lg font-semibold text-slate-800 mb-3" }, "\u7528\u6237\u5907\u6CE8"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-800 bg-slate-50 p-4 rounded-lg break-words" }, selectedBooking.notes)), selectedBooking.adminNotes && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h3", { className: "text-base sm:text-lg font-semibold text-slate-800 mb-3" }, "\u7BA1\u7406\u5458\u5907\u6CE8"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-800 bg-slate-50 p-4 rounded-lg break-words" }, selectedBooking.adminNotes)))))));
+  ) : /* @__PURE__ */ React23.createElement("div", { className: "w-16 h-16 sm:w-20 sm:h-20 bg-slate-100 rounded-lg flex-shrink-0 flex items-center justify-center text-slate-400 text-xs" }, "\u6682\u65E0\u56FE\u7247"), /* @__PURE__ */ React23.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React23.createElement("h4", { className: "font-medium text-slate-800 truncate" }, selectedBooking.collection.title), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-600" }, "\u7F16\u53F7\uFF1A", selectedBooking.collection.number), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-600" }, "\u4EF7\u683C\uFF1A\xA5", selectedBooking.collection.price || "\u5F85\u5B9A")))), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h3", { className: "text-base sm:text-lg font-semibold text-slate-800 mb-3" }, "\u9884\u8BA2\u4FE1\u606F"), /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u9884\u8BA2ID"), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, "#", selectedBooking.id)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "QQ\u53F7"), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, selectedBooking.qqNumber)), selectedBooking.phoneNumber && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, selectedBooking.phoneNumber)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u9884\u8BA2\u6570\u91CF"), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, selectedBooking.quantity)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u603B\u4EF7\u683C"), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, "\xA5", selectedBooking.totalPrice)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u72B6\u6001"), /* @__PURE__ */ React23.createElement("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getStatusInfo(selectedBooking.status).color}` }, getStatusInfo(selectedBooking.status).label)))), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h3", { className: "text-base sm:text-lg font-semibold text-slate-800 mb-3" }, "\u65F6\u95F4\u4FE1\u606F"), /* @__PURE__ */ React23.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u9884\u8BA2\u65F6\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm font-medium text-slate-800" }, formatTime(selectedBooking.createdAt))), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u66F4\u65B0\u65F6\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm font-medium text-slate-800" }, formatTime(selectedBooking.updatedAt))), selectedBooking.confirmedAt && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u786E\u8BA4\u65F6\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm font-medium text-slate-800" }, formatTime(selectedBooking.confirmedAt))), selectedBooking.completedAt && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u5B8C\u6210\u65F6\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm font-medium text-slate-800" }, formatTime(selectedBooking.completedAt))), selectedBooking.cancelledAt && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u53D6\u6D88\u65F6\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm font-medium text-slate-800" }, formatTime(selectedBooking.cancelledAt))))), selectedBooking.notes && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h3", { className: "text-base sm:text-lg font-semibold text-slate-800 mb-3" }, "\u7528\u6237\u5907\u6CE8"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-800 bg-slate-50 p-4 rounded-lg break-words" }, selectedBooking.notes)), selectedBooking.adminNotes && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h3", { className: "text-base sm:text-lg font-semibold text-slate-800 mb-3" }, "\u7BA1\u7406\u5458\u5907\u6CE8"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-800 bg-slate-50 p-4 rounded-lg break-words" }, selectedBooking.adminNotes)))))));
 };
 var BookingModal = ({
   isOpen,
@@ -3038,7 +3040,7 @@ var BookingModal = ({
   width = "90vw",
   height = "90vh"
 }) => {
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement(
     Modal,
     {
       isOpen,
@@ -3048,7 +3050,7 @@ var BookingModal = ({
       maskClosable: false,
       className: "max-w-6xl"
     },
-    /* @__PURE__ */ React29.createElement(BookingPage, { onClose })
+    /* @__PURE__ */ React23.createElement(BookingPage, { onClose })
   );
 };
 init_hooks();
@@ -3093,14 +3095,14 @@ var BookingPage = ({ onClose }) => {
   };
   const selectedCollection = collections.find((c) => c.id === formData.collectionId);
   if (submitted) {
-    return /* @__PURE__ */ React29.createElement("div", { className: "max-w-2xl mx-auto p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "text-center" }, /* @__PURE__ */ React29.createElement("div", { className: "text-green-500 text-6xl mb-4" }, "\u2705"), /* @__PURE__ */ React29.createElement("h2", { className: "text-2xl font-bold text-gray-900 mb-4" }, "\u9884\u8BA2\u63D0\u4EA4\u6210\u529F\uFF01"), /* @__PURE__ */ React29.createElement("p", { className: "text-gray-600 mb-6" }, "\u60A8\u7684\u9884\u8BA2\u5DF2\u6210\u529F\u63D0\u4EA4\uFF0C\u6211\u4EEC\u4F1A\u5C3D\u5FEB\u4E0E\u60A8\u8054\u7CFB\u786E\u8BA4\u3002"), /* @__PURE__ */ React29.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React23.createElement("div", { className: "max-w-2xl mx-auto p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "text-center" }, /* @__PURE__ */ React23.createElement("div", { className: "text-green-500 text-6xl mb-4" }, "\u2705"), /* @__PURE__ */ React23.createElement("h2", { className: "text-2xl font-bold text-gray-900 mb-4" }, "\u9884\u8BA2\u63D0\u4EA4\u6210\u529F\uFF01"), /* @__PURE__ */ React23.createElement("p", { className: "text-gray-600 mb-6" }, "\u60A8\u7684\u9884\u8BA2\u5DF2\u6210\u529F\u63D0\u4EA4\uFF0C\u6211\u4EEC\u4F1A\u5C3D\u5FEB\u4E0E\u60A8\u8054\u7CFB\u786E\u8BA4\u3002"), /* @__PURE__ */ React23.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: handleNewBooking,
         className: "w-full bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors"
       },
       "\u7EE7\u7EED\u9884\u8BA2\u5176\u4ED6\u753B\u96C6"
-    ), onClose && /* @__PURE__ */ React29.createElement(
+    ), onClose && /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: onClose,
@@ -3109,29 +3111,29 @@ var BookingPage = ({ onClose }) => {
       "\u5173\u95ED"
     ))));
   }
-  return /* @__PURE__ */ React29.createElement("div", { className: "max-w-4xl mx-auto p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "text-center mb-8" }, /* @__PURE__ */ React29.createElement("h1", { className: "text-3xl font-bold text-gray-900 mb-2" }, "\u9884\u8BA2\u753B\u96C6"), /* @__PURE__ */ React29.createElement("p", { className: "text-gray-600" }, "\u9009\u62E9\u60A8\u559C\u6B22\u7684\u753B\u96C6\u5E76\u586B\u5199\u9884\u8BA2\u4FE1\u606F")), error && /* @__PURE__ */ React29.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4 mb-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex" }, /* @__PURE__ */ React29.createElement("div", { className: "text-red-400 mr-3" }, /* @__PURE__ */ React29.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React29.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }))), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h3", { className: "text-sm font-medium text-red-800" }, "\u63D0\u4EA4\u5931\u8D25"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-red-700 mt-1" }, error)))), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-center mb-8" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React29.createElement("div", { className: `w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium ${step === "select" ? "bg-blue-600 text-white" : "bg-green-500 text-white"}` }, step === "select" ? "1" : "\u2713"), /* @__PURE__ */ React29.createElement("div", { className: `ml-2 ${step === "select" ? "text-blue-600" : "text-green-600"}` }, "\u9009\u62E9\u753B\u96C6")), /* @__PURE__ */ React29.createElement("div", { className: "w-16 h-0.5 bg-gray-300 mx-4" }), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React29.createElement("div", { className: `w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium ${step === "form" ? "bg-blue-600 text-white" : "bg-gray-300 text-gray-600"}` }, "2"), /* @__PURE__ */ React29.createElement("div", { className: `ml-2 ${step === "form" ? "text-blue-600" : "text-gray-500"}` }, "\u586B\u5199\u4FE1\u606F"))), step === "select" && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React29.createElement("h2", { className: "text-xl font-semibold text-gray-900 mb-2" }, "\u9009\u62E9\u8981\u9884\u8BA2\u7684\u753B\u96C6"), /* @__PURE__ */ React29.createElement("p", { className: "text-gray-600" }, "\u70B9\u51FB\u4E0B\u65B9\u753B\u96C6\u5361\u7247\u8FDB\u884C\u9009\u62E9")), /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement("div", { className: "max-w-4xl mx-auto p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "text-center mb-8" }, /* @__PURE__ */ React23.createElement("h1", { className: "text-3xl font-bold text-gray-900 mb-2" }, "\u9884\u8BA2\u753B\u96C6"), /* @__PURE__ */ React23.createElement("p", { className: "text-gray-600" }, "\u9009\u62E9\u60A8\u559C\u6B22\u7684\u753B\u96C6\u5E76\u586B\u5199\u9884\u8BA2\u4FE1\u606F")), error && /* @__PURE__ */ React23.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4 mb-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex" }, /* @__PURE__ */ React23.createElement("div", { className: "text-red-400 mr-3" }, /* @__PURE__ */ React23.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React23.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }))), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h3", { className: "text-sm font-medium text-red-800" }, "\u63D0\u4EA4\u5931\u8D25"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-red-700 mt-1" }, error)))), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-center mb-8" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React23.createElement("div", { className: `w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium ${step === "select" ? "bg-blue-600 text-white" : "bg-green-500 text-white"}` }, step === "select" ? "1" : "\u2713"), /* @__PURE__ */ React23.createElement("div", { className: `ml-2 ${step === "select" ? "text-blue-600" : "text-green-600"}` }, "\u9009\u62E9\u753B\u96C6")), /* @__PURE__ */ React23.createElement("div", { className: "w-16 h-0.5 bg-gray-300 mx-4" }), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React23.createElement("div", { className: `w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium ${step === "form" ? "bg-blue-600 text-white" : "bg-gray-300 text-gray-600"}` }, "2"), /* @__PURE__ */ React23.createElement("div", { className: `ml-2 ${step === "form" ? "text-blue-600" : "text-gray-500"}` }, "\u586B\u5199\u4FE1\u606F"))), step === "select" && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React23.createElement("h2", { className: "text-xl font-semibold text-gray-900 mb-2" }, "\u9009\u62E9\u8981\u9884\u8BA2\u7684\u753B\u96C6"), /* @__PURE__ */ React23.createElement("p", { className: "text-gray-600" }, "\u70B9\u51FB\u4E0B\u65B9\u753B\u96C6\u5361\u7247\u8FDB\u884C\u9009\u62E9")), /* @__PURE__ */ React23.createElement(
     CollectionList,
     {
       collections,
       loading,
       onSelectCollection: handleCollectionSelect
     }
-  )), step === "form" && selectedCollection && /* @__PURE__ */ React29.createElement("div", { className: "max-w-2xl mx-auto" }, /* @__PURE__ */ React29.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React29.createElement(
+  )), step === "form" && selectedCollection && /* @__PURE__ */ React23.createElement("div", { className: "max-w-2xl mx-auto" }, /* @__PURE__ */ React23.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: handleBackToSelect,
       className: "text-blue-600 hover:text-blue-800 flex items-center mb-4"
     },
-    /* @__PURE__ */ React29.createElement("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React29.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" })),
+    /* @__PURE__ */ React23.createElement("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React23.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" })),
     "\u8FD4\u56DE\u9009\u62E9\u753B\u96C6"
-  ), /* @__PURE__ */ React29.createElement("h2", { className: "text-xl font-semibold text-gray-900 mb-4" }, "\u586B\u5199\u9884\u8BA2\u4FE1\u606F"), /* @__PURE__ */ React29.createElement("div", { className: "bg-gray-50 rounded-lg p-4 mb-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center" }, selectedCollection.coverImage ? /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement("h2", { className: "text-xl font-semibold text-gray-900 mb-4" }, "\u586B\u5199\u9884\u8BA2\u4FE1\u606F"), /* @__PURE__ */ React23.createElement("div", { className: "bg-gray-50 rounded-lg p-4 mb-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center" }, selectedCollection.coverImage ? /* @__PURE__ */ React23.createElement(
     "img",
     {
       src: selectedCollection.coverImage,
       alt: selectedCollection.title,
       className: "w-16 h-16 object-cover rounded-md mr-4"
     }
-  ) : /* @__PURE__ */ React29.createElement("div", { className: "w-16 h-16 bg-gray-100 rounded-md mr-4 flex items-center justify-center text-gray-400 text-xs" }, "\u6682\u65E0\u56FE\u7247"), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h3", { className: "font-semibold text-gray-900" }, selectedCollection.title), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-gray-600" }, "\u7F16\u53F7\uFF1A", selectedCollection.number), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-gray-600" }, "\u4EF7\u683C\uFF1A", selectedCollection.price ? `\xA5${selectedCollection.price}` : "\u4EF7\u683C\u5F85\u5B9A"))))), /* @__PURE__ */ React29.createElement("form", { onSubmit: handleSubmit, className: "space-y-6" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { htmlFor: "qqNumber", className: "block text-sm font-medium text-gray-700 mb-2" }, "QQ\u53F7 ", /* @__PURE__ */ React29.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React29.createElement(
+  ) : /* @__PURE__ */ React23.createElement("div", { className: "w-16 h-16 bg-gray-100 rounded-md mr-4 flex items-center justify-center text-gray-400 text-xs" }, "\u6682\u65E0\u56FE\u7247"), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h3", { className: "font-semibold text-gray-900" }, selectedCollection.title), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-gray-600" }, "\u7F16\u53F7\uFF1A", selectedCollection.number), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-gray-600" }, "\u4EF7\u683C\uFF1A", selectedCollection.price ? `\xA5${selectedCollection.price}` : "\u4EF7\u683C\u5F85\u5B9A"))))), /* @__PURE__ */ React23.createElement("form", { onSubmit: handleSubmit, className: "space-y-6" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { htmlFor: "qqNumber", className: "block text-sm font-medium text-gray-700 mb-2" }, "QQ\u53F7 ", /* @__PURE__ */ React23.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "text",
@@ -3142,7 +3144,7 @@ var BookingPage = ({ onClose }) => {
       placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684QQ\u53F7",
       disabled: submitting
     }
-  ), errors.qqNumber && /* @__PURE__ */ React29.createElement("p", { className: "mt-1 text-sm text-red-600" }, errors.qqNumber)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { htmlFor: "phoneNumber", className: "block text-sm font-medium text-gray-700 mb-2" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React29.createElement(
+  ), errors.qqNumber && /* @__PURE__ */ React23.createElement("p", { className: "mt-1 text-sm text-red-600" }, errors.qqNumber)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { htmlFor: "phoneNumber", className: "block text-sm font-medium text-gray-700 mb-2" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "tel",
@@ -3153,7 +3155,7 @@ var BookingPage = ({ onClose }) => {
       placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u624B\u673A\u53F7\uFF08\u53EF\u9009\uFF09",
       disabled: submitting
     }
-  ), errors.phoneNumber && /* @__PURE__ */ React29.createElement("p", { className: "mt-1 text-sm text-red-600" }, errors.phoneNumber)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { htmlFor: "quantity", className: "block text-sm font-medium text-gray-700 mb-2" }, "\u9884\u8BA2\u6570\u91CF ", /* @__PURE__ */ React29.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React29.createElement(
+  ), errors.phoneNumber && /* @__PURE__ */ React23.createElement("p", { className: "mt-1 text-sm text-red-600" }, errors.phoneNumber)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { htmlFor: "quantity", className: "block text-sm font-medium text-gray-700 mb-2" }, "\u9884\u8BA2\u6570\u91CF ", /* @__PURE__ */ React23.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "number",
@@ -3165,7 +3167,7 @@ var BookingPage = ({ onClose }) => {
       placeholder: "\u8BF7\u8F93\u5165\u9884\u8BA2\u6570\u91CF",
       disabled: submitting
     }
-  ), errors.quantity && /* @__PURE__ */ React29.createElement("p", { className: "mt-1 text-sm text-red-600" }, errors.quantity)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { htmlFor: "notes", className: "block text-sm font-medium text-gray-700 mb-2" }, "\u5907\u6CE8\u4FE1\u606F"), /* @__PURE__ */ React29.createElement(
+  ), errors.quantity && /* @__PURE__ */ React23.createElement("p", { className: "mt-1 text-sm text-red-600" }, errors.quantity)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { htmlFor: "notes", className: "block text-sm font-medium text-gray-700 mb-2" }, "\u5907\u6CE8\u4FE1\u606F"), /* @__PURE__ */ React23.createElement(
     "textarea",
     {
       id: "notes",
@@ -3176,7 +3178,7 @@ var BookingPage = ({ onClose }) => {
       placeholder: "\u8BF7\u8F93\u5165\u5907\u6CE8\u4FE1\u606F\uFF08\u53EF\u9009\uFF09",
       disabled: submitting
     }
-  )), /* @__PURE__ */ React29.createElement("div", { className: "pt-4" }, /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "pt-4" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       type: "submit",
@@ -3251,57 +3253,57 @@ var CartHistoryPage = ({
     return sum + price * booking.quantity;
   }, 0);
   const completedBookings = bookings.filter((booking) => booking.status === "completed").length;
-  return /* @__PURE__ */ React29.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h1", { className: "text-2xl font-bold text-slate-800" }, "\u6211\u7684\u9884\u8BA2\u5386\u53F2"), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600 mt-1" }, "QQ: ", qqNumber, " | \u624B\u673A: ", phoneNumber)), /* @__PURE__ */ React29.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h1", { className: "text-2xl font-bold text-slate-800" }, "\u6211\u7684\u9884\u8BA2\u5386\u53F2"), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600 mt-1" }, "QQ: ", qqNumber, " | \u624B\u673A: ", phoneNumber)), /* @__PURE__ */ React23.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: loadBookings,
       disabled: loading,
       className: "flex items-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition-colors disabled:opacity-50"
     },
-    /* @__PURE__ */ React29.createElement(RefreshCw, { size: 16, className: loading ? "animate-spin" : "" }),
+    /* @__PURE__ */ React23.createElement(RefreshCw, { size: 16, className: loading ? "animate-spin" : "" }),
     "\u5237\u65B0"
-  )))), totalBookings > 0 && /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-4" }, /* @__PURE__ */ React29.createElement("div", { className: "text-center" }, /* @__PURE__ */ React29.createElement("div", { className: "text-2xl font-bold text-slate-800" }, totalBookings), /* @__PURE__ */ React29.createElement("div", { className: "text-sm text-slate-600" }, "\u603B\u9884\u8BA2\u6B21\u6570")), /* @__PURE__ */ React29.createElement("div", { className: "text-center" }, /* @__PURE__ */ React29.createElement("div", { className: "text-2xl font-bold text-slate-800" }, totalQuantity), /* @__PURE__ */ React29.createElement("div", { className: "text-sm text-slate-600" }, "\u603B\u9884\u8BA2\u6570\u91CF")), /* @__PURE__ */ React29.createElement("div", { className: "text-center" }, /* @__PURE__ */ React29.createElement("div", { className: "text-2xl font-bold text-slate-800" }, "\xA5", totalPrice), /* @__PURE__ */ React29.createElement("div", { className: "text-sm text-slate-600" }, "\u603B\u9884\u8BA2\u91D1\u989D")), /* @__PURE__ */ React29.createElement("div", { className: "text-center" }, /* @__PURE__ */ React29.createElement("div", { className: "text-2xl font-bold text-slate-800" }, completedBookings), /* @__PURE__ */ React29.createElement("div", { className: "text-sm text-slate-600" }, "\u5DF2\u5B8C\u6210")))), error && /* @__PURE__ */ React29.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex" }, /* @__PURE__ */ React29.createElement("div", { className: "text-red-400 mr-3 flex-shrink-0" }, /* @__PURE__ */ React29.createElement(XCircle, { size: 20 })), /* @__PURE__ */ React29.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-sm font-medium text-red-800" }, "\u67E5\u8BE2\u5931\u8D25"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-red-700 mt-1" }, error)))), /* @__PURE__ */ React29.createElement("div", { className: "space-y-4" }, loading ? /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-8 text-center" }, /* @__PURE__ */ React29.createElement(RefreshCw, { size: 40, className: "text-slate-400 mx-auto mb-4 animate-spin" }), /* @__PURE__ */ React29.createElement("h3", { className: "text-lg font-medium text-slate-800 mb-2" }, "\u52A0\u8F7D\u4E2D..."), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600" }, "\u6B63\u5728\u83B7\u53D6\u60A8\u7684\u9884\u8BA2\u5386\u53F2\u8BB0\u5F55")) : totalBookings === 0 ? /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-8 text-center" }, /* @__PURE__ */ React29.createElement(Calendar, { size: 40, className: "text-slate-400 mx-auto mb-4" }), /* @__PURE__ */ React29.createElement("h3", { className: "text-lg font-medium text-slate-800 mb-2" }, "\u6682\u65E0\u9884\u8BA2\u8BB0\u5F55"), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600" }, "\u60A8\u8FD8\u6CA1\u6709\u63D0\u4EA4\u8FC7\u4EFB\u4F55\u9884\u8BA2")) : bookings.map((booking) => {
+  )))), totalBookings > 0 && /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "text-center" }, /* @__PURE__ */ React23.createElement("div", { className: "text-2xl font-bold text-slate-800" }, totalBookings), /* @__PURE__ */ React23.createElement("div", { className: "text-sm text-slate-600" }, "\u603B\u9884\u8BA2\u6B21\u6570")), /* @__PURE__ */ React23.createElement("div", { className: "text-center" }, /* @__PURE__ */ React23.createElement("div", { className: "text-2xl font-bold text-slate-800" }, totalQuantity), /* @__PURE__ */ React23.createElement("div", { className: "text-sm text-slate-600" }, "\u603B\u9884\u8BA2\u6570\u91CF")), /* @__PURE__ */ React23.createElement("div", { className: "text-center" }, /* @__PURE__ */ React23.createElement("div", { className: "text-2xl font-bold text-slate-800" }, "\xA5", totalPrice), /* @__PURE__ */ React23.createElement("div", { className: "text-sm text-slate-600" }, "\u603B\u9884\u8BA2\u91D1\u989D")), /* @__PURE__ */ React23.createElement("div", { className: "text-center" }, /* @__PURE__ */ React23.createElement("div", { className: "text-2xl font-bold text-slate-800" }, completedBookings), /* @__PURE__ */ React23.createElement("div", { className: "text-sm text-slate-600" }, "\u5DF2\u5B8C\u6210")))), error && /* @__PURE__ */ React23.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex" }, /* @__PURE__ */ React23.createElement("div", { className: "text-red-400 mr-3 flex-shrink-0" }, /* @__PURE__ */ React23.createElement(XCircle, { size: 20 })), /* @__PURE__ */ React23.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-sm font-medium text-red-800" }, "\u67E5\u8BE2\u5931\u8D25"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-red-700 mt-1" }, error)))), /* @__PURE__ */ React23.createElement("div", { className: "space-y-4" }, loading ? /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-8 text-center" }, /* @__PURE__ */ React23.createElement(RefreshCw, { size: 40, className: "text-slate-400 mx-auto mb-4 animate-spin" }), /* @__PURE__ */ React23.createElement("h3", { className: "text-lg font-medium text-slate-800 mb-2" }, "\u52A0\u8F7D\u4E2D..."), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600" }, "\u6B63\u5728\u83B7\u53D6\u60A8\u7684\u9884\u8BA2\u5386\u53F2\u8BB0\u5F55")) : totalBookings === 0 ? /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-8 text-center" }, /* @__PURE__ */ React23.createElement(Calendar, { size: 40, className: "text-slate-400 mx-auto mb-4" }), /* @__PURE__ */ React23.createElement("h3", { className: "text-lg font-medium text-slate-800 mb-2" }, "\u6682\u65E0\u9884\u8BA2\u8BB0\u5F55"), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600" }, "\u60A8\u8FD8\u6CA1\u6709\u63D0\u4EA4\u8FC7\u4EFB\u4F55\u9884\u8BA2")) : bookings.map((booking) => {
     const statusInfo = getStatusInfo(booking.status);
     const totalPrice2 = (booking.collection?.price || 0) * booking.quantity;
-    return /* @__PURE__ */ React29.createElement("div", { key: booking.id, className: "bg-white rounded-lg shadow-sm border border-slate-200 overflow-hidden" }, /* @__PURE__ */ React29.createElement("div", { className: "p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 mb-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-start gap-4" }, /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React23.createElement("div", { key: booking.id, className: "bg-white rounded-lg shadow-sm border border-slate-200 overflow-hidden" }, /* @__PURE__ */ React23.createElement("div", { className: "p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 mb-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-start gap-4" }, /* @__PURE__ */ React23.createElement(
       "img",
       {
         src: booking.collection?.coverImage || "",
         alt: booking.collection?.title || "\u672A\u77E5\u753B\u96C6",
         className: "w-16 h-16 object-cover rounded-lg flex-shrink-0"
       }
-    ), /* @__PURE__ */ React29.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-lg font-semibold text-slate-800" }, booking.collection?.title || "\u672A\u77E5\u753B\u96C6"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-600" }, "\u7F16\u53F7\uFF1A", booking.collection?.number || "\u672A\u77E5\u7F16\u53F7"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-600" }, "\u9884\u8BA2\u65F6\u95F4\uFF1A", formatTime(booking.createdAt)), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-600" }, "\u6570\u91CF\uFF1A", booking.quantity, " | \u603B\u4EF7\uFF1A\xA5", totalPrice2))), /* @__PURE__ */ React29.createElement("div", { className: "text-left sm:text-right" }, /* @__PURE__ */ React29.createElement("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${statusInfo.color}` }, statusInfo.label), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500 mt-1" }, "\u9884\u8BA2ID: ", booking.id))), booking.notes && /* @__PURE__ */ React29.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u5907\u6CE8"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-800 bg-slate-50 p-3 rounded-lg break-words" }, booking.notes)), booking.adminNotes && /* @__PURE__ */ React29.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u7BA1\u7406\u5458\u5907\u6CE8"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-800 bg-blue-50 p-3 rounded-lg break-words" }, booking.adminNotes)), /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col sm:flex-row gap-2" }, /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg font-semibold text-slate-800" }, booking.collection?.title || "\u672A\u77E5\u753B\u96C6"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-600" }, "\u7F16\u53F7\uFF1A", booking.collection?.number || "\u672A\u77E5\u7F16\u53F7"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-600" }, "\u9884\u8BA2\u65F6\u95F4\uFF1A", formatTime(booking.createdAt)), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-600" }, "\u6570\u91CF\uFF1A", booking.quantity, " | \u603B\u4EF7\uFF1A\xA5", totalPrice2))), /* @__PURE__ */ React23.createElement("div", { className: "text-left sm:text-right" }, /* @__PURE__ */ React23.createElement("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${statusInfo.color}` }, statusInfo.label), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500 mt-1" }, "\u9884\u8BA2ID: ", booking.id))), booking.notes && /* @__PURE__ */ React23.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u5907\u6CE8"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-800 bg-slate-50 p-3 rounded-lg break-words" }, booking.notes)), booking.adminNotes && /* @__PURE__ */ React23.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u7BA1\u7406\u5458\u5907\u6CE8"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-800 bg-blue-50 p-3 rounded-lg break-words" }, booking.adminNotes)), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col sm:flex-row gap-2" }, /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: () => setSelectedBooking(booking),
         className: "flex items-center justify-center gap-2 px-4 py-2 bg-slate-100 text-slate-700 rounded-lg font-medium hover:bg-slate-200 transition-colors"
       },
-      /* @__PURE__ */ React29.createElement(Eye, { size: 16 }),
+      /* @__PURE__ */ React23.createElement(Eye, { size: 16 }),
       "\u67E5\u770B\u8BE6\u60C5"
-    ), /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: () => handleDeleteBooking(booking.id),
         className: "flex items-center justify-center gap-2 px-4 py-2 bg-red-100 text-red-700 rounded-lg font-medium hover:bg-red-200 transition-colors"
       },
-      /* @__PURE__ */ React29.createElement(Trash2, { size: 16 }),
+      /* @__PURE__ */ React23.createElement(Trash2, { size: 16 }),
       "\u5220\u9664\u8BB0\u5F55"
     ))));
-  })), selectedBooking && /* @__PURE__ */ React29.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50" }, /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-hidden" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between p-6 border-b border-slate-200" }, /* @__PURE__ */ React29.createElement("h2", { className: "text-xl font-semibold text-slate-800" }, "\u9884\u8BA2\u8BE6\u60C5"), /* @__PURE__ */ React29.createElement(
+  })), selectedBooking && /* @__PURE__ */ React23.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50" }, /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-hidden" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between p-6 border-b border-slate-200" }, /* @__PURE__ */ React23.createElement("h2", { className: "text-xl font-semibold text-slate-800" }, "\u9884\u8BA2\u8BE6\u60C5"), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => setSelectedBooking(null),
       className: "text-slate-400 hover:text-slate-600 text-2xl font-bold leading-none"
     },
     "\xD7"
-  )), /* @__PURE__ */ React29.createElement("div", { className: "p-6 overflow-y-auto max-h-[calc(90vh-140px)]" }, /* @__PURE__ */ React29.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h3", { className: "text-lg font-semibold text-slate-800 mb-3" }, "\u57FA\u672C\u4FE1\u606F"), /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u9884\u8BA2ID"), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, selectedBooking.id)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u9884\u8BA2\u65F6\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, formatTime(selectedBooking.createdAt))), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "QQ\u53F7"), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, selectedBooking.qqNumber)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, selectedBooking.phoneNumber)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u72B6\u6001"), /* @__PURE__ */ React29.createElement("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getStatusInfo(selectedBooking.status).color}` }, getStatusInfo(selectedBooking.status).label)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u6570\u91CF"), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, selectedBooking.quantity)))), selectedBooking.collection && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h3", { className: "text-lg font-semibold text-slate-800 mb-3" }, "\u753B\u96C6\u8BE6\u60C5"), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-4 p-4 bg-slate-50 rounded-lg" }, selectedBooking.collection.coverImage ? /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "p-6 overflow-y-auto max-h-[calc(90vh-140px)]" }, /* @__PURE__ */ React23.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg font-semibold text-slate-800 mb-3" }, "\u57FA\u672C\u4FE1\u606F"), /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u9884\u8BA2ID"), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, selectedBooking.id)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u9884\u8BA2\u65F6\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, formatTime(selectedBooking.createdAt))), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "QQ\u53F7"), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, selectedBooking.qqNumber)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, selectedBooking.phoneNumber)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u72B6\u6001"), /* @__PURE__ */ React23.createElement("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getStatusInfo(selectedBooking.status).color}` }, getStatusInfo(selectedBooking.status).label)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u6570\u91CF"), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, selectedBooking.quantity)))), selectedBooking.collection && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg font-semibold text-slate-800 mb-3" }, "\u753B\u96C6\u8BE6\u60C5"), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-4 p-4 bg-slate-50 rounded-lg" }, selectedBooking.collection.coverImage ? /* @__PURE__ */ React23.createElement(
     "img",
     {
       src: selectedBooking.collection.coverImage,
       alt: selectedBooking.collection.title,
       className: "w-16 h-16 object-cover rounded-lg flex-shrink-0"
     }
-  ) : /* @__PURE__ */ React29.createElement("div", { className: "w-16 h-16 bg-slate-100 rounded-lg flex-shrink-0 flex items-center justify-center text-slate-400 text-xs" }, "\u6682\u65E0\u56FE\u7247"), /* @__PURE__ */ React29.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React29.createElement("h4", { className: "font-medium text-slate-800" }, selectedBooking.collection.title), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-600" }, "\u7F16\u53F7\uFF1A", selectedBooking.collection.number), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-600" }, "\u5355\u4EF7\uFF1A\xA5", selectedBooking.collection.price || "\u5F85\u5B9A")), /* @__PURE__ */ React29.createElement("div", { className: "text-right" }, /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, "\u6570\u91CF\uFF1A", selectedBooking.quantity), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, "\u603B\u4EF7\uFF1A\xA5", (selectedBooking.collection.price || 0) * selectedBooking.quantity)))), selectedBooking.notes && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h3", { className: "text-lg font-semibold text-slate-800 mb-3" }, "\u7528\u6237\u5907\u6CE8"), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-800 bg-slate-50 p-4 rounded-lg break-words" }, selectedBooking.notes)), selectedBooking.adminNotes && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h3", { className: "text-lg font-semibold text-slate-800 mb-3" }, "\u7BA1\u7406\u5458\u5907\u6CE8"), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-800 bg-blue-50 p-4 rounded-lg break-words" }, selectedBooking.adminNotes)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h3", { className: "text-lg font-semibold text-slate-800 mb-3" }, "\u65F6\u95F4\u4FE1\u606F"), /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u521B\u5EFA\u65F6\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, formatTime(selectedBooking.createdAt))), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u66F4\u65B0\u65F6\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, formatTime(selectedBooking.updatedAt))), selectedBooking.confirmedAt && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u786E\u8BA4\u65F6\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, formatTime(selectedBooking.confirmedAt))), selectedBooking.completedAt && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u5B8C\u6210\u65F6\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, formatTime(selectedBooking.completedAt))), selectedBooking.cancelledAt && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-500" }, "\u53D6\u6D88\u65F6\u95F4"), /* @__PURE__ */ React29.createElement("p", { className: "font-medium text-slate-800" }, formatTime(selectedBooking.cancelledAt))))))))));
+  ) : /* @__PURE__ */ React23.createElement("div", { className: "w-16 h-16 bg-slate-100 rounded-lg flex-shrink-0 flex items-center justify-center text-slate-400 text-xs" }, "\u6682\u65E0\u56FE\u7247"), /* @__PURE__ */ React23.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React23.createElement("h4", { className: "font-medium text-slate-800" }, selectedBooking.collection.title), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-600" }, "\u7F16\u53F7\uFF1A", selectedBooking.collection.number), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-600" }, "\u5355\u4EF7\uFF1A\xA5", selectedBooking.collection.price || "\u5F85\u5B9A")), /* @__PURE__ */ React23.createElement("div", { className: "text-right" }, /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, "\u6570\u91CF\uFF1A", selectedBooking.quantity), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, "\u603B\u4EF7\uFF1A\xA5", (selectedBooking.collection.price || 0) * selectedBooking.quantity)))), selectedBooking.notes && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg font-semibold text-slate-800 mb-3" }, "\u7528\u6237\u5907\u6CE8"), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-800 bg-slate-50 p-4 rounded-lg break-words" }, selectedBooking.notes)), selectedBooking.adminNotes && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg font-semibold text-slate-800 mb-3" }, "\u7BA1\u7406\u5458\u5907\u6CE8"), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-800 bg-blue-50 p-4 rounded-lg break-words" }, selectedBooking.adminNotes)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg font-semibold text-slate-800 mb-3" }, "\u65F6\u95F4\u4FE1\u606F"), /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u521B\u5EFA\u65F6\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, formatTime(selectedBooking.createdAt))), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u66F4\u65B0\u65F6\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, formatTime(selectedBooking.updatedAt))), selectedBooking.confirmedAt && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u786E\u8BA4\u65F6\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, formatTime(selectedBooking.confirmedAt))), selectedBooking.completedAt && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u5B8C\u6210\u65F6\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, formatTime(selectedBooking.completedAt))), selectedBooking.cancelledAt && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-500" }, "\u53D6\u6D88\u65F6\u95F4"), /* @__PURE__ */ React23.createElement("p", { className: "font-medium text-slate-800" }, formatTime(selectedBooking.cancelledAt))))))))));
 };
 var DeadlinePopup = ({
   config,
@@ -3315,15 +3317,15 @@ var DeadlinePopup = ({
     const iconProps = { size: 24, className: "flex-shrink-0" };
     switch (theme2) {
       case "warning":
-        return /* @__PURE__ */ React29.createElement(AlertTriangle, { ...iconProps, className: "text-amber-500" });
+        return /* @__PURE__ */ React23.createElement(AlertTriangle, { ...iconProps, className: "text-amber-500" });
       case "info":
-        return /* @__PURE__ */ React29.createElement(Info, { ...iconProps, className: "text-blue-500" });
+        return /* @__PURE__ */ React23.createElement(Info, { ...iconProps, className: "text-blue-500" });
       case "error":
-        return /* @__PURE__ */ React29.createElement(XCircle, { ...iconProps, className: "text-red-500" });
+        return /* @__PURE__ */ React23.createElement(XCircle, { ...iconProps, className: "text-red-500" });
       case "success":
-        return /* @__PURE__ */ React29.createElement(CheckCircle, { ...iconProps, className: "text-green-500" });
+        return /* @__PURE__ */ React23.createElement(CheckCircle, { ...iconProps, className: "text-green-500" });
       default:
-        return /* @__PURE__ */ React29.createElement(Clock, { ...iconProps, className: "text-slate-500" });
+        return /* @__PURE__ */ React23.createElement(Clock, { ...iconProps, className: "text-slate-500" });
     }
   };
   const getThemeStyles = (theme2 = "warning") => {
@@ -3397,7 +3399,7 @@ var DeadlinePopup = ({
   const { contentConfig, displayConfig } = config;
   const theme = contentConfig.theme || "warning";
   const styles = getThemeStyles(theme);
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement(
     Modal,
     {
       isOpen,
@@ -3407,14 +3409,14 @@ var DeadlinePopup = ({
       maskClosable: displayConfig?.maskClosable ?? true,
       zIndex: 9999
     },
-    /* @__PURE__ */ React29.createElement("div", { className: `${styles.bgColor} ${styles.borderColor} border rounded-lg p-6` }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-start gap-4 mb-4" }, getThemeIcon(theme), /* @__PURE__ */ React29.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React29.createElement("h3", { className: `text-lg font-semibold ${styles.titleColor} mb-2` }, contentConfig.title), countdown > 0 && /* @__PURE__ */ React29.createElement("div", { className: "text-sm text-slate-500 mb-2" }, /* @__PURE__ */ React29.createElement(Clock, { size: 14, className: "inline mr-1" }), countdown, " \u79D2\u540E\u81EA\u52A8\u5173\u95ED"))), /* @__PURE__ */ React29.createElement("div", { className: `${styles.messageColor} mb-6 leading-relaxed whitespace-pre-wrap` }, contentConfig.message), /* @__PURE__ */ React29.createElement("div", { className: "flex justify-end gap-3" }, contentConfig.showCancel !== false && /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("div", { className: `${styles.bgColor} ${styles.borderColor} border rounded-lg p-6` }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-start gap-4 mb-4" }, getThemeIcon(theme), /* @__PURE__ */ React23.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React23.createElement("h3", { className: `text-lg font-semibold ${styles.titleColor} mb-2` }, contentConfig.title), countdown > 0 && /* @__PURE__ */ React23.createElement("div", { className: "text-sm text-slate-500 mb-2" }, /* @__PURE__ */ React23.createElement(Clock, { size: 14, className: "inline mr-1" }), countdown, " \u79D2\u540E\u81EA\u52A8\u5173\u95ED"))), /* @__PURE__ */ React23.createElement("div", { className: `${styles.messageColor} mb-6 leading-relaxed whitespace-pre-wrap` }, contentConfig.message), /* @__PURE__ */ React23.createElement("div", { className: "flex justify-end gap-3" }, contentConfig.showCancel !== false && /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: handleCancel,
         className: "px-4 py-2 text-slate-600 hover:text-slate-700 transition-colors"
       },
       contentConfig.cancelText || "\u53D6\u6D88"
-    ), /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: handleConfirm,
@@ -3465,7 +3467,7 @@ var DeadlinePopupManager = ({
   if (!currentConfig) {
     return null;
   }
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement(
     DeadlinePopup,
     {
       config: currentConfig,
@@ -3720,37 +3722,37 @@ var PopupConfigManagement = () => {
         return theme;
     }
   };
-  return /* @__PURE__ */ React29.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h2", { className: "text-xl font-semibold text-slate-800" }, "\u5F39\u7A97\u914D\u7F6E\u7BA1\u7406"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-slate-600 mt-1" }, "\u7BA1\u7406\u8D2D\u7269\u8F66\u63D0\u4EA4\u65F6\u7684\u9650\u65F6\u63D0\u9192\u5F39\u7A97"), /* @__PURE__ */ React29.createElement("div", { className: "mt-2 text-xs text-slate-500" }, "\u72B6\u6001: ", loading ? "\u52A0\u8F7D\u4E2D" : "\u5DF2\u52A0\u8F7D", " | \u914D\u7F6E\u6570\u91CF: ", configs.length, " |", error ? `\u9519\u8BEF: ${error}` : "\u6B63\u5E38")), /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h2", { className: "text-xl font-semibold text-slate-800" }, "\u5F39\u7A97\u914D\u7F6E\u7BA1\u7406"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-slate-600 mt-1" }, "\u7BA1\u7406\u8D2D\u7269\u8F66\u63D0\u4EA4\u65F6\u7684\u9650\u65F6\u63D0\u9192\u5F39\u7A97"), /* @__PURE__ */ React23.createElement("div", { className: "mt-2 text-xs text-slate-500" }, "\u72B6\u6001: ", loading ? "\u52A0\u8F7D\u4E2D" : "\u5DF2\u52A0\u8F7D", " | \u914D\u7F6E\u6570\u91CF: ", configs.length, " |", error ? `\u9519\u8BEF: ${error}` : "\u6B63\u5E38")), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: handleCreate,
       className: "flex items-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
     },
-    /* @__PURE__ */ React29.createElement(Plus, { size: 16 }),
+    /* @__PURE__ */ React23.createElement(Plus, { size: 16 }),
     "\u521B\u5EFA\u914D\u7F6E"
-  )), error && /* @__PURE__ */ React29.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4" }, /* @__PURE__ */ React29.createElement("p", { className: "text-red-700" }, error)), loading ? /* @__PURE__ */ React29.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ React29.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto mb-4" }), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600" }, "\u52A0\u8F7D\u4E2D...")) : /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg border border-slate-200 overflow-hidden" }, configs.length === 0 ? /* @__PURE__ */ React29.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ React29.createElement(Settings, { size: 40, className: "text-slate-400 mx-auto mb-4" }), /* @__PURE__ */ React29.createElement("h3", { className: "text-lg font-medium text-slate-800 mb-2" }, "\u6682\u65E0\u914D\u7F6E"), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600 mb-4" }, '\u70B9\u51FB"\u521B\u5EFA\u914D\u7F6E"\u5F00\u59CB\u8BBE\u7F6E\u5F39\u7A97')) : /* @__PURE__ */ React29.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React29.createElement("table", { className: "w-full" }, /* @__PURE__ */ React29.createElement("thead", { className: "bg-slate-50" }, /* @__PURE__ */ React29.createElement("tr", null, /* @__PURE__ */ React29.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase tracking-wider" }, "\u914D\u7F6E\u4FE1\u606F"), /* @__PURE__ */ React29.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase tracking-wider" }, "\u89E6\u53D1\u6761\u4EF6"), /* @__PURE__ */ React29.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase tracking-wider" }, "\u5F39\u7A97\u5185\u5BB9"), /* @__PURE__ */ React29.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase tracking-wider" }, "\u6D41\u7A0B\u63A7\u5236"), /* @__PURE__ */ React29.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase tracking-wider" }, "\u72B6\u6001"), /* @__PURE__ */ React29.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase tracking-wider" }, "\u64CD\u4F5C"))), /* @__PURE__ */ React29.createElement("tbody", { className: "bg-white divide-y divide-slate-200" }, configs.map((config) => /* @__PURE__ */ React29.createElement("tr", { key: config.id, className: "hover:bg-slate-50" }, /* @__PURE__ */ React29.createElement("td", { className: "px-6 py-4 whitespace-nowrap" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("div", { className: "text-sm font-medium text-slate-900" }, config.name), config.description && /* @__PURE__ */ React29.createElement("div", { className: "text-sm text-slate-500" }, config.description), /* @__PURE__ */ React29.createElement("div", { className: "text-xs text-slate-400 mt-1" }, config.businessModule, " / ", config.businessScene))), /* @__PURE__ */ React29.createElement("td", { className: "px-6 py-4 whitespace-nowrap" }, /* @__PURE__ */ React29.createElement("div", { className: "text-sm text-slate-900" }, getTriggerTypeText(config.triggerConfig.triggerType)), /* @__PURE__ */ React29.createElement("div", { className: "text-sm text-slate-500" }, formatDeadlineTime(config.triggerConfig)), (config.triggerConfig.advanceMinutes || 0) > 0 && /* @__PURE__ */ React29.createElement("div", { className: "text-xs text-slate-400" }, "\u63D0\u524D ", config.triggerConfig.advanceMinutes, " \u5206\u949F")), /* @__PURE__ */ React29.createElement("td", { className: "px-6 py-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("div", { className: "text-sm font-medium text-slate-900" }, config.contentConfig.title), /* @__PURE__ */ React29.createElement("div", { className: "text-sm text-slate-500 max-w-xs truncate" }, config.contentConfig.message), /* @__PURE__ */ React29.createElement("div", { className: "text-xs text-slate-400 mt-1" }, "\u4E3B\u9898: ", getThemeText(config.contentConfig.theme || "warning")))), /* @__PURE__ */ React29.createElement("td", { className: "px-6 py-4 whitespace-nowrap" }, /* @__PURE__ */ React29.createElement("div", { className: `inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${config.blockProcess ? "bg-red-100 text-red-800" : "bg-blue-100 text-blue-800"}` }, config.blockProcess ? /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(AlertTriangle, { size: 12 }), "\u963B\u65AD\u63D0\u4EA4") : /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(Clock, { size: 12 }), "\u4EC5\u63D0\u9192"))), /* @__PURE__ */ React29.createElement("td", { className: "px-6 py-4 whitespace-nowrap" }, /* @__PURE__ */ React29.createElement(
+  )), error && /* @__PURE__ */ React23.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4" }, /* @__PURE__ */ React23.createElement("p", { className: "text-red-700" }, error)), loading ? /* @__PURE__ */ React23.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ React23.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto mb-4" }), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600" }, "\u52A0\u8F7D\u4E2D...")) : /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg border border-slate-200 overflow-hidden" }, configs.length === 0 ? /* @__PURE__ */ React23.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ React23.createElement(Settings, { size: 40, className: "text-slate-400 mx-auto mb-4" }), /* @__PURE__ */ React23.createElement("h3", { className: "text-lg font-medium text-slate-800 mb-2" }, "\u6682\u65E0\u914D\u7F6E"), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600 mb-4" }, '\u70B9\u51FB"\u521B\u5EFA\u914D\u7F6E"\u5F00\u59CB\u8BBE\u7F6E\u5F39\u7A97')) : /* @__PURE__ */ React23.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React23.createElement("table", { className: "w-full" }, /* @__PURE__ */ React23.createElement("thead", { className: "bg-slate-50" }, /* @__PURE__ */ React23.createElement("tr", null, /* @__PURE__ */ React23.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase tracking-wider" }, "\u914D\u7F6E\u4FE1\u606F"), /* @__PURE__ */ React23.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase tracking-wider" }, "\u89E6\u53D1\u6761\u4EF6"), /* @__PURE__ */ React23.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase tracking-wider" }, "\u5F39\u7A97\u5185\u5BB9"), /* @__PURE__ */ React23.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase tracking-wider" }, "\u6D41\u7A0B\u63A7\u5236"), /* @__PURE__ */ React23.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase tracking-wider" }, "\u72B6\u6001"), /* @__PURE__ */ React23.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase tracking-wider" }, "\u64CD\u4F5C"))), /* @__PURE__ */ React23.createElement("tbody", { className: "bg-white divide-y divide-slate-200" }, configs.map((config) => /* @__PURE__ */ React23.createElement("tr", { key: config.id, className: "hover:bg-slate-50" }, /* @__PURE__ */ React23.createElement("td", { className: "px-6 py-4 whitespace-nowrap" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("div", { className: "text-sm font-medium text-slate-900" }, config.name), config.description && /* @__PURE__ */ React23.createElement("div", { className: "text-sm text-slate-500" }, config.description), /* @__PURE__ */ React23.createElement("div", { className: "text-xs text-slate-400 mt-1" }, config.businessModule, " / ", config.businessScene))), /* @__PURE__ */ React23.createElement("td", { className: "px-6 py-4 whitespace-nowrap" }, /* @__PURE__ */ React23.createElement("div", { className: "text-sm text-slate-900" }, getTriggerTypeText(config.triggerConfig.triggerType)), /* @__PURE__ */ React23.createElement("div", { className: "text-sm text-slate-500" }, formatDeadlineTime(config.triggerConfig)), (config.triggerConfig.advanceMinutes || 0) > 0 && /* @__PURE__ */ React23.createElement("div", { className: "text-xs text-slate-400" }, "\u63D0\u524D ", config.triggerConfig.advanceMinutes, " \u5206\u949F")), /* @__PURE__ */ React23.createElement("td", { className: "px-6 py-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("div", { className: "text-sm font-medium text-slate-900" }, config.contentConfig.title), /* @__PURE__ */ React23.createElement("div", { className: "text-sm text-slate-500 max-w-xs truncate" }, config.contentConfig.message), /* @__PURE__ */ React23.createElement("div", { className: "text-xs text-slate-400 mt-1" }, "\u4E3B\u9898: ", getThemeText(config.contentConfig.theme || "warning")))), /* @__PURE__ */ React23.createElement("td", { className: "px-6 py-4 whitespace-nowrap" }, /* @__PURE__ */ React23.createElement("div", { className: `inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${config.blockProcess ? "bg-red-100 text-red-800" : "bg-blue-100 text-blue-800"}` }, config.blockProcess ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(AlertTriangle, { size: 12 }), "\u963B\u65AD\u63D0\u4EA4") : /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(Clock, { size: 12 }), "\u4EC5\u63D0\u9192"))), /* @__PURE__ */ React23.createElement("td", { className: "px-6 py-4 whitespace-nowrap" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => handleToggle(config),
       className: `inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${config.enabled ? "bg-green-100 text-green-800" : "bg-gray-100 text-gray-800"}`
     },
-    config.enabled ? /* @__PURE__ */ React29.createElement(Eye, { size: 12 }) : /* @__PURE__ */ React29.createElement(EyeOff, { size: 12 }),
+    config.enabled ? /* @__PURE__ */ React23.createElement(Eye, { size: 12 }) : /* @__PURE__ */ React23.createElement(EyeOff, { size: 12 }),
     config.enabled ? "\u542F\u7528" : "\u7981\u7528"
-  )), /* @__PURE__ */ React29.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-medium" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-medium" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => handleEdit(config),
       className: "text-blue-600 hover:text-blue-700"
     },
-    /* @__PURE__ */ React29.createElement(Edit, { size: 16 })
-  ), /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(Edit, { size: 16 })
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => handleDelete(config),
       className: "text-red-600 hover:text-red-700"
     },
-    /* @__PURE__ */ React29.createElement(Trash2, { size: 16 })
-  ))))))))), showCreateModal && /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(Trash2, { size: 16 })
+  ))))))))), showCreateModal && /* @__PURE__ */ React23.createElement(
     Modal,
     {
       isOpen: showCreateModal,
@@ -3763,7 +3765,7 @@ var PopupConfigManagement = () => {
       width: 600,
       maskClosable: false
     },
-    /* @__PURE__ */ React29.createElement("div", { className: "space-y-6 max-h-[70vh] overflow-y-auto" }, /* @__PURE__ */ React29.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React29.createElement("h4", { className: "font-medium text-slate-800" }, "\u57FA\u672C\u4FE1\u606F"), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u914D\u7F6E\u540D\u79F0 *"), /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("div", { className: "space-y-6 max-h-[70vh] overflow-y-auto" }, /* @__PURE__ */ React23.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React23.createElement("h4", { className: "font-medium text-slate-800" }, "\u57FA\u672C\u4FE1\u606F"), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u914D\u7F6E\u540D\u79F0 *"), /* @__PURE__ */ React23.createElement(
       "input",
       {
         type: "text",
@@ -3772,7 +3774,7 @@ var PopupConfigManagement = () => {
         className: "w-full px-3 py-2 border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
         placeholder: "\u8BF7\u8F93\u5165\u914D\u7F6E\u540D\u79F0"
       }
-    )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u914D\u7F6E\u63CF\u8FF0"), /* @__PURE__ */ React29.createElement(
+    )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u914D\u7F6E\u63CF\u8FF0"), /* @__PURE__ */ React23.createElement(
       "textarea",
       {
         value: formData.description,
@@ -3781,18 +3783,18 @@ var PopupConfigManagement = () => {
         className: "w-full px-3 py-2 border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
         placeholder: "\u8BF7\u8F93\u5165\u914D\u7F6E\u63CF\u8FF0"
       }
-    )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u4E1A\u52A1\u573A\u666F *"), /* @__PURE__ */ React29.createElement(
+    )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u4E1A\u52A1\u573A\u666F *"), /* @__PURE__ */ React23.createElement(
       "select",
       {
         value: formData.businessScene,
         onChange: (e) => setFormData((prev) => ({ ...prev, businessScene: e.target.value })),
         className: "w-full px-3 py-2 border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
       },
-      /* @__PURE__ */ React29.createElement("option", { value: "cart_checkout" }, "\u8D2D\u7269\u8F66\u63D0\u4EA4"),
-      /* @__PURE__ */ React29.createElement("option", { value: "homepage_visit" }, "\u4E3B\u9875\u8BBF\u95EE"),
-      /* @__PURE__ */ React29.createElement("option", { value: "collection_view" }, "\u753B\u96C6\u6D4F\u89C8"),
-      /* @__PURE__ */ React29.createElement("option", { value: "artwork_detail" }, "\u4F5C\u54C1\u8BE6\u60C5")
-    ), /* @__PURE__ */ React29.createElement("div", { className: "text-xs text-slate-500 mt-1" }, "\u9009\u62E9\u5F39\u7A97\u5728\u54EA\u4E2A\u573A\u666F\u4E0B\u89E6\u53D1\u663E\u793A")), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React23.createElement("option", { value: "cart_checkout" }, "\u8D2D\u7269\u8F66\u63D0\u4EA4"),
+      /* @__PURE__ */ React23.createElement("option", { value: "homepage_visit" }, "\u4E3B\u9875\u8BBF\u95EE"),
+      /* @__PURE__ */ React23.createElement("option", { value: "collection_view" }, "\u753B\u96C6\u6D4F\u89C8"),
+      /* @__PURE__ */ React23.createElement("option", { value: "artwork_detail" }, "\u4F5C\u54C1\u8BE6\u60C5")
+    ), /* @__PURE__ */ React23.createElement("div", { className: "text-xs text-slate-500 mt-1" }, "\u9009\u62E9\u5F39\u7A97\u5728\u54EA\u4E2A\u573A\u666F\u4E0B\u89E6\u53D1\u663E\u793A")), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(
       "input",
       {
         type: "checkbox",
@@ -3801,7 +3803,7 @@ var PopupConfigManagement = () => {
         onChange: (e) => setFormData((prev) => ({ ...prev, enabled: e.target.checked })),
         className: "rounded border-slate-300 text-blue-600 focus:ring-blue-500"
       }
-    ), /* @__PURE__ */ React29.createElement("label", { htmlFor: "enabled", className: "text-sm font-medium text-slate-700" }, "\u542F\u7528\u6B64\u914D\u7F6E"))), /* @__PURE__ */ React29.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React29.createElement("h4", { className: "font-medium text-slate-800" }, "\u89E6\u53D1\u6761\u4EF6"), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u89E6\u53D1\u7C7B\u578B"), /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement("label", { htmlFor: "enabled", className: "text-sm font-medium text-slate-700" }, "\u542F\u7528\u6B64\u914D\u7F6E"))), /* @__PURE__ */ React23.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React23.createElement("h4", { className: "font-medium text-slate-800" }, "\u89E6\u53D1\u6761\u4EF6"), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u89E6\u53D1\u7C7B\u578B"), /* @__PURE__ */ React23.createElement(
       "select",
       {
         value: formData.triggerConfig.triggerType,
@@ -3814,10 +3816,10 @@ var PopupConfigManagement = () => {
         })),
         className: "w-full px-3 py-2 border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
       },
-      /* @__PURE__ */ React29.createElement("option", { value: "after_deadline" }, "\u8D85\u8FC7\u622A\u6B62\u65F6\u95F4\u540E\u663E\u793A"),
-      /* @__PURE__ */ React29.createElement("option", { value: "before_deadline" }, "\u622A\u6B62\u65F6\u95F4\u524D\u663E\u793A"),
-      /* @__PURE__ */ React29.createElement("option", { value: "always" }, "\u603B\u662F\u663E\u793A")
-    )), formData.triggerConfig.triggerType !== "always" && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u622A\u6B62\u65F6\u95F4"), /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React23.createElement("option", { value: "after_deadline" }, "\u8D85\u8FC7\u622A\u6B62\u65F6\u95F4\u540E\u663E\u793A"),
+      /* @__PURE__ */ React23.createElement("option", { value: "before_deadline" }, "\u622A\u6B62\u65F6\u95F4\u524D\u663E\u793A"),
+      /* @__PURE__ */ React23.createElement("option", { value: "always" }, "\u603B\u662F\u663E\u793A")
+    )), formData.triggerConfig.triggerType !== "always" && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u622A\u6B62\u65F6\u95F4"), /* @__PURE__ */ React23.createElement(
       "input",
       {
         type: "datetime-local",
@@ -3831,7 +3833,7 @@ var PopupConfigManagement = () => {
         })),
         className: "w-full px-3 py-2 border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
       }
-    )), formData.triggerConfig.triggerType === "before_deadline" && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u63D0\u524D\u5206\u949F\u6570"), /* @__PURE__ */ React29.createElement(
+    )), formData.triggerConfig.triggerType === "before_deadline" && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u63D0\u524D\u5206\u949F\u6570"), /* @__PURE__ */ React23.createElement(
       "input",
       {
         type: "number",
@@ -3847,7 +3849,7 @@ var PopupConfigManagement = () => {
         className: "w-full px-3 py-2 border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
         placeholder: "\u5728\u622A\u6B62\u65F6\u95F4\u524D\u591A\u5C11\u5206\u949F\u663E\u793A"
       }
-    ))), /* @__PURE__ */ React29.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React29.createElement("h4", { className: "font-medium text-slate-800" }, "\u5F39\u7A97\u5185\u5BB9"), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u5F39\u7A97\u6807\u9898 *"), /* @__PURE__ */ React29.createElement(
+    ))), /* @__PURE__ */ React23.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React23.createElement("h4", { className: "font-medium text-slate-800" }, "\u5F39\u7A97\u5185\u5BB9"), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u5F39\u7A97\u6807\u9898 *"), /* @__PURE__ */ React23.createElement(
       "input",
       {
         type: "text",
@@ -3862,7 +3864,7 @@ var PopupConfigManagement = () => {
         className: "w-full px-3 py-2 border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
         placeholder: "\u8BF7\u8F93\u5165\u5F39\u7A97\u6807\u9898"
       }
-    )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u5F39\u7A97\u5185\u5BB9 *"), /* @__PURE__ */ React29.createElement(
+    )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u5F39\u7A97\u5185\u5BB9 *"), /* @__PURE__ */ React23.createElement(
       "textarea",
       {
         value: formData.contentConfig.message,
@@ -3877,7 +3879,7 @@ var PopupConfigManagement = () => {
         className: "w-full px-3 py-2 border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
         placeholder: "\u8BF7\u8F93\u5165\u5F39\u7A97\u5185\u5BB9"
       }
-    )), /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-2 gap-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u786E\u8BA4\u6309\u94AE\u6587\u672C"), /* @__PURE__ */ React29.createElement(
+    )), /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-2 gap-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u786E\u8BA4\u6309\u94AE\u6587\u672C"), /* @__PURE__ */ React23.createElement(
       "input",
       {
         type: "text",
@@ -3891,7 +3893,7 @@ var PopupConfigManagement = () => {
         })),
         className: "w-full px-3 py-2 border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
       }
-    )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u53D6\u6D88\u6309\u94AE\u6587\u672C"), /* @__PURE__ */ React29.createElement(
+    )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u53D6\u6D88\u6309\u94AE\u6587\u672C"), /* @__PURE__ */ React23.createElement(
       "input",
       {
         type: "text",
@@ -3905,7 +3907,7 @@ var PopupConfigManagement = () => {
         })),
         className: "w-full px-3 py-2 border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
       }
-    ))), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u5F39\u7A97\u4E3B\u9898"), /* @__PURE__ */ React29.createElement(
+    ))), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u5F39\u7A97\u4E3B\u9898"), /* @__PURE__ */ React23.createElement(
       "select",
       {
         value: formData.contentConfig.theme,
@@ -3918,11 +3920,11 @@ var PopupConfigManagement = () => {
         })),
         className: "w-full px-3 py-2 border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
       },
-      /* @__PURE__ */ React29.createElement("option", { value: "warning" }, "\u8B66\u544A"),
-      /* @__PURE__ */ React29.createElement("option", { value: "info" }, "\u4FE1\u606F"),
-      /* @__PURE__ */ React29.createElement("option", { value: "error" }, "\u9519\u8BEF"),
-      /* @__PURE__ */ React29.createElement("option", { value: "success" }, "\u6210\u529F")
-    )), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React23.createElement("option", { value: "warning" }, "\u8B66\u544A"),
+      /* @__PURE__ */ React23.createElement("option", { value: "info" }, "\u4FE1\u606F"),
+      /* @__PURE__ */ React23.createElement("option", { value: "error" }, "\u9519\u8BEF"),
+      /* @__PURE__ */ React23.createElement("option", { value: "success" }, "\u6210\u529F")
+    )), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(
       "input",
       {
         type: "checkbox",
@@ -3937,7 +3939,7 @@ var PopupConfigManagement = () => {
         })),
         className: "rounded border-slate-300 text-blue-600 focus:ring-blue-500"
       }
-    ), /* @__PURE__ */ React29.createElement("label", { htmlFor: "showCancel", className: "text-sm font-medium text-slate-700" }, "\u663E\u793A\u53D6\u6D88\u6309\u94AE"))), /* @__PURE__ */ React29.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React29.createElement("h4", { className: "font-medium text-slate-800" }, "\u663E\u793A\u8BBE\u7F6E"), /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-2 gap-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u5F39\u7A97\u5BBD\u5EA6 (px)"), /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement("label", { htmlFor: "showCancel", className: "text-sm font-medium text-slate-700" }, "\u663E\u793A\u53D6\u6D88\u6309\u94AE"))), /* @__PURE__ */ React23.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React23.createElement("h4", { className: "font-medium text-slate-800" }, "\u663E\u793A\u8BBE\u7F6E"), /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-2 gap-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u5F39\u7A97\u5BBD\u5EA6 (px)"), /* @__PURE__ */ React23.createElement(
       "input",
       {
         type: "number",
@@ -3953,7 +3955,7 @@ var PopupConfigManagement = () => {
         })),
         className: "w-full px-3 py-2 border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
       }
-    )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u81EA\u52A8\u5173\u95ED (\u79D2\uFF0C0=\u4E0D\u5173\u95ED)"), /* @__PURE__ */ React29.createElement(
+    )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-1" }, "\u81EA\u52A8\u5173\u95ED (\u79D2\uFF0C0=\u4E0D\u5173\u95ED)"), /* @__PURE__ */ React23.createElement(
       "input",
       {
         type: "number",
@@ -3969,7 +3971,7 @@ var PopupConfigManagement = () => {
         })),
         className: "w-full px-3 py-2 border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
       }
-    ))), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(
+    ))), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(
       "input",
       {
         type: "checkbox",
@@ -3984,8 +3986,8 @@ var PopupConfigManagement = () => {
         })),
         className: "rounded border-slate-300 text-blue-600 focus:ring-blue-500"
       }
-    ), /* @__PURE__ */ React29.createElement("label", { htmlFor: "maskClosable", className: "text-sm font-medium text-slate-700" }, "\u5141\u8BB8\u70B9\u51FB\u906E\u7F69\u5173\u95ED")))),
-    /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h4", { className: "text-sm font-medium text-slate-800 mb-3" }, "\u6D41\u7A0B\u63A7\u5236"), /* @__PURE__ */ React29.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement("label", { htmlFor: "maskClosable", className: "text-sm font-medium text-slate-700" }, "\u5141\u8BB8\u70B9\u51FB\u906E\u7F69\u5173\u95ED")))),
+    /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h4", { className: "text-sm font-medium text-slate-800 mb-3" }, "\u6D41\u7A0B\u63A7\u5236"), /* @__PURE__ */ React23.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React23.createElement(
       "input",
       {
         type: "checkbox",
@@ -3997,8 +3999,8 @@ var PopupConfigManagement = () => {
         })),
         className: "rounded border-slate-300 text-blue-600 focus:ring-blue-500"
       }
-    ), /* @__PURE__ */ React29.createElement("label", { htmlFor: "blockProcess", className: "text-sm font-medium text-slate-700" }, "\u963B\u65AD\u6D41\u7A0B")), /* @__PURE__ */ React29.createElement("div", { className: "text-xs text-slate-500 pl-6" }, "\u2022 \u542F\u7528\u65F6\uFF1A\u5F39\u7A97\u663E\u793A\u540E\u963B\u6B62\u7528\u6237\u7EE7\u7EED\u63D0\u4EA4\uFF0C\u53EA\u6709\u5173\u95ED\u5F39\u7A97\u624D\u80FD\u505C\u6B62\u64CD\u4F5C", /* @__PURE__ */ React29.createElement("br", null), "\u2022 \u7981\u7528\u65F6\uFF1A\u5F39\u7A97\u4EC5\u4F5C\u4E3A\u63D0\u9192\uFF0C\u7528\u6237\u53EF\u4EE5\u9009\u62E9\u7EE7\u7EED\u63D0\u4EA4\u6216\u53D6\u6D88"))),
-    /* @__PURE__ */ React29.createElement("div", { className: "flex justify-end gap-3 mt-6 pt-4 border-t border-slate-200" }, /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement("label", { htmlFor: "blockProcess", className: "text-sm font-medium text-slate-700" }, "\u963B\u65AD\u6D41\u7A0B")), /* @__PURE__ */ React23.createElement("div", { className: "text-xs text-slate-500 pl-6" }, "\u2022 \u542F\u7528\u65F6\uFF1A\u5F39\u7A97\u663E\u793A\u540E\u963B\u6B62\u7528\u6237\u7EE7\u7EED\u63D0\u4EA4\uFF0C\u53EA\u6709\u5173\u95ED\u5F39\u7A97\u624D\u80FD\u505C\u6B62\u64CD\u4F5C", /* @__PURE__ */ React23.createElement("br", null), "\u2022 \u7981\u7528\u65F6\uFF1A\u5F39\u7A97\u4EC5\u4F5C\u4E3A\u63D0\u9192\uFF0C\u7528\u6237\u53EF\u4EE5\u9009\u62E9\u7EE7\u7EED\u63D0\u4EA4\u6216\u53D6\u6D88"))),
+    /* @__PURE__ */ React23.createElement("div", { className: "flex justify-end gap-3 mt-6 pt-4 border-t border-slate-200" }, /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: () => {
@@ -4009,13 +4011,13 @@ var PopupConfigManagement = () => {
         className: "px-4 py-2 text-slate-600 hover:text-slate-700 transition-colors"
       },
       "\u53D6\u6D88"
-    ), /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: handleSave,
         className: "flex items-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
       },
-      /* @__PURE__ */ React29.createElement(Save, { size: 16 }),
+      /* @__PURE__ */ React23.createElement(Save, { size: 16 }),
       editingConfig ? "\u66F4\u65B0" : "\u521B\u5EFA"
     ))
   ));
@@ -4184,12 +4186,12 @@ var SystemConfigManager = () => {
   );
   const getStatusIcon = (item) => {
     if (item.isRequired && !item.value) {
-      return /* @__PURE__ */ React29.createElement(AlertTriangle, { className: "text-red-500", size: 16 });
+      return /* @__PURE__ */ React23.createElement(AlertTriangle, { className: "text-red-500", size: 16 });
     }
     if (item.value) {
-      return /* @__PURE__ */ React29.createElement(CheckCircle, { className: "text-green-500", size: 16 });
+      return /* @__PURE__ */ React23.createElement(CheckCircle, { className: "text-green-500", size: 16 });
     }
-    return /* @__PURE__ */ React29.createElement(AlertTriangle, { className: "text-yellow-500", size: 16 });
+    return /* @__PURE__ */ React23.createElement(AlertTriangle, { className: "text-yellow-500", size: 16 });
   };
   const getTypeDisplay = (type) => {
     switch (type) {
@@ -4210,7 +4212,7 @@ var SystemConfigManager = () => {
       return "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022";
     }
     if (!item.value) {
-      return /* @__PURE__ */ React29.createElement("span", { className: "text-gray-400 italic" }, "\u672A\u8BBE\u7F6E");
+      return /* @__PURE__ */ React23.createElement("span", { className: "text-gray-400 italic" }, "\u672A\u8BBE\u7F6E");
     }
     return item.value;
   };
@@ -4226,16 +4228,16 @@ var SystemConfigManager = () => {
     }
     return void 0;
   }, [message]);
-  return /* @__PURE__ */ React29.createElement("div", { className: "space-y-6" }, message && /* @__PURE__ */ React29.createElement("div", { className: `p-4 rounded-lg ${message.type === "success" ? "bg-green-50 border border-green-200 text-green-800" : "bg-red-50 border border-red-200 text-red-800"}` }, message.text), /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement("label", { className: "text-sm font-medium text-gray-700" }, "\u73AF\u5883:"), /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement("div", { className: "space-y-6" }, message && /* @__PURE__ */ React23.createElement("div", { className: `p-4 rounded-lg ${message.type === "success" ? "bg-green-50 border border-green-200 text-green-800" : "bg-red-50 border border-red-200 text-red-800"}` }, message.text), /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement("label", { className: "text-sm font-medium text-gray-700" }, "\u73AF\u5883:"), /* @__PURE__ */ React23.createElement(
     "select",
     {
       value: currentEnvironment,
       onChange: (e) => handleEnvironmentChange(e.target.value),
       className: "px-3 py-1 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
     },
-    /* @__PURE__ */ React29.createElement("option", { value: "development" }, "\u5F00\u53D1\u73AF\u5883"),
-    /* @__PURE__ */ React29.createElement("option", { value: "production" }, "\u751F\u4EA7\u73AF\u5883")
-  )), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("option", { value: "development" }, "\u5F00\u53D1\u73AF\u5883"),
+    /* @__PURE__ */ React23.createElement("option", { value: "production" }, "\u751F\u4EA7\u73AF\u5883")
+  )), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "text",
@@ -4244,24 +4246,24 @@ var SystemConfigManager = () => {
       onChange: (e) => setSearchTerm(e.target.value),
       className: "px-3 py-1 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
     }
-  ))), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(
+  ))), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => setAddDialog({ isOpen: true }),
       className: "flex items-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-md text-sm font-medium hover:bg-blue-700 transition-colors"
     },
-    /* @__PURE__ */ React29.createElement(Plus, { size: 16 }),
+    /* @__PURE__ */ React23.createElement(Plus, { size: 16 }),
     "\u65B0\u589E\u914D\u7F6E"
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => loadConfigItems(),
       disabled: loading,
       className: "flex items-center gap-2 px-4 py-2 bg-gray-100 text-gray-700 rounded-md text-sm font-medium hover:bg-gray-200 transition-colors disabled:opacity-50"
     },
-    /* @__PURE__ */ React29.createElement(RefreshCw, { size: 16, className: loading ? "animate-spin" : "" }),
+    /* @__PURE__ */ React23.createElement(RefreshCw, { size: 16, className: loading ? "animate-spin" : "" }),
     "\u5237\u65B0"
-  )))), /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4" }, /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React29.createElement(Database, { className: "text-blue-500", size: 20 }), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-gray-600" }, "\u603B\u914D\u7F6E\u9879"), /* @__PURE__ */ React29.createElement("p", { className: "text-lg font-semibold text-gray-900" }, configItems.length)))), /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React29.createElement(CheckCircle, { className: "text-green-500", size: 20 }), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-gray-600" }, "\u5DF2\u914D\u7F6E"), /* @__PURE__ */ React29.createElement("p", { className: "text-lg font-semibold text-gray-900" }, configItems.filter((item) => item.value).length)))), /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React29.createElement(AlertTriangle, { className: "text-yellow-500", size: 20 }), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-gray-600" }, "\u5F85\u914D\u7F6E"), /* @__PURE__ */ React29.createElement("p", { className: "text-lg font-semibold text-gray-900" }, configItems.filter((item) => item.isRequired && !item.value).length))))), /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200" }, loading ? /* @__PURE__ */ React29.createElement("div", { className: "p-8 text-center" }, /* @__PURE__ */ React29.createElement(Loader, { className: "animate-spin mx-auto mb-4 text-blue-500", size: 32 }), /* @__PURE__ */ React29.createElement("p", { className: "text-gray-600" }, "\u52A0\u8F7D\u914D\u7F6E\u9879\u4E2D...")) : /* @__PURE__ */ React29.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React29.createElement("table", { className: "w-full" }, /* @__PURE__ */ React29.createElement("thead", { className: "bg-gray-50 border-b border-gray-200" }, /* @__PURE__ */ React29.createElement("tr", null, /* @__PURE__ */ React29.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u72B6\u6001"), /* @__PURE__ */ React29.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u914D\u7F6E\u9879"), /* @__PURE__ */ React29.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u7C7B\u578B"), /* @__PURE__ */ React29.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u5F53\u524D\u503C"), /* @__PURE__ */ React29.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u64CD\u4F5C"))), /* @__PURE__ */ React29.createElement("tbody", { className: "bg-white divide-y divide-gray-200" }, filteredItems.map((item) => /* @__PURE__ */ React29.createElement("tr", { key: item.id, className: "hover:bg-gray-50" }, /* @__PURE__ */ React29.createElement("td", { className: "px-6 py-4 whitespace-nowrap" }, getStatusIcon(item)), /* @__PURE__ */ React29.createElement("td", { className: "px-6 py-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("div", { className: "text-sm font-medium text-gray-900" }, item.displayName, item.isRequired && /* @__PURE__ */ React29.createElement("span", { className: "text-red-500 ml-1" }, "*")), /* @__PURE__ */ React29.createElement("div", { className: "text-sm text-gray-500" }, item.description), /* @__PURE__ */ React29.createElement("div", { className: "text-xs text-gray-400 mt-1" }, "Key: ", item.key))), /* @__PURE__ */ React29.createElement("td", { className: "px-6 py-4 whitespace-nowrap" }, /* @__PURE__ */ React29.createElement("span", { className: "inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-800" }, getTypeDisplay(item.type))), /* @__PURE__ */ React29.createElement("td", { className: "px-6 py-4" }, editingItem === item.id ? /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(
+  )))), /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React23.createElement(Database, { className: "text-blue-500", size: 20 }), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-gray-600" }, "\u603B\u914D\u7F6E\u9879"), /* @__PURE__ */ React23.createElement("p", { className: "text-lg font-semibold text-gray-900" }, configItems.length)))), /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React23.createElement(CheckCircle, { className: "text-green-500", size: 20 }), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-gray-600" }, "\u5DF2\u914D\u7F6E"), /* @__PURE__ */ React23.createElement("p", { className: "text-lg font-semibold text-gray-900" }, configItems.filter((item) => item.value).length)))), /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React23.createElement(AlertTriangle, { className: "text-yellow-500", size: 20 }), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-gray-600" }, "\u5F85\u914D\u7F6E"), /* @__PURE__ */ React23.createElement("p", { className: "text-lg font-semibold text-gray-900" }, configItems.filter((item) => item.isRequired && !item.value).length))))), /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200" }, loading ? /* @__PURE__ */ React23.createElement("div", { className: "p-8 text-center" }, /* @__PURE__ */ React23.createElement(Loader, { className: "animate-spin mx-auto mb-4 text-blue-500", size: 32 }), /* @__PURE__ */ React23.createElement("p", { className: "text-gray-600" }, "\u52A0\u8F7D\u914D\u7F6E\u9879\u4E2D...")) : /* @__PURE__ */ React23.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React23.createElement("table", { className: "w-full" }, /* @__PURE__ */ React23.createElement("thead", { className: "bg-gray-50 border-b border-gray-200" }, /* @__PURE__ */ React23.createElement("tr", null, /* @__PURE__ */ React23.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u72B6\u6001"), /* @__PURE__ */ React23.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u914D\u7F6E\u9879"), /* @__PURE__ */ React23.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u7C7B\u578B"), /* @__PURE__ */ React23.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u5F53\u524D\u503C"), /* @__PURE__ */ React23.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u64CD\u4F5C"))), /* @__PURE__ */ React23.createElement("tbody", { className: "bg-white divide-y divide-gray-200" }, filteredItems.map((item) => /* @__PURE__ */ React23.createElement("tr", { key: item.id, className: "hover:bg-gray-50" }, /* @__PURE__ */ React23.createElement("td", { className: "px-6 py-4 whitespace-nowrap" }, getStatusIcon(item)), /* @__PURE__ */ React23.createElement("td", { className: "px-6 py-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("div", { className: "text-sm font-medium text-gray-900" }, item.displayName, item.isRequired && /* @__PURE__ */ React23.createElement("span", { className: "text-red-500 ml-1" }, "*")), /* @__PURE__ */ React23.createElement("div", { className: "text-sm text-gray-500" }, item.description), /* @__PURE__ */ React23.createElement("div", { className: "text-xs text-gray-400 mt-1" }, "Key: ", item.key))), /* @__PURE__ */ React23.createElement("td", { className: "px-6 py-4 whitespace-nowrap" }, /* @__PURE__ */ React23.createElement("span", { className: "inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-800" }, getTypeDisplay(item.type))), /* @__PURE__ */ React23.createElement("td", { className: "px-6 py-4" }, editingItem === item.id ? /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: item.type === "password" ? "password" : "text",
@@ -4273,44 +4275,44 @@ var SystemConfigManager = () => {
       className: "px-2 py-1 border border-gray-300 rounded text-sm focus:outline-none focus:ring-1 focus:ring-blue-500",
       placeholder: item.defaultValue
     }
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => saveEdit(item),
       disabled: saving === item.id,
       className: "text-green-600 hover:text-green-700 disabled:opacity-50"
     },
-    saving === item.id ? /* @__PURE__ */ React29.createElement(Loader, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ React29.createElement(Save, { size: 16 })
-  ), /* @__PURE__ */ React29.createElement(
+    saving === item.id ? /* @__PURE__ */ React23.createElement(Loader, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ React23.createElement(Save, { size: 16 })
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: cancelEdit,
       className: "text-gray-600 hover:text-gray-700"
     },
     "\xD7"
-  )) : /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement("span", { className: "text-sm text-gray-900" }, renderValue(item)), item.isSensitive && /* @__PURE__ */ React29.createElement(
+  )) : /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement("span", { className: "text-sm text-gray-900" }, renderValue(item)), item.isSensitive && /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => toggleSensitive(item.id),
       className: "text-gray-400 hover:text-gray-600"
     },
-    showSensitive[item.id] ? /* @__PURE__ */ React29.createElement(EyeOff, { size: 14 }) : /* @__PURE__ */ React29.createElement(Eye, { size: 14 })
-  ))), /* @__PURE__ */ React29.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-medium" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, editingItem === item.id ? null : /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(
+    showSensitive[item.id] ? /* @__PURE__ */ React23.createElement(EyeOff, { size: 14 }) : /* @__PURE__ */ React23.createElement(Eye, { size: 14 })
+  ))), /* @__PURE__ */ React23.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-medium" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2" }, editingItem === item.id ? null : /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => startEdit(item),
       className: "text-blue-600 hover:text-blue-700"
     },
-    /* @__PURE__ */ React29.createElement(Edit, { size: 16 })
-  ), /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(Edit, { size: 16 })
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => handleDeleteItem(item),
       disabled: deleting === item.id,
       className: "text-red-600 hover:text-red-700 disabled:opacity-50"
     },
-    deleting === item.id ? /* @__PURE__ */ React29.createElement(Loader, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ React29.createElement(Trash2, { size: 16 })
-  )))))))), filteredItems.length === 0 && /* @__PURE__ */ React29.createElement("div", { className: "p-8 text-center" }, /* @__PURE__ */ React29.createElement("p", { className: "text-gray-600" }, searchTerm ? "\u672A\u627E\u5230\u5339\u914D\u7684\u914D\u7F6E\u9879" : "\u6682\u65E0\u914D\u7F6E\u9879")))), /* @__PURE__ */ React29.createElement(
+    deleting === item.id ? /* @__PURE__ */ React23.createElement(Loader, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ React23.createElement(Trash2, { size: 16 })
+  )))))))), filteredItems.length === 0 && /* @__PURE__ */ React23.createElement("div", { className: "p-8 text-center" }, /* @__PURE__ */ React23.createElement("p", { className: "text-gray-600" }, searchTerm ? "\u672A\u627E\u5230\u5339\u914D\u7684\u914D\u7F6E\u9879" : "\u6682\u65E0\u914D\u7F6E\u9879")))), /* @__PURE__ */ React23.createElement(
     DeleteConfirmDialog,
     {
       isOpen: deleteDialog.isOpen,
@@ -4318,7 +4320,7 @@ var SystemConfigManager = () => {
       onConfirm: confirmDelete,
       onCancel: () => setDeleteDialog({ isOpen: false, item: null })
     }
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     AddConfigItemDialog,
     {
       isOpen: addDialog.isOpen,
@@ -4444,13 +4446,13 @@ var AddConfigItemDialog = ({
     }
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ React29.createElement("div", { className: "fixed inset-0 z-50 overflow-y-auto" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" }, /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement("div", { className: "fixed inset-0 z-50 overflow-y-auto" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" }, /* @__PURE__ */ React23.createElement(
     "div",
     {
       className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity",
       onClick: onCancel
     }
-  ), /* @__PURE__ */ React29.createElement("div", { className: "inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl sm:w-full" }, /* @__PURE__ */ React29.createElement("div", { className: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, /* @__PURE__ */ React29.createElement("div", { className: "sm:flex sm:items-start" }, /* @__PURE__ */ React29.createElement("div", { className: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10" }, /* @__PURE__ */ React29.createElement(Plus, { className: "h-6 w-6 text-blue-600" })), /* @__PURE__ */ React29.createElement("div", { className: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-lg leading-6 font-medium text-gray-900 mb-4" }, "\u65B0\u589E\u914D\u7F6E\u9879"), error && /* @__PURE__ */ React29.createElement("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-md" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React29.createElement(AlertTriangle, { className: "w-4 h-4 text-red-600 mr-2" }), /* @__PURE__ */ React29.createElement("span", { className: "text-sm text-red-800" }, error))), success && /* @__PURE__ */ React29.createElement("div", { className: "mb-4 p-3 bg-green-50 border border-green-200 rounded-md" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React29.createElement("span", { className: "text-sm text-green-800" }, success))), /* @__PURE__ */ React29.createElement("form", { onSubmit: handleSubmit, className: "space-y-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "\u914D\u7F6E\u952E ", /* @__PURE__ */ React29.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement("div", { className: "inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl sm:w-full" }, /* @__PURE__ */ React23.createElement("div", { className: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, /* @__PURE__ */ React23.createElement("div", { className: "sm:flex sm:items-start" }, /* @__PURE__ */ React23.createElement("div", { className: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10" }, /* @__PURE__ */ React23.createElement(Plus, { className: "h-6 w-6 text-blue-600" })), /* @__PURE__ */ React23.createElement("div", { className: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg leading-6 font-medium text-gray-900 mb-4" }, "\u65B0\u589E\u914D\u7F6E\u9879"), error && /* @__PURE__ */ React23.createElement("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-md" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React23.createElement(AlertTriangle, { className: "w-4 h-4 text-red-600 mr-2" }), /* @__PURE__ */ React23.createElement("span", { className: "text-sm text-red-800" }, error))), success && /* @__PURE__ */ React23.createElement("div", { className: "mb-4 p-3 bg-green-50 border border-green-200 rounded-md" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React23.createElement("span", { className: "text-sm text-green-800" }, success))), /* @__PURE__ */ React23.createElement("form", { onSubmit: handleSubmit, className: "space-y-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "\u914D\u7F6E\u952E ", /* @__PURE__ */ React23.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "text",
@@ -4460,7 +4462,7 @@ var AddConfigItemDialog = ({
       className: `w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${errors.key ? "border-red-300" : "border-gray-300"}`,
       disabled: saving
     }
-  ), errors.key && /* @__PURE__ */ React29.createElement("p", { className: "mt-1 text-sm text-red-600" }, errors.key), /* @__PURE__ */ React29.createElement("p", { className: "mt-1 text-xs text-gray-500" }, "\u53EA\u80FD\u5305\u542B\u5927\u5199\u5B57\u6BCD\u3001\u6570\u5B57\u548C\u4E0B\u5212\u7EBF\uFF0C\u4E14\u5FC5\u987B\u4EE5\u5B57\u6BCD\u6216\u4E0B\u5212\u7EBF\u5F00\u5934")), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "\u663E\u793A\u540D\u79F0 ", /* @__PURE__ */ React29.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React29.createElement(
+  ), errors.key && /* @__PURE__ */ React23.createElement("p", { className: "mt-1 text-sm text-red-600" }, errors.key), /* @__PURE__ */ React23.createElement("p", { className: "mt-1 text-xs text-gray-500" }, "\u53EA\u80FD\u5305\u542B\u5927\u5199\u5B57\u6BCD\u3001\u6570\u5B57\u548C\u4E0B\u5212\u7EBF\uFF0C\u4E14\u5FC5\u987B\u4EE5\u5B57\u6BCD\u6216\u4E0B\u5212\u7EBF\u5F00\u5934")), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "\u663E\u793A\u540D\u79F0 ", /* @__PURE__ */ React23.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "text",
@@ -4470,7 +4472,7 @@ var AddConfigItemDialog = ({
       className: `w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${errors.displayName ? "border-red-300" : "border-gray-300"}`,
       disabled: saving
     }
-  ), errors.displayName && /* @__PURE__ */ React29.createElement("p", { className: "mt-1 text-sm text-red-600" }, errors.displayName)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "\u63CF\u8FF0"), /* @__PURE__ */ React29.createElement(
+  ), errors.displayName && /* @__PURE__ */ React23.createElement("p", { className: "mt-1 text-sm text-red-600" }, errors.displayName)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "\u63CF\u8FF0"), /* @__PURE__ */ React23.createElement(
     "textarea",
     {
       value: formData.description,
@@ -4480,7 +4482,7 @@ var AddConfigItemDialog = ({
       className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
       disabled: saving
     }
-  )), /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "\u914D\u7F6E\u7C7B\u578B ", /* @__PURE__ */ React29.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "\u914D\u7F6E\u7C7B\u578B ", /* @__PURE__ */ React23.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React23.createElement(
     "select",
     {
       value: formData.type,
@@ -4488,11 +4490,11 @@ var AddConfigItemDialog = ({
       className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
       disabled: saving
     },
-    /* @__PURE__ */ React29.createElement("option", { value: "string" }, "\u5B57\u7B26\u4E32"),
-    /* @__PURE__ */ React29.createElement("option", { value: "number" }, "\u6570\u5B57"),
-    /* @__PURE__ */ React29.createElement("option", { value: "boolean" }, "\u5E03\u5C14\u503C"),
-    /* @__PURE__ */ React29.createElement("option", { value: "password" }, "\u5BC6\u7801")
-  )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "\u6392\u5E8F"), /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("option", { value: "string" }, "\u5B57\u7B26\u4E32"),
+    /* @__PURE__ */ React23.createElement("option", { value: "number" }, "\u6570\u5B57"),
+    /* @__PURE__ */ React23.createElement("option", { value: "boolean" }, "\u5E03\u5C14\u503C"),
+    /* @__PURE__ */ React23.createElement("option", { value: "password" }, "\u5BC6\u7801")
+  )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "\u6392\u5E8F"), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "number",
@@ -4502,7 +4504,7 @@ var AddConfigItemDialog = ({
       className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
       disabled: saving
     }
-  ))), /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "\u914D\u7F6E\u503C"), formData.type === "boolean" ? /* @__PURE__ */ React29.createElement(
+  ))), /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "\u914D\u7F6E\u503C"), formData.type === "boolean" ? /* @__PURE__ */ React23.createElement(
     "select",
     {
       value: formData.value,
@@ -4510,10 +4512,10 @@ var AddConfigItemDialog = ({
       className: `w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${errors.value ? "border-red-300" : "border-gray-300"}`,
       disabled: saving
     },
-    /* @__PURE__ */ React29.createElement("option", { value: "" }, "\u8BF7\u9009\u62E9"),
-    /* @__PURE__ */ React29.createElement("option", { value: "true" }, "true"),
-    /* @__PURE__ */ React29.createElement("option", { value: "false" }, "false")
-  ) : /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("option", { value: "" }, "\u8BF7\u9009\u62E9"),
+    /* @__PURE__ */ React23.createElement("option", { value: "true" }, "true"),
+    /* @__PURE__ */ React23.createElement("option", { value: "false" }, "false")
+  ) : /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: formData.type === "password" ? "password" : formData.type === "number" ? "number" : "text",
@@ -4523,7 +4525,7 @@ var AddConfigItemDialog = ({
       className: `w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${errors.value ? "border-red-300" : "border-gray-300"}`,
       disabled: saving
     }
-  ), errors.value && /* @__PURE__ */ React29.createElement("p", { className: "mt-1 text-sm text-red-600" }, errors.value)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "\u9ED8\u8BA4\u503C"), formData.type === "boolean" ? /* @__PURE__ */ React29.createElement(
+  ), errors.value && /* @__PURE__ */ React23.createElement("p", { className: "mt-1 text-sm text-red-600" }, errors.value)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "\u9ED8\u8BA4\u503C"), formData.type === "boolean" ? /* @__PURE__ */ React23.createElement(
     "select",
     {
       value: formData.defaultValue,
@@ -4531,10 +4533,10 @@ var AddConfigItemDialog = ({
       className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
       disabled: saving
     },
-    /* @__PURE__ */ React29.createElement("option", { value: "" }, "\u8BF7\u9009\u62E9"),
-    /* @__PURE__ */ React29.createElement("option", { value: "true" }, "true"),
-    /* @__PURE__ */ React29.createElement("option", { value: "false" }, "false")
-  ) : /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("option", { value: "" }, "\u8BF7\u9009\u62E9"),
+    /* @__PURE__ */ React23.createElement("option", { value: "true" }, "true"),
+    /* @__PURE__ */ React23.createElement("option", { value: "false" }, "false")
+  ) : /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: formData.type === "password" ? "password" : formData.type === "number" ? "number" : "text",
@@ -4544,7 +4546,7 @@ var AddConfigItemDialog = ({
       className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
       disabled: saving
     }
-  ))), /* @__PURE__ */ React29.createElement("div", { className: "flex flex-wrap gap-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React29.createElement(
+  ))), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-wrap gap-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "checkbox",
@@ -4554,7 +4556,7 @@ var AddConfigItemDialog = ({
       className: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded",
       disabled: saving
     }
-  ), /* @__PURE__ */ React29.createElement("label", { htmlFor: "isRequired", className: "ml-2 block text-sm text-gray-900" }, "\u5FC5\u9700\u914D\u7F6E\u9879")), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement("label", { htmlFor: "isRequired", className: "ml-2 block text-sm text-gray-900" }, "\u5FC5\u9700\u914D\u7F6E\u9879")), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "checkbox",
@@ -4564,7 +4566,7 @@ var AddConfigItemDialog = ({
       className: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded",
       disabled: saving
     }
-  ), /* @__PURE__ */ React29.createElement("label", { htmlFor: "isSensitive", className: "ml-2 block text-sm text-gray-900" }, "\u654F\u611F\u4FE1\u606F"))))))), /* @__PURE__ */ React29.createElement("div", { className: "bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse" }, /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement("label", { htmlFor: "isSensitive", className: "ml-2 block text-sm text-gray-900" }, "\u654F\u611F\u4FE1\u606F"))))))), /* @__PURE__ */ React23.createElement("div", { className: "bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       type: "button",
@@ -4572,8 +4574,8 @@ var AddConfigItemDialog = ({
       disabled: saving,
       className: "w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm disabled:opacity-50 disabled:cursor-not-allowed"
     },
-    saving ? /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(Loader, { className: "w-4 h-4 mr-2 animate-spin" }), "\u521B\u5EFA\u4E2D...") : /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(Save, { className: "w-4 h-4 mr-2" }), "\u521B\u5EFA\u914D\u7F6E\u9879")
-  ), /* @__PURE__ */ React29.createElement(
+    saving ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(Loader, { className: "w-4 h-4 mr-2 animate-spin" }), "\u521B\u5EFA\u4E2D...") : /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(Save, { className: "w-4 h-4 mr-2" }), "\u521B\u5EFA\u914D\u7F6E\u9879")
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       type: "button",
@@ -4592,13 +4594,13 @@ var DeleteConfirmDialog = ({
   loading = false
 }) => {
   if (!isOpen || !item) return null;
-  return /* @__PURE__ */ React29.createElement("div", { className: "fixed inset-0 z-50 overflow-y-auto" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" }, /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement("div", { className: "fixed inset-0 z-50 overflow-y-auto" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" }, /* @__PURE__ */ React23.createElement(
     "div",
     {
       className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity",
       onClick: onCancel
     }
-  ), /* @__PURE__ */ React29.createElement("div", { className: "inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, /* @__PURE__ */ React29.createElement("div", { className: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, /* @__PURE__ */ React29.createElement("div", { className: "sm:flex sm:items-start" }, /* @__PURE__ */ React29.createElement("div", { className: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10" }, /* @__PURE__ */ React29.createElement(AlertTriangle, { className: "h-6 w-6 text-red-600" })), /* @__PURE__ */ React29.createElement("div", { className: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-lg leading-6 font-medium text-gray-900" }, "\u5220\u9664\u914D\u7F6E\u9879"), /* @__PURE__ */ React29.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-gray-500" }, "\u786E\u5B9A\u8981\u5220\u9664\u8FD9\u4E2A\u914D\u7F6E\u9879\u5417\uFF1F\u6B64\u64CD\u4F5C\u4E0D\u53EF\u64A4\u9500\u3002"), /* @__PURE__ */ React29.createElement("p", { className: "mt-2 text-sm font-medium text-gray-900" }, /* @__PURE__ */ React29.createElement("span", { className: "font-mono bg-gray-100 px-2 py-1 rounded" }, item.displayName, " (", item.key, ")")))))), /* @__PURE__ */ React29.createElement("div", { className: "bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse" }, /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement("div", { className: "inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, /* @__PURE__ */ React23.createElement("div", { className: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, /* @__PURE__ */ React23.createElement("div", { className: "sm:flex sm:items-start" }, /* @__PURE__ */ React23.createElement("div", { className: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10" }, /* @__PURE__ */ React23.createElement(AlertTriangle, { className: "h-6 w-6 text-red-600" })), /* @__PURE__ */ React23.createElement("div", { className: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg leading-6 font-medium text-gray-900" }, "\u5220\u9664\u914D\u7F6E\u9879"), /* @__PURE__ */ React23.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-gray-500" }, "\u786E\u5B9A\u8981\u5220\u9664\u8FD9\u4E2A\u914D\u7F6E\u9879\u5417\uFF1F\u6B64\u64CD\u4F5C\u4E0D\u53EF\u64A4\u9500\u3002"), /* @__PURE__ */ React23.createElement("p", { className: "mt-2 text-sm font-medium text-gray-900" }, /* @__PURE__ */ React23.createElement("span", { className: "font-mono bg-gray-100 px-2 py-1 rounded" }, item.displayName, " (", item.key, ")")))))), /* @__PURE__ */ React23.createElement("div", { className: "bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       type: "button",
@@ -4606,8 +4608,8 @@ var DeleteConfirmDialog = ({
       disabled: loading,
       className: "w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm disabled:opacity-50 disabled:cursor-not-allowed"
     },
-    loading ? /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(Loader, { className: "w-4 h-4 mr-2 animate-spin" }), "\u5220\u9664\u4E2D...") : "\u5220\u9664"
-  ), /* @__PURE__ */ React29.createElement(
+    loading ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(Loader, { className: "w-4 h-4 mr-2 animate-spin" }), "\u5220\u9664\u4E2D...") : "\u5220\u9664"
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       type: "button",
@@ -4622,1042 +4624,6 @@ var DeleteConfirmDialog = ({
 // src/showmasterpiece/ui/web/pages/ShowMasterPiecesPage.tsx
 init_hooks();
 init_CartContext();
-var AuthContext = createContext(void 0);
-function AuthProvider({ children }) {
-  const [user, setUser] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [isAuthenticated, setIsAuthenticated] = useState(false);
-  const isMountedRef = useRef(true);
-  const safeSetState = useCallback((updater) => {
-    if (isMountedRef.current) {
-      updater();
-    }
-  }, []);
-  const validateSession = useCallback(async () => {
-    console.log("\u{1F50D} [AuthContext] \u5F00\u59CB\u9A8C\u8BC1\u4F1A\u8BDD...");
-    try {
-      const response = await fetch("/api/auth/validate");
-      console.log("\u{1F4E1} [AuthContext] \u4F1A\u8BDD\u9A8C\u8BC1\u54CD\u5E94\u72B6\u6001:", response.status);
-      const data = await response.json();
-      console.log("\u{1F4C4} [AuthContext] \u4F1A\u8BDD\u9A8C\u8BC1\u54CD\u5E94\u6570\u636E:", data);
-      safeSetState(() => {
-        if (data.valid && data.user) {
-          console.log("\u2705 [AuthContext] \u4F1A\u8BDD\u9A8C\u8BC1\u6210\u529F, \u7528\u6237:", data.user);
-          setUser(data.user);
-          setIsAuthenticated(true);
-        } else {
-          console.log("\u274C [AuthContext] \u4F1A\u8BDD\u9A8C\u8BC1\u5931\u8D25:", data.message);
-          setUser(null);
-          setIsAuthenticated(false);
-        }
-        setLoading(false);
-      });
-    } catch (error) {
-      console.error("\u{1F4A5} [AuthContext] \u4F1A\u8BDD\u9A8C\u8BC1\u5F02\u5E38:", error);
-      safeSetState(() => {
-        setUser(null);
-        setIsAuthenticated(false);
-        setLoading(false);
-      });
-    }
-  }, [safeSetState]);
-  const login = useCallback(async (credentials) => {
-    console.log("\u{1F511} [AuthContext] \u5F00\u59CB\u767B\u5F55...");
-    console.log("\u{1F4DD} [AuthContext] \u767B\u5F55\u51ED\u636E:", { phone: credentials.phone, password: "***" });
-    try {
-      console.log("\u{1F4E4} [AuthContext] \u53D1\u9001\u767B\u5F55\u8BF7\u6C42\u5230 /api/auth/login");
-      const response = await fetch("/api/auth/login", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(credentials)
-      });
-      console.log("\u{1F4E1} [AuthContext] \u6536\u5230\u54CD\u5E94\uFF0C\u72B6\u6001\u7801:", response.status);
-      const data = await response.json();
-      console.log("\u{1F4C4} [AuthContext] \u54CD\u5E94\u6570\u636E:", data);
-      if (data.success && data.user) {
-        console.log("\u2705 [AuthContext] \u767B\u5F55\u6210\u529F, \u5F00\u59CB\u66F4\u65B0\u5168\u5C40\u72B6\u6001");
-        console.log("\u{1F464} [AuthContext] \u7528\u6237\u6570\u636E:", data.user);
-        console.log("\u{1F4CA} [AuthContext] \u66F4\u65B0\u524D\u72B6\u6001:", {
-          currentUser: user ? `${user.name || "\u672A\u8BBE\u7F6E"} (${user.phone})` : null,
-          currentIsAuthenticated: isAuthenticated,
-          currentLoading: loading
-        });
-        console.log("\u{1F504} [AuthContext] \u6267\u884C\u5168\u5C40\u72B6\u6001\u66F4\u65B0...");
-        safeSetState(() => {
-          console.log("\u{1F504} [AuthContext] \u6B63\u5728\u8BBE\u7F6E\u7528\u6237:", data.user);
-          setUser(data.user);
-          console.log("\u{1F504} [AuthContext] \u6B63\u5728\u8BBE\u7F6E\u8BA4\u8BC1\u72B6\u6001: true");
-          setIsAuthenticated(true);
-          console.log("\u{1F504} [AuthContext] \u6B63\u5728\u8BBE\u7F6E\u52A0\u8F7D\u72B6\u6001: false");
-          setLoading(false);
-          console.log("\u2705 [AuthContext] \u5168\u5C40\u72B6\u6001\u66F4\u65B0\u5B8C\u6210");
-        });
-        setTimeout(() => {
-          console.log("\u{1F389} [AuthContext] \u5EF6\u8FDF\u786E\u8BA4 - \u5168\u5C40\u767B\u5F55\u72B6\u6001\u5E94\u8BE5\u5DF2\u66F4\u65B0:", {
-            user: data.user,
-            isAuthenticated: true
-          });
-        }, 0);
-        console.log("\u{1F680} [AuthContext] \u8FD4\u56DE\u6210\u529F\u7ED3\u679C");
-        return { success: true, user: data.user };
-      } else {
-        console.log("\u274C [AuthContext] \u767B\u5F55\u5931\u8D25:", data.message);
-        return { success: false, message: data.message };
-      }
-    } catch (error) {
-      console.error("\u{1F4A5} [AuthContext] \u767B\u5F55\u5F02\u5E38:", error);
-      return { success: false, message: "\u767B\u5F55\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5" };
-    }
-  }, [safeSetState, user, isAuthenticated, loading]);
-  const register = useCallback(async (userData) => {
-    console.log("\u{1F4DD} [AuthContext] \u5F00\u59CB\u6CE8\u518C...");
-    try {
-      const response = await fetch("/api/auth/register", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(userData)
-      });
-      const data = await response.json();
-      console.log("\u{1F4E1} [AuthContext] \u6CE8\u518C\u54CD\u5E94:", data);
-      if (data.success && data.user) {
-        console.log("\u2705 [AuthContext] \u6CE8\u518C\u6210\u529F, \u7ACB\u5373\u66F4\u65B0\u5168\u5C40\u72B6\u6001");
-        safeSetState(() => {
-          setUser(data.user);
-          setIsAuthenticated(true);
-          setLoading(false);
-        });
-        console.log("\u{1F680} [AuthContext] \u8FD4\u56DE\u6CE8\u518C\u6210\u529F\u7ED3\u679C");
-        return { success: true, user: data.user };
-      } else {
-        console.log("\u274C [AuthContext] \u6CE8\u518C\u5931\u8D25:", data.message);
-        return { success: false, message: data.message };
-      }
-    } catch (error) {
-      console.error("\u{1F4A5} [AuthContext] \u6CE8\u518C\u5F02\u5E38:", error);
-      return { success: false, message: "\u6CE8\u518C\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5" };
-    }
-  }, [safeSetState]);
-  const logout = useCallback(async () => {
-    console.log("\u{1F6AA} [AuthContext] \u5F00\u59CB\u767B\u51FA...");
-    try {
-      await fetch("/api/auth/logout", { method: "POST" });
-      safeSetState(() => {
-        setUser(null);
-        setIsAuthenticated(false);
-      });
-      console.log("\u2705 [AuthContext] \u767B\u51FA\u6210\u529F, \u5168\u5C40\u72B6\u6001\u5DF2\u6E05\u9664");
-    } catch (error) {
-      console.error("\u{1F4A5} [AuthContext] \u767B\u51FA\u5931\u8D25:", error);
-    }
-  }, [safeSetState]);
-  const refreshUser = useCallback(() => {
-    console.log("\u{1F504} [AuthContext] \u5237\u65B0\u7528\u6237\u4FE1\u606F...");
-    setLoading(true);
-    validateSession();
-  }, [validateSession]);
-  useEffect(() => {
-    isMountedRef.current = true;
-    return () => {
-      isMountedRef.current = false;
-    };
-  }, []);
-  useEffect(() => {
-    console.log("\u{1F680} [AuthContext] \u521D\u59CB\u5316, \u5F00\u59CB\u9A8C\u8BC1\u4F1A\u8BDD");
-    validateSession();
-  }, [validateSession]);
-  useEffect(() => {
-    console.log("\u{1F4CA} [AuthContext] \u5168\u5C40\u72B6\u6001\u53D8\u5316:", {
-      isAuthenticated,
-      user: user ? `${user.name || "\u672A\u8BBE\u7F6E"} (${user.phone})` : null,
-      loading
-    });
-  }, [isAuthenticated, user, loading]);
-  const value = {
-    user,
-    loading,
-    isAuthenticated,
-    login,
-    register,
-    logout,
-    refreshUser
-  };
-  return /* @__PURE__ */ React29.createElement(AuthContext.Provider, { value }, children);
-}
-function useAuth() {
-  const context = useContext(AuthContext);
-  if (context === void 0) {
-    throw new Error("useAuth must be used within an AuthProvider");
-  }
-  return context;
-}
-
-// src/auth/legacy/utils/authUtils.ts
-function validatePhoneNumber(phone) {
-  return /^1[3-9]\d{9}$/.test(phone);
-}
-function validatePassword(password) {
-  if (!password) {
-    return { valid: false, message: "\u5BC6\u7801\u4E0D\u80FD\u4E3A\u7A7A" };
-  }
-  if (password.length < 6) {
-    return { valid: false, message: "\u5BC6\u7801\u957F\u5EA6\u81F3\u5C116\u4F4D" };
-  }
-  return { valid: true };
-}
-function ForgotPasswordModal({ isOpen, onClose, onSuccess }) {
-  const [formData, setFormData] = useState({
-    phone: "",
-    newPassword: "",
-    confirmPassword: "",
-    verificationCode: ""
-  });
-  const [showPassword, setShowPassword] = useState(false);
-  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
-  const [error, setError] = useState("");
-  const [loading, setLoading] = useState(false);
-  const [countdown, setCountdown] = useState(0);
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  const handleInputChange = (e) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({ ...prev, [name]: value }));
-    if (error) setError("");
-  };
-  const validateForm = () => {
-    if (!formData.phone || !formData.newPassword || !formData.confirmPassword || !formData.verificationCode) {
-      setError("\u8BF7\u586B\u5199\u5B8C\u6574\u4FE1\u606F");
-      return false;
-    }
-    if (!validatePhoneNumber(formData.phone)) {
-      setError("\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u624B\u673A\u53F7\u683C\u5F0F");
-      return false;
-    }
-    const passwordValidation = validatePassword(formData.newPassword);
-    if (!passwordValidation.valid) {
-      setError(passwordValidation.message || "\u5BC6\u7801\u683C\u5F0F\u9519\u8BEF");
-      return false;
-    }
-    if (formData.newPassword !== formData.confirmPassword) {
-      setError("\u4E24\u6B21\u8F93\u5165\u7684\u5BC6\u7801\u4E0D\u4E00\u81F4");
-      return false;
-    }
-    if (!/^\d{6}$/.test(formData.verificationCode)) {
-      setError("\u8BF7\u8F93\u51656\u4F4D\u6570\u5B57\u9A8C\u8BC1\u7801");
-      return false;
-    }
-    return true;
-  };
-  const handleSendCode = async () => {
-    if (!formData.phone) {
-      setError("\u8BF7\u8F93\u5165\u624B\u673A\u53F7");
-      return;
-    }
-    if (!validatePhoneNumber(formData.phone)) {
-      setError("\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u624B\u673A\u53F7\u683C\u5F0F");
-      return;
-    }
-    try {
-      setLoading(true);
-      setError("");
-      const response = await fetch("/api/auth/send-verification-code", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ phone: formData.phone })
-      });
-      const data = await response.json();
-      if (data.success) {
-        setCountdown(60);
-        const timer = setInterval(() => {
-          setCountdown((prev) => {
-            if (prev <= 1) {
-              clearInterval(timer);
-              return 0;
-            }
-            return prev - 1;
-          });
-        }, 1e3);
-        console.log("\u2705 \u9A8C\u8BC1\u7801\u53D1\u9001\u6210\u529F");
-      } else {
-        setError(data.message || "\u53D1\u9001\u9A8C\u8BC1\u7801\u5931\u8D25");
-      }
-    } catch (error2) {
-      console.error("\u53D1\u9001\u9A8C\u8BC1\u7801\u5F02\u5E38:", error2);
-      setError("\u53D1\u9001\u9A8C\u8BC1\u7801\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setError("");
-    setLoading(true);
-    try {
-      if (!validateForm()) {
-        return;
-      }
-      const response = await fetch("/api/auth/reset-password", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          phone: formData.phone,
-          newPassword: formData.newPassword,
-          verificationCode: formData.verificationCode
-        })
-      });
-      const data = await response.json();
-      if (data.success) {
-        onSuccess();
-      } else {
-        setError(data.message || "\u91CD\u7F6E\u5BC6\u7801\u5931\u8D25");
-      }
-    } catch (error2) {
-      setError("\u91CD\u7F6E\u5BC6\u7801\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleOverlayClick = (e) => {
-    if (e.target === e.currentTarget) {
-      onClose();
-    }
-  };
-  if (!isOpen || !mounted) return null;
-  const modalContent = /* @__PURE__ */ React29.createElement(
-    "div",
-    {
-      className: "fixed top-0 left-0 right-0 bottom-0 w-screen h-screen bg-black/50 backdrop-blur-sm flex items-center justify-center z-[9999] p-4",
-      style: { margin: 0 },
-      onClick: handleOverlayClick
-    },
-    /* @__PURE__ */ React29.createElement(
-      "div",
-      {
-        className: "bg-white rounded-2xl shadow-xl w-full max-w-[420px] max-h-[90vh] overflow-y-auto relative",
-        onClick: (e) => e.stopPropagation()
-      },
-      /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          className: "absolute top-5 right-5 bg-transparent border-none text-gray-500 cursor-pointer p-2 rounded-lg transition-all hover:bg-gray-100 hover:text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 min-w-9 min-h-9 flex items-center justify-center",
-          onClick: onClose
-        },
-        /* @__PURE__ */ React29.createElement(X, { size: 20 })
-      ),
-      /* @__PURE__ */ React29.createElement("div", { className: "px-6 pt-6 pb-4 text-center border-b border-gray-100" }, /* @__PURE__ */ React29.createElement("h2", { className: "text-2xl font-semibold text-gray-800 mb-2" }, "\u91CD\u7F6E\u5BC6\u7801"), /* @__PURE__ */ React29.createElement("p", { className: "text-gray-500 text-sm" }, "\u8BF7\u8F93\u5165\u624B\u673A\u53F7\u548C\u9A8C\u8BC1\u7801\u91CD\u7F6E\u5BC6\u7801")),
-      /* @__PURE__ */ React29.createElement("form", { onSubmit: handleSubmit, className: "p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React29.createElement("label", { htmlFor: "phone", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React29.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React29.createElement(Phone, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React29.createElement(
-        "input",
-        {
-          id: "phone",
-          name: "phone",
-          type: "tel",
-          value: formData.phone,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u624B\u673A\u53F7",
-          className: "w-full py-3 px-4 pl-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ))), /* @__PURE__ */ React29.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React29.createElement("label", { htmlFor: "verificationCode", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u9A8C\u8BC1\u7801"), /* @__PURE__ */ React29.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React29.createElement(
-        "input",
-        {
-          id: "verificationCode",
-          name: "verificationCode",
-          type: "text",
-          value: formData.verificationCode,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801",
-          className: "w-full py-3 px-4 pr-28 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading,
-          maxLength: 6
-        }
-      ), /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          type: "button",
-          className: "absolute right-2 top-1/2 -translate-y-1/2 bg-transparent border-none text-blue-500 text-sm font-medium cursor-pointer px-2 py-1 rounded transition-all whitespace-nowrap hover:bg-blue-50 disabled:text-gray-400 disabled:cursor-not-allowed",
-          onClick: handleSendCode,
-          disabled: loading || countdown > 0
-        },
-        countdown > 0 ? `${countdown}\u79D2\u540E\u91CD\u8BD5` : "\u53D1\u9001\u9A8C\u8BC1\u7801"
-      ))), /* @__PURE__ */ React29.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React29.createElement("label", { htmlFor: "newPassword", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u65B0\u5BC6\u7801"), /* @__PURE__ */ React29.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React29.createElement(Lock, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React29.createElement(
-        "input",
-        {
-          id: "newPassword",
-          name: "newPassword",
-          type: showPassword ? "text" : "password",
-          value: formData.newPassword,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u65B0\u5BC6\u7801",
-          className: "w-full py-3 px-4 pl-12 pr-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ), /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          type: "button",
-          className: "absolute right-4 bg-transparent border-none text-gray-400 cursor-pointer p-1 rounded transition-all flex items-center justify-center min-w-6 min-h-6 hover:text-gray-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50",
-          onClick: () => setShowPassword(!showPassword),
-          disabled: loading
-        },
-        showPassword ? /* @__PURE__ */ React29.createElement(EyeOff, { size: 18 }) : /* @__PURE__ */ React29.createElement(Eye, { size: 18 })
-      ))), /* @__PURE__ */ React29.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React29.createElement("label", { htmlFor: "confirmPassword", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u786E\u8BA4\u5BC6\u7801"), /* @__PURE__ */ React29.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React29.createElement(Lock, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React29.createElement(
-        "input",
-        {
-          id: "confirmPassword",
-          name: "confirmPassword",
-          type: showConfirmPassword ? "text" : "password",
-          value: formData.confirmPassword,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u518D\u6B21\u8F93\u5165\u65B0\u5BC6\u7801",
-          className: "w-full py-3 px-4 pl-12 pr-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ), /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          type: "button",
-          className: "absolute right-4 bg-transparent border-none text-gray-400 cursor-pointer p-1 rounded transition-all flex items-center justify-center min-w-6 min-h-6 hover:text-gray-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50",
-          onClick: () => setShowConfirmPassword(!showConfirmPassword),
-          disabled: loading
-        },
-        showConfirmPassword ? /* @__PURE__ */ React29.createElement(EyeOff, { size: 18 }) : /* @__PURE__ */ React29.createElement(Eye, { size: 18 })
-      ))), error && /* @__PURE__ */ React29.createElement("div", { className: "text-red-500 text-sm my-4 p-3 bg-red-50 border border-red-200 rounded-lg leading-relaxed" }, error), /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          type: "submit",
-          className: "w-full bg-blue-500 text-white border-none py-3.5 px-6 rounded-lg text-base font-medium cursor-pointer transition-all mt-2 min-h-[52px] hover:bg-blue-600 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-blue-500/30 active:translate-y-0 disabled:bg-gray-400 disabled:cursor-not-allowed disabled:transform-none disabled:shadow-none focus:outline-none focus:ring-2 focus:ring-blue-700 focus:ring-offset-2",
-          disabled: loading
-        },
-        loading ? "\u63D0\u4EA4\u4E2D..." : "\u91CD\u7F6E\u5BC6\u7801"
-      ))
-    )
-  );
-  return createPortal(modalContent, document.body);
-}
-
-// src/auth/legacy/components/LoginModal.tsx
-function LoginModal({ isOpen, onClose, onSuccess, onSwitchToRegister }) {
-  const { login } = useAuth();
-  const [formData, setFormData] = useState({
-    phone: "",
-    password: ""
-  });
-  const [showPassword, setShowPassword] = useState(false);
-  const [error, setError] = useState("");
-  const [loading, setLoading] = useState(false);
-  const [showForgotPassword, setShowForgotPassword] = useState(false);
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  const fillDemoAccount = (type) => {
-    if (process.env.NODE_ENV === "development") {
-      const accounts = {
-        admin: { phone: "13800138000", password: "admin123456" },
-        user: { phone: "13900139000", password: "test123456" }
-      };
-      setFormData(accounts[type]);
-      setError("");
-    }
-  };
-  const handleInputChange = (e) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({ ...prev, [name]: value }));
-    if (error) setError("");
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setError("");
-    setLoading(true);
-    console.log("\u{1F504} [LoginModal] handleSubmit \u5F00\u59CB");
-    try {
-      if (!formData.phone || !formData.password) {
-        console.log("\u274C [LoginModal] \u524D\u7AEF\u9A8C\u8BC1\u5931\u8D25: \u4FE1\u606F\u4E0D\u5B8C\u6574");
-        setError("\u8BF7\u586B\u5199\u5B8C\u6574\u4FE1\u606F");
-        return;
-      }
-      if (!validatePhoneNumber(formData.phone)) {
-        console.log("\u274C [LoginModal] \u524D\u7AEF\u9A8C\u8BC1\u5931\u8D25: \u624B\u673A\u53F7\u683C\u5F0F\u9519\u8BEF");
-        setError("\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u624B\u673A\u53F7");
-        return;
-      }
-      console.log("\u2705 [LoginModal] \u524D\u7AEF\u9A8C\u8BC1\u901A\u8FC7");
-      console.log("\u{1F511} [LoginModal] \u63D0\u4EA4\u767B\u5F55\u8868\u5355:", {
-        phone: formData.phone,
-        password: "***"
-      });
-      console.log("\u{1F4DE} [LoginModal] \u51C6\u5907\u8C03\u7528 useAuth.login()...");
-      const result = await login(formData);
-      console.log("\u{1F4E1} [LoginModal] useAuth.login() \u8FD4\u56DE\u7ED3\u679C:", result);
-      if (result.success) {
-        console.log("\u2705 [LoginModal] \u767B\u5F55\u6210\u529F\uFF0C\u51C6\u5907\u8C03\u7528 onSuccess()");
-        console.log("\u{1F464} [LoginModal] \u767B\u5F55\u6210\u529F\u7684\u7528\u6237\u4FE1\u606F:", result.user);
-        setTimeout(() => {
-          console.log("\u{1F3AF} [LoginModal] \u8C03\u7528 onSuccess \u56DE\u8C03");
-          onSuccess();
-          console.log("\u{1F3C1} [LoginModal] onSuccess \u8C03\u7528\u5B8C\u6210");
-        }, 100);
-      } else {
-        console.log("\u274C [LoginModal] \u767B\u5F55\u5931\u8D25:", result.message);
-        setError(result.message || "\u767B\u5F55\u5931\u8D25");
-      }
-    } catch (error2) {
-      console.error("\u{1F4A5} [LoginModal] \u767B\u5F55\u5F02\u5E38:", error2);
-      setError("\u767B\u5F55\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
-    } finally {
-      console.log("\u{1F51A} [LoginModal] handleSubmit \u7ED3\u675F\uFF0C\u8BBE\u7F6E loading = false");
-      setLoading(false);
-    }
-  };
-  const handleOverlayClick = (e) => {
-    if (e.target === e.currentTarget) {
-      onClose();
-    }
-  };
-  if (!isOpen || !mounted) return null;
-  const modalContent = /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(
-    "div",
-    {
-      className: "fixed top-0 left-0 right-0 bottom-0 w-screen h-screen bg-black/50 backdrop-blur-sm flex items-center justify-center z-[9999] p-4",
-      style: { margin: 0 },
-      onClick: handleOverlayClick
-    },
-    /* @__PURE__ */ React29.createElement(
-      "div",
-      {
-        className: "bg-white rounded-2xl shadow-xl w-full max-w-[420px] max-h-[90vh] overflow-y-auto relative",
-        onClick: (e) => e.stopPropagation()
-      },
-      /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          className: "absolute top-5 right-5 bg-transparent border-none text-gray-500 cursor-pointer p-2 rounded-lg transition-all hover:bg-gray-100 hover:text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 min-w-9 min-h-9 flex items-center justify-center",
-          onClick: onClose
-        },
-        /* @__PURE__ */ React29.createElement(X, { size: 20 })
-      ),
-      /* @__PURE__ */ React29.createElement("div", { className: "px-6 pt-6 pb-4 text-center border-b border-gray-100" }, /* @__PURE__ */ React29.createElement("h2", { className: "text-2xl font-semibold text-gray-800 mb-2" }, "\u7528\u6237\u767B\u5F55"), /* @__PURE__ */ React29.createElement("p", { className: "text-gray-500 text-sm" }, "\u8BF7\u8F93\u5165\u60A8\u7684\u624B\u673A\u53F7\u548C\u5BC6\u7801")),
-      process.env.NODE_ENV === "development" && /* @__PURE__ */ React29.createElement("div", { className: "px-6 py-4 bg-amber-50 border-b border-gray-100" }, /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-amber-800 font-medium mb-2" }, "\u5F00\u53D1\u73AF\u5883\u5FEB\u6377\u767B\u5F55\uFF1A"), /* @__PURE__ */ React29.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: () => fillDemoAccount("admin"),
-          className: "px-3 py-1.5 text-xs bg-amber-400 text-amber-900 border-none rounded-md cursor-pointer transition-all font-medium hover:bg-amber-500"
-        },
-        "\u7BA1\u7406\u5458\u8D26\u53F7"
-      ), /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: () => fillDemoAccount("user"),
-          className: "px-3 py-1.5 text-xs bg-amber-400 text-amber-900 border-none rounded-md cursor-pointer transition-all font-medium hover:bg-amber-500"
-        },
-        "\u7528\u6237\u8D26\u53F7"
-      ))),
-      /* @__PURE__ */ React29.createElement("form", { onSubmit: handleSubmit, className: "p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React29.createElement("label", { htmlFor: "phone", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React29.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React29.createElement(User, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React29.createElement(
-        "input",
-        {
-          id: "phone",
-          name: "phone",
-          type: "tel",
-          value: formData.phone,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u624B\u673A\u53F7",
-          className: "w-full py-3 px-4 pl-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ))), /* @__PURE__ */ React29.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React29.createElement("label", { htmlFor: "password", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u5BC6\u7801"), /* @__PURE__ */ React29.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React29.createElement(Lock, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React29.createElement(
-        "input",
-        {
-          id: "password",
-          name: "password",
-          type: showPassword ? "text" : "password",
-          value: formData.password,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801",
-          className: "w-full py-3 px-4 pl-12 pr-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ), /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          type: "button",
-          className: "absolute right-4 bg-transparent border-none text-gray-400 cursor-pointer p-1 rounded transition-all flex items-center justify-center min-w-6 min-h-6 hover:text-gray-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50",
-          onClick: () => setShowPassword(!showPassword),
-          disabled: loading
-        },
-        showPassword ? /* @__PURE__ */ React29.createElement(EyeOff, { size: 18 }) : /* @__PURE__ */ React29.createElement(Eye, { size: 18 })
-      ))), /* @__PURE__ */ React29.createElement("div", { className: "text-right -mt-2 mb-4" }, /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: () => setShowForgotPassword(true),
-          className: "bg-transparent border-none text-blue-500 cursor-pointer text-sm font-medium underline px-1 py-0.5 rounded transition-all hover:text-blue-600 hover:bg-blue-50 hover:no-underline focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
-        },
-        "\u5FD8\u8BB0\u5BC6\u7801\uFF1F"
-      )), error && /* @__PURE__ */ React29.createElement("div", { className: "text-red-500 text-sm my-4 p-3 bg-red-50 border border-red-200 rounded-lg leading-relaxed" }, error), /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          type: "submit",
-          className: "w-full bg-blue-500 text-white border-none py-3.5 px-6 rounded-lg text-base font-medium cursor-pointer transition-all mt-2 min-h-[52px] hover:bg-blue-600 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-blue-500/30 active:translate-y-0 disabled:bg-gray-400 disabled:cursor-not-allowed disabled:transform-none disabled:shadow-none focus:outline-none focus:ring-2 focus:ring-blue-700 focus:ring-offset-2",
-          disabled: loading
-        },
-        loading ? "\u767B\u5F55\u4E2D..." : "\u767B\u5F55"
-      ), onSwitchToRegister && /* @__PURE__ */ React29.createElement("div", { className: "text-center mt-5 pt-4 border-t border-gray-100" }, /* @__PURE__ */ React29.createElement("span", { className: "text-gray-500 text-sm mr-1" }, "\u8FD8\u6CA1\u6709\u8D26\u53F7\uFF1F"), /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: onSwitchToRegister,
-          className: "bg-transparent border-none text-blue-500 cursor-pointer text-sm font-medium underline px-1 py-0.5 rounded transition-all hover:text-blue-600 hover:bg-blue-50 hover:no-underline focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
-        },
-        "\u7ACB\u5373\u6CE8\u518C"
-      )))
-    )
-  ), /* @__PURE__ */ React29.createElement(
-    ForgotPasswordModal,
-    {
-      isOpen: showForgotPassword,
-      onClose: () => setShowForgotPassword(false),
-      onSuccess: () => {
-        setShowForgotPassword(false);
-        onSuccess();
-      }
-    }
-  ));
-  return createPortal(modalContent, document.body);
-}
-
-// src/auth/legacy/components/AuthGuard.tsx
-function AuthGuard({
-  children,
-  fallback,
-  requireAuth = true
-}) {
-  const { isAuthenticated, loading, refreshUser } = useAuth();
-  const [showLoginModal, setShowLoginModal] = useState(false);
-  useEffect(() => {
-    if (!loading && requireAuth && !isAuthenticated) {
-      setShowLoginModal(true);
-    }
-  }, [loading, requireAuth, isAuthenticated]);
-  const handleLoginSuccess = () => {
-    refreshUser();
-    setShowLoginModal(false);
-  };
-  if (loading) {
-    return /* @__PURE__ */ React29.createElement("div", { style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      minHeight: "200px",
-      color: "#6b7280",
-      flexDirection: "column",
-      gap: "12px"
-    } }, /* @__PURE__ */ React29.createElement("div", { style: {
-      width: "32px",
-      height: "32px",
-      border: "3px solid #e5e7eb",
-      borderTop: "3px solid #3b82f6",
-      borderRadius: "50%",
-      animation: "spin 1s linear infinite"
-    } }), /* @__PURE__ */ React29.createElement("div", null, "\u9A8C\u8BC1\u767B\u5F55\u72B6\u6001..."));
-  }
-  if (requireAuth && !isAuthenticated) {
-    return /* @__PURE__ */ React29.createElement(React29.Fragment, null, fallback || /* @__PURE__ */ React29.createElement("div", { style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      minHeight: "200px",
-      color: "#6b7280",
-      flexDirection: "column",
-      gap: "16px",
-      padding: "24px",
-      textAlign: "center"
-    } }, /* @__PURE__ */ React29.createElement("div", { style: {
-      fontSize: "48px",
-      opacity: 0.5
-    } }, "\u{1F512}"), /* @__PURE__ */ React29.createElement("div", { style: {
-      fontSize: "18px",
-      fontWeight: "500"
-    } }, "\u8BF7\u5148\u767B\u5F55\u4EE5\u8BBF\u95EE\u6B64\u9875\u9762"), /* @__PURE__ */ React29.createElement("div", { style: {
-      fontSize: "14px",
-      opacity: 0.7
-    } }, "\u767B\u5F55\u540E\u5373\u53EF\u67E5\u770B\u76F8\u5173\u5185\u5BB9")), /* @__PURE__ */ React29.createElement(
-      LoginModal,
-      {
-        isOpen: showLoginModal,
-        onClose: () => setShowLoginModal(false),
-        onSuccess: handleLoginSuccess
-      }
-    ));
-  }
-  return /* @__PURE__ */ React29.createElement(React29.Fragment, null, children);
-}
-function RegisterModal({ isOpen, onClose, onSuccess, onSwitchToLogin }) {
-  const { register } = useAuth();
-  const [formData, setFormData] = useState({
-    phone: "",
-    password: "",
-    confirmPassword: "",
-    name: ""
-  });
-  const [showPassword, setShowPassword] = useState(false);
-  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
-  const [error, setError] = useState("");
-  const [loading, setLoading] = useState(false);
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  const handleInputChange = (e) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({ ...prev, [name]: value }));
-    if (error) setError("");
-  };
-  const validateForm = () => {
-    if (!formData.phone || !formData.password || !formData.confirmPassword) {
-      setError("\u8BF7\u586B\u5199\u5FC5\u8981\u4FE1\u606F");
-      return false;
-    }
-    if (!validatePhoneNumber(formData.phone)) {
-      setError("\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u624B\u673A\u53F7\u683C\u5F0F");
-      return false;
-    }
-    const passwordValidation = validatePassword(formData.password);
-    if (!passwordValidation.valid) {
-      setError(passwordValidation.message || "\u5BC6\u7801\u683C\u5F0F\u9519\u8BEF");
-      return false;
-    }
-    if (formData.password !== formData.confirmPassword) {
-      setError("\u4E24\u6B21\u8F93\u5165\u7684\u5BC6\u7801\u4E0D\u4E00\u81F4");
-      return false;
-    }
-    return true;
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setError("");
-    setLoading(true);
-    try {
-      if (!validateForm()) {
-        return;
-      }
-      console.log("\u{1F4DD} [RegisterModal] \u63D0\u4EA4\u6CE8\u518C\u8868\u5355:", {
-        phone: formData.phone,
-        name: formData.name || "\u672A\u8BBE\u7F6E",
-        password: "***"
-      });
-      const result = await register({
-        phone: formData.phone,
-        password: formData.password,
-        name: formData.name || void 0
-      });
-      if (result.success) {
-        console.log("\u2705 [RegisterModal] \u6CE8\u518C\u6210\u529F");
-        onSuccess();
-      } else {
-        console.log("\u274C [RegisterModal] \u6CE8\u518C\u5931\u8D25:", result.message);
-        setError(result.message || "\u6CE8\u518C\u5931\u8D25");
-      }
-    } catch (error2) {
-      console.error("\u{1F4A5} [RegisterModal] \u6CE8\u518C\u5F02\u5E38:", error2);
-      setError("\u6CE8\u518C\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleOverlayClick = (e) => {
-    if (e.target === e.currentTarget) {
-      onClose();
-    }
-  };
-  if (!isOpen || !mounted) return null;
-  const modalContent = /* @__PURE__ */ React29.createElement(
-    "div",
-    {
-      className: "fixed top-0 left-0 right-0 bottom-0 w-screen h-screen bg-black/50 backdrop-blur-sm flex items-center justify-center z-[9999] p-4",
-      style: { margin: 0 },
-      onClick: handleOverlayClick
-    },
-    /* @__PURE__ */ React29.createElement(
-      "div",
-      {
-        className: "bg-white rounded-2xl shadow-xl w-full max-w-[420px] max-h-[90vh] overflow-y-auto relative",
-        onClick: (e) => e.stopPropagation()
-      },
-      /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          className: "absolute top-5 right-5 bg-transparent border-none text-gray-500 cursor-pointer p-2 rounded-lg transition-all hover:bg-gray-100 hover:text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 min-w-9 min-h-9 flex items-center justify-center",
-          onClick: onClose
-        },
-        /* @__PURE__ */ React29.createElement(X, { size: 20 })
-      ),
-      /* @__PURE__ */ React29.createElement("div", { className: "px-6 pt-6 pb-4 text-center border-b border-gray-100" }, /* @__PURE__ */ React29.createElement("h2", { className: "text-2xl font-semibold text-gray-800 mb-2" }, "\u7528\u6237\u6CE8\u518C"), /* @__PURE__ */ React29.createElement("p", { className: "text-gray-500 text-sm" }, "\u8BF7\u586B\u5199\u4EE5\u4E0B\u4FE1\u606F\u521B\u5EFA\u8D26\u6237")),
-      /* @__PURE__ */ React29.createElement("form", { onSubmit: handleSubmit, className: "p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React29.createElement("label", { htmlFor: "phone", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u624B\u673A\u53F7 *"), /* @__PURE__ */ React29.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React29.createElement(Phone, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React29.createElement(
-        "input",
-        {
-          id: "phone",
-          name: "phone",
-          type: "tel",
-          value: formData.phone,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u624B\u673A\u53F7",
-          className: "w-full py-3 px-4 pl-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ))), /* @__PURE__ */ React29.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React29.createElement("label", { htmlFor: "name", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u59D3\u540D"), /* @__PURE__ */ React29.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React29.createElement(User, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React29.createElement(
-        "input",
-        {
-          id: "name",
-          name: "name",
-          type: "text",
-          value: formData.name,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u59D3\u540D\uFF08\u53EF\u9009\uFF09",
-          className: "w-full py-3 px-4 pl-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ))), /* @__PURE__ */ React29.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React29.createElement("label", { htmlFor: "password", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u5BC6\u7801 *"), /* @__PURE__ */ React29.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React29.createElement(Lock, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React29.createElement(
-        "input",
-        {
-          id: "password",
-          name: "password",
-          type: showPassword ? "text" : "password",
-          value: formData.password,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801\uFF08\u81F3\u5C116\u4F4D\uFF09",
-          className: "w-full py-3 px-4 pl-12 pr-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ), /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          type: "button",
-          className: "absolute right-4 bg-transparent border-none text-gray-400 cursor-pointer p-1 rounded transition-all flex items-center justify-center min-w-6 min-h-6 hover:text-gray-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50",
-          onClick: () => setShowPassword(!showPassword),
-          disabled: loading
-        },
-        showPassword ? /* @__PURE__ */ React29.createElement(EyeOff, { size: 18 }) : /* @__PURE__ */ React29.createElement(Eye, { size: 18 })
-      ))), /* @__PURE__ */ React29.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React29.createElement("label", { htmlFor: "confirmPassword", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u786E\u8BA4\u5BC6\u7801 *"), /* @__PURE__ */ React29.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React29.createElement(Lock, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React29.createElement(
-        "input",
-        {
-          id: "confirmPassword",
-          name: "confirmPassword",
-          type: showConfirmPassword ? "text" : "password",
-          value: formData.confirmPassword,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u518D\u6B21\u8F93\u5165\u5BC6\u7801",
-          className: "w-full py-3 px-4 pl-12 pr-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ), /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          type: "button",
-          className: "absolute right-4 bg-transparent border-none text-gray-400 cursor-pointer p-1 rounded transition-all flex items-center justify-center min-w-6 min-h-6 hover:text-gray-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50",
-          onClick: () => setShowConfirmPassword(!showConfirmPassword),
-          disabled: loading
-        },
-        showConfirmPassword ? /* @__PURE__ */ React29.createElement(EyeOff, { size: 18 }) : /* @__PURE__ */ React29.createElement(Eye, { size: 18 })
-      ))), error && /* @__PURE__ */ React29.createElement("div", { className: "text-red-500 text-sm my-4 p-3 bg-red-50 border border-red-200 rounded-lg leading-relaxed" }, error), /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          type: "submit",
-          className: "w-full bg-blue-500 text-white border-none py-3.5 px-6 rounded-lg text-base font-medium cursor-pointer transition-all mt-2 min-h-[52px] hover:bg-blue-600 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-blue-500/30 active:translate-y-0 disabled:bg-gray-400 disabled:cursor-not-allowed disabled:transform-none disabled:shadow-none focus:outline-none focus:ring-2 focus:ring-blue-700 focus:ring-offset-2",
-          disabled: loading
-        },
-        loading ? "\u6CE8\u518C\u4E2D..." : "\u6CE8\u518C"
-      ), onSwitchToLogin && /* @__PURE__ */ React29.createElement("div", { className: "text-center mt-5 pt-4 border-t border-gray-100" }, /* @__PURE__ */ React29.createElement("span", { className: "text-gray-500 text-sm mr-1" }, "\u5DF2\u6709\u8D26\u53F7\uFF1F"), /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: onSwitchToLogin,
-          className: "bg-transparent border-none text-blue-500 cursor-pointer text-sm font-medium underline px-1 py-0.5 rounded transition-all hover:text-blue-600 hover:bg-blue-50 hover:no-underline focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
-        },
-        "\u7ACB\u5373\u767B\u5F55"
-      )))
-    )
-  );
-  return createPortal(modalContent, document.body);
-}
-
-// src/auth/legacy/components/UserMenu.tsx
-function UserMenu({ customMenuItems = [], className }) {
-  const { user, isAuthenticated, logout } = useAuth();
-  const [isOpen, setIsOpen] = useState(false);
-  const [showLoginModal, setShowLoginModal] = useState(false);
-  const [showRegisterModal, setShowRegisterModal] = useState(false);
-  const toggleMenu = () => {
-    setIsOpen(!isOpen);
-  };
-  const handleMenuClick = (e) => {
-    e.stopPropagation();
-  };
-  const handleCustomMenuClick = (item) => {
-    console.log(`\u{1F527} [UserMenu] \u81EA\u5B9A\u4E49\u83DC\u5355\u9879\u88AB\u70B9\u51FB: ${item.label}`);
-    item.onClick();
-    setIsOpen(false);
-  };
-  const handleLogin = () => {
-    console.log("\u{1F511} [UserMenu] \u767B\u5F55\u6309\u94AE\u88AB\u70B9\u51FB");
-    setShowLoginModal(true);
-    setIsOpen(false);
-  };
-  const handleRegister = () => {
-    console.log("\u{1F4DD} [UserMenu] \u6CE8\u518C\u6309\u94AE\u88AB\u70B9\u51FB");
-    setShowRegisterModal(true);
-    setIsOpen(false);
-  };
-  const handleLogout = async () => {
-    console.log("\u{1F6AA} [UserMenu] \u9000\u51FA\u767B\u5F55\u6309\u94AE\u88AB\u70B9\u51FB");
-    try {
-      await logout();
-      console.log("\u2705 [UserMenu] \u9000\u51FA\u767B\u5F55\u6210\u529F");
-    } catch (error) {
-      console.error("\u9000\u51FA\u767B\u5F55\u5931\u8D25:", error);
-    }
-    setIsOpen(false);
-  };
-  const handleAuthSuccess = () => {
-    console.log("\u{1F389} [UserMenu] \u8BA4\u8BC1\u6210\u529F\u56DE\u8C03\u88AB\u8C03\u7528");
-    console.log("\u{1F464} [UserMenu] \u5F53\u524DuseAuth\u72B6\u6001:", {
-      user: user ? `${user.name || "\u672A\u8BBE\u7F6E"} (${user.phone})` : null,
-      isAuthenticated
-    });
-    setShowLoginModal(false);
-    setShowRegisterModal(false);
-    console.log("\u2705 [UserMenu] \u8BA4\u8BC1\u6210\u529F\u5904\u7406\u5B8C\u6210 - \u6A21\u6001\u6846\u5DF2\u5173\u95ED");
-    setTimeout(() => {
-      console.log("\u{1F50D} [UserMenu] \u5EF6\u8FDF\u72B6\u6001\u68C0\u67E5:", {
-        user: user ? `${user.name || "\u672A\u8BBE\u7F6E"} (${user.phone})` : null,
-        isAuthenticated
-      });
-    }, 500);
-  };
-  const handleSwitchToRegister = () => {
-    console.log("\u{1F504} [UserMenu] \u4ECE\u767B\u5F55\u5207\u6362\u5230\u6CE8\u518C");
-    setShowLoginModal(false);
-    setShowRegisterModal(true);
-  };
-  const handleSwitchToLogin = () => {
-    console.log("\u{1F504} [UserMenu] \u4ECE\u6CE8\u518C\u5207\u6362\u5230\u767B\u5F55");
-    setShowRegisterModal(false);
-    setShowLoginModal(true);
-  };
-  const getVisibleCustomMenuItems = () => {
-    return customMenuItems.filter((item) => {
-      if (item.requireAuth === true) {
-        return isAuthenticated;
-      }
-      if (item.requireAuth === false) {
-        return !isAuthenticated;
-      }
-      return true;
-    });
-  };
-  React29.useEffect(() => {
-    const handleGlobalClick = () => {
-      setIsOpen(false);
-    };
-    if (isOpen) {
-      document.addEventListener("click", handleGlobalClick);
-    }
-    return () => {
-      document.removeEventListener("click", handleGlobalClick);
-    };
-  }, [isOpen]);
-  const visibleCustomMenuItems = getVisibleCustomMenuItems();
-  return /* @__PURE__ */ React29.createElement("div", { className: `relative inline-block ${className || ""}` }, /* @__PURE__ */ React29.createElement(
-    "button",
-    {
-      className: "flex items-center gap-2 px-3 py-2 bg-slate-50 text-slate-500 border border-slate-200 rounded-lg cursor-pointer transition-all min-w-11 min-h-11 text-sm font-medium hover:bg-slate-200 hover:text-slate-800 focus:outline-none focus:ring-2 focus:ring-blue-500/10",
-      onClick: toggleMenu
-    },
-    /* @__PURE__ */ React29.createElement(User, { size: 24 }),
-    isAuthenticated && user && /* @__PURE__ */ React29.createElement("span", { className: "max-w-[120px] overflow-hidden text-ellipsis whitespace-nowrap" }, user.name || user.phone)
-  ), isOpen && /* @__PURE__ */ React29.createElement(
-    "div",
-    {
-      className: "absolute top-[calc(100%+0.5rem)] right-0 z-[1000] min-w-[200px] bg-white border border-slate-200 rounded-xl shadow-lg max-h-[90vh] overflow-y-auto p-2 animate-in slide-in-from-top-2 fade-in duration-200",
-      onClick: handleMenuClick
-    },
-    isAuthenticated && user ? (
-      // 已登录状态的菜单
-      /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement("div", { className: "p-3 mb-2 bg-slate-50 rounded-lg" }, /* @__PURE__ */ React29.createElement("div", { className: "text-sm font-semibold text-slate-800 mb-1 overflow-hidden text-ellipsis whitespace-nowrap" }, user.name || "\u672A\u8BBE\u7F6E\u540D\u79F0"), /* @__PURE__ */ React29.createElement("div", { className: "text-xs text-slate-500 mb-1 overflow-hidden text-ellipsis whitespace-nowrap" }, user.phone), /* @__PURE__ */ React29.createElement("div", { className: "text-xs text-blue-500 font-medium" }, user.role === "admin" ? "\u7BA1\u7406\u5458" : "\u666E\u901A\u7528\u6237")), visibleCustomMenuItems.length > 0 && /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement("div", { className: "h-px bg-slate-200 my-2" }), visibleCustomMenuItems.map((item) => {
-        const IconComponent = item.icon;
-        return /* @__PURE__ */ React29.createElement(
-          "button",
-          {
-            key: item.id,
-            className: "flex items-center gap-3 w-full p-3 bg-transparent border-none rounded-lg text-gray-700 text-sm font-medium cursor-pointer transition-all text-left min-h-11 hover:bg-slate-100 hover:text-slate-800 focus:outline-none focus:bg-slate-100 focus:ring-2 focus:ring-blue-500/10",
-            onClick: () => handleCustomMenuClick(item)
-          },
-          IconComponent && /* @__PURE__ */ React29.createElement(IconComponent, { size: 16 }),
-          /* @__PURE__ */ React29.createElement("span", null, item.label)
-        );
-      })), /* @__PURE__ */ React29.createElement("div", { className: "h-px bg-slate-200 my-2" }), /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          className: "flex items-center gap-3 w-full p-3 bg-transparent border-none rounded-lg text-gray-700 text-sm font-medium cursor-pointer transition-all text-left min-h-11 hover:bg-red-50 hover:text-red-600 focus:outline-none focus:bg-red-50 focus:text-red-600 focus:ring-2 focus:ring-red-500/10",
-          onClick: handleLogout
-        },
-        /* @__PURE__ */ React29.createElement(LogOut, { size: 16 }),
-        /* @__PURE__ */ React29.createElement("span", null, "\u9000\u51FA\u767B\u5F55")
-      ))
-    ) : (
-      // 未登录状态的菜单
-      /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          className: "flex items-center gap-3 w-full p-3 bg-transparent border-none rounded-lg text-gray-700 text-sm font-medium cursor-pointer transition-all text-left min-h-11 hover:bg-slate-100 hover:text-slate-800 focus:outline-none focus:bg-slate-100 focus:ring-2 focus:ring-blue-500/10",
-          onClick: handleLogin
-        },
-        /* @__PURE__ */ React29.createElement(LogIn, { size: 16 }),
-        /* @__PURE__ */ React29.createElement("span", null, "\u767B\u5F55")
-      ), /* @__PURE__ */ React29.createElement(
-        "button",
-        {
-          className: "flex items-center gap-3 w-full p-3 bg-transparent border-none rounded-lg text-gray-700 text-sm font-medium cursor-pointer transition-all text-left min-h-11 hover:bg-slate-100 hover:text-slate-800 focus:outline-none focus:bg-slate-100 focus:ring-2 focus:ring-blue-500/10",
-          onClick: handleRegister
-        },
-        /* @__PURE__ */ React29.createElement(User, { size: 16 }),
-        /* @__PURE__ */ React29.createElement("span", null, "\u6CE8\u518C")
-      ), visibleCustomMenuItems.length > 0 && /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement("div", { className: "h-px bg-slate-200 my-2" }), visibleCustomMenuItems.map((item) => {
-        const IconComponent = item.icon;
-        return /* @__PURE__ */ React29.createElement(
-          "button",
-          {
-            key: item.id,
-            className: "flex items-center gap-3 w-full p-3 bg-transparent border-none rounded-lg text-gray-700 text-sm font-medium cursor-pointer transition-all text-left min-h-11 hover:bg-slate-100 hover:text-slate-800 focus:outline-none focus:bg-slate-100 focus:ring-2 focus:ring-blue-500/10",
-            onClick: () => handleCustomMenuClick(item)
-          },
-          IconComponent && /* @__PURE__ */ React29.createElement(IconComponent, { size: 16 }),
-          /* @__PURE__ */ React29.createElement("span", null, item.label)
-        );
-      })))
-    )
-  ), /* @__PURE__ */ React29.createElement(
-    LoginModal,
-    {
-      isOpen: showLoginModal,
-      onClose: () => setShowLoginModal(false),
-      onSuccess: handleAuthSuccess,
-      onSwitchToRegister: handleSwitchToRegister
-    }
-  ), /* @__PURE__ */ React29.createElement(
-    RegisterModal,
-    {
-      isOpen: showRegisterModal,
-      onClose: () => setShowRegisterModal(false),
-      onSuccess: handleAuthSuccess,
-      onSwitchToLogin: handleSwitchToLogin
-    }
-  ));
-}
-
-// src/showmasterpiece/ui/web/pages/ShowMasterPiecesPage.tsx
 function ShowMasterPiecesContent() {
   const {
     collections,
@@ -5765,8 +4731,8 @@ function ShowMasterPiecesContent() {
     console.log("\u274C [ShowMasterPieces] \u7528\u6237\u53D6\u6D88\u4E3B\u9875\u5F39\u7A97:", configId);
     cancelPopup(configId);
   };
-  const renderLoading = () => /* @__PURE__ */ React29.createElement("div", { className: "min-h-screen bg-gradient-to-br from-white to-prussian-blue-900/5 overflow-x-hidden" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col items-center justify-center min-h-[50vh] gap-4 p-4" }, /* @__PURE__ */ React29.createElement("div", { className: "w-10 h-10 border-4 border-prussian-blue-300 border-t-moonstone rounded-full animate-spin" }), /* @__PURE__ */ React29.createElement("p", { className: "text-prussian-blue-600" }, "\u52A0\u8F7D\u4E2D...")));
-  const renderError = () => /* @__PURE__ */ React29.createElement("div", { className: "min-h-screen bg-gradient-to-br from-white to-prussian-blue-900/5 overflow-x-hidden" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col items-center justify-center min-h-[50vh] gap-4 p-4 text-center" }, /* @__PURE__ */ React29.createElement("p", { className: "text-destructive text-lg" }, "\u52A0\u8F7D\u5931\u8D25\uFF1A", error), /* @__PURE__ */ React29.createElement(
+  const renderLoading = () => /* @__PURE__ */ React23.createElement("div", { className: "min-h-screen bg-gradient-to-br from-white to-prussian-blue-900/5 overflow-x-hidden" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col items-center justify-center min-h-[50vh] gap-4 p-4" }, /* @__PURE__ */ React23.createElement("div", { className: "w-10 h-10 border-4 border-prussian-blue-300 border-t-moonstone rounded-full animate-spin" }), /* @__PURE__ */ React23.createElement("p", { className: "text-prussian-blue-600" }, "\u52A0\u8F7D\u4E2D...")));
+  const renderError = () => /* @__PURE__ */ React23.createElement("div", { className: "min-h-screen bg-gradient-to-br from-white to-prussian-blue-900/5 overflow-x-hidden" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col items-center justify-center min-h-[50vh] gap-4 p-4 text-center" }, /* @__PURE__ */ React23.createElement("p", { className: "text-destructive text-lg" }, "\u52A0\u8F7D\u5931\u8D25\uFF1A", error), /* @__PURE__ */ React23.createElement(
     Button,
     {
       onClick: () => window.location.reload(),
@@ -5774,13 +4740,13 @@ function ShowMasterPiecesContent() {
     },
     "\u91CD\u8BD5"
   )));
-  const renderEmptyState = () => /* @__PURE__ */ React29.createElement("div", { className: "min-h-screen bg-gradient-to-br from-white to-prussian-blue-900/5 overflow-x-hidden" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col items-center justify-center min-h-[50vh] gap-4 p-4 text-center" }, /* @__PURE__ */ React29.createElement("div", { className: "text-moonstone text-6xl mb-4" }, "\u{1F3A8}"), /* @__PURE__ */ React29.createElement("h3", { className: "text-xl font-semibold mb-2 text-rich-black" }, "\u6682\u65E0\u53EF\u7528\u753B\u96C6"), /* @__PURE__ */ React29.createElement("p", { className: "text-prussian-blue-600 mb-6" }, "\u5F53\u524D\u6CA1\u6709\u53EF\u9884\u8BA2\u7684\u753B\u96C6\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5"), hasAdminAccess && /* @__PURE__ */ React29.createElement(
+  const renderEmptyState = () => /* @__PURE__ */ React23.createElement("div", { className: "min-h-screen bg-gradient-to-br from-white to-prussian-blue-900/5 overflow-x-hidden" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col items-center justify-center min-h-[50vh] gap-4 p-4 text-center" }, /* @__PURE__ */ React23.createElement("div", { className: "text-moonstone text-6xl mb-4" }, "\u{1F3A8}"), /* @__PURE__ */ React23.createElement("h3", { className: "text-xl font-semibold mb-2 text-rich-black" }, "\u6682\u65E0\u53EF\u7528\u753B\u96C6"), /* @__PURE__ */ React23.createElement("p", { className: "text-prussian-blue-600 mb-6" }, "\u5F53\u524D\u6CA1\u6709\u53EF\u9884\u8BA2\u7684\u753B\u96C6\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5"), hasAdminAccess && /* @__PURE__ */ React23.createElement(
     Button,
     {
       asChild: true,
       className: "bg-gradient-to-r from-moonstone to-cerulean hover:from-cerulean hover:to-moonstone text-white shadow-lg transition-all duration-300"
     },
-    /* @__PURE__ */ React29.createElement("a", { href: "/testField/ShowMasterPieces/config", className: "gap-2" }, /* @__PURE__ */ React29.createElement(Settings, { size: 20 }), "\u524D\u5F80\u914D\u7F6E\u9875\u9762")
+    /* @__PURE__ */ React23.createElement("a", { href: "/testField/ShowMasterPieces/config", className: "gap-2" }, /* @__PURE__ */ React23.createElement(Settings, { size: 20 }), "\u524D\u5F80\u914D\u7F6E\u9875\u9762")
   )));
   if (loading) {
     return renderLoading();
@@ -5796,7 +4762,7 @@ function ShowMasterPiecesContent() {
     category: tab.category,
     displayName: tab.description || tab.name || getCategoryDisplayName(tab.category)
   }));
-  return /* @__PURE__ */ React29.createElement(CartProvider, { userId }, /* @__PURE__ */ React29.createElement("div", { className: "min-h-screen bg-gradient-to-br from-white to-prussian-blue-900/5 overflow-x-hidden" }, /* @__PURE__ */ React29.createElement("div", { className: "bg-white/95 backdrop-blur supports-[backdrop-filter]:bg-white/80 border-b border-prussian-blue-200/30 sticky top-0 z-50" }, /* @__PURE__ */ React29.createElement("div", { className: "max-w-7xl mx-auto px-3 sm:px-4 py-3 sm:py-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between gap-2 sm:gap-4 min-h-[44px]" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-4 sm:gap-8 min-w-0 flex-1" }, selectedCollection && /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement(CartProvider, { userId }, /* @__PURE__ */ React23.createElement("div", { className: "min-h-screen bg-gradient-to-br from-white to-prussian-blue-900/5 overflow-x-hidden" }, /* @__PURE__ */ React23.createElement("div", { className: "bg-white/95 backdrop-blur supports-[backdrop-filter]:bg-white/80 border-b border-prussian-blue-200/30 sticky top-0 z-50" }, /* @__PURE__ */ React23.createElement("div", { className: "max-w-7xl mx-auto px-3 sm:px-4 py-3 sm:py-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between gap-2 sm:gap-4 min-h-[44px]" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-4 sm:gap-8 min-w-0 flex-1" }, selectedCollection && /* @__PURE__ */ React23.createElement(
     Button,
     {
       variant: "ghost",
@@ -5804,25 +4770,25 @@ function ShowMasterPiecesContent() {
       onClick: backToGallery,
       className: "gap-1 sm:gap-2 min-h-[44px] min-w-[44px] flex-shrink-0"
     },
-    /* @__PURE__ */ React29.createElement(ArrowLeft, { size: 18, className: "sm:w-5 sm:h-5" }),
-    /* @__PURE__ */ React29.createElement("span", { className: "hidden sm:inline" }, "\u8FD4\u56DE")
-  ), /* @__PURE__ */ React29.createElement("div", { className: "text-center sm:text-left min-w-0 flex-1" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-2" }, /* @__PURE__ */ React29.createElement("h1", { className: "text-lg sm:text-xl lg:text-2xl font-bold m-0 truncate text-rich-black" }, config?.heroTitle || "\u827A\u672F\u753B\u96C6\u5C55\u89C8")), /* @__PURE__ */ React29.createElement("p", { className: "text-xs sm:text-sm text-prussian-blue-600 m-0 hidden sm:block truncate" }, config?.heroSubtitle || "\u63A2\u7D22\u7CBE\u7F8E\u7684\u827A\u672F\u4F5C\u54C1\uFF0C\u611F\u53D7\u521B\u4F5C\u7684\u9B45\u529B"))), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-3 sm:gap-4 flex-shrink-0" }, /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(ArrowLeft, { size: 18, className: "sm:w-5 sm:h-5" }),
+    /* @__PURE__ */ React23.createElement("span", { className: "hidden sm:inline" }, "\u8FD4\u56DE")
+  ), /* @__PURE__ */ React23.createElement("div", { className: "text-center sm:text-left min-w-0 flex-1" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-2" }, /* @__PURE__ */ React23.createElement("h1", { className: "text-lg sm:text-xl lg:text-2xl font-bold m-0 truncate text-rich-black" }, config?.heroTitle || "\u827A\u672F\u753B\u96C6\u5C55\u89C8")), /* @__PURE__ */ React23.createElement("p", { className: "text-xs sm:text-sm text-prussian-blue-600 m-0 hidden sm:block truncate" }, config?.heroSubtitle || "\u63A2\u7D22\u7CBE\u7F8E\u7684\u827A\u672F\u4F5C\u54C1\uFF0C\u611F\u53D7\u521B\u4F5C\u7684\u9B45\u529B"))), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-3 sm:gap-4 flex-shrink-0" }, /* @__PURE__ */ React23.createElement(
     Link,
     {
       href: "/testField/ShowMasterPieces/history",
       className: "flex items-center gap-1 sm:gap-2 text-prussian-blue-600 hover:text-moonstone transition-colors p-1 sm:p-2 rounded-lg min-h-[44px] min-w-[44px] flex-shrink-0",
       title: "\u67E5\u770B\u9884\u8BA2\u5386\u53F2"
     },
-    /* @__PURE__ */ React29.createElement(History, { size: 18, className: "sm:w-5 sm:h-5" }),
-    /* @__PURE__ */ React29.createElement("span", { className: "hidden sm:inline" }, "\u5386\u53F2\u8BB0\u5F55")
-  ), /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(History, { size: 18, className: "sm:w-5 sm:h-5" }),
+    /* @__PURE__ */ React23.createElement("span", { className: "hidden sm:inline" }, "\u5386\u53F2\u8BB0\u5F55")
+  ), /* @__PURE__ */ React23.createElement(
     CartButton,
     {
       onClick: handleCartClick,
       className: "relative p-1 sm:p-2 text-prussian-blue-600 hover:text-moonstone transition-colors",
       userId
     }
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     UserMenu,
     {
       customMenuItems: hasAdminAccess ? [
@@ -5837,7 +4803,7 @@ function ShowMasterPiecesContent() {
     }
   ))))), selectedCollection ? (
     /* 手机相册风格的作品浏览视图 */
-    /* @__PURE__ */ React29.createElement("div", { className: "fixed inset-0 top-[76px] z-40" }, /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("div", { className: "fixed inset-0 top-[76px] z-40" }, /* @__PURE__ */ React23.createElement(
       MobileAlbumViewer,
       {
         artworks: selectedCollection.pages,
@@ -5850,16 +4816,16 @@ function ShowMasterPiecesContent() {
         canGoPrev
       }
     ))
-  ) : /* @__PURE__ */ React29.createElement("div", { className: "max-w-7xl mx-auto p-3 sm:p-4 lg:p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React29.createElement(Card, null, /* @__PURE__ */ React29.createElement(CardHeader, null, /* @__PURE__ */ React29.createElement(CardTitle, null, "\u5546\u54C1\u5206\u7C7B"), /* @__PURE__ */ React29.createElement(CardDescription, null, "\u9009\u62E9\u60A8\u611F\u5174\u8DA3\u7684\u5546\u54C1\u7C7B\u578B")), /* @__PURE__ */ React29.createElement(CardContent, null, /* @__PURE__ */ React29.createElement(Tabs, { value: selectedCategory, onValueChange: (value) => setSelectedCategory(value) }, /* @__PURE__ */ React29.createElement(TabsList, { className: "grid grid-cols-3 lg:grid-cols-9 h-auto p-1 bg-moonstone-900/10" }, categoryList.map(({ category, displayName }) => /* @__PURE__ */ React29.createElement(
+  ) : /* @__PURE__ */ React23.createElement("div", { className: "max-w-7xl mx-auto p-3 sm:p-4 lg:p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React23.createElement(Card, null, /* @__PURE__ */ React23.createElement(CardHeader, null, /* @__PURE__ */ React23.createElement(CardTitle, null, "\u5546\u54C1\u5206\u7C7B"), /* @__PURE__ */ React23.createElement(CardDescription, null, "\u9009\u62E9\u60A8\u611F\u5174\u8DA3\u7684\u5546\u54C1\u7C7B\u578B")), /* @__PURE__ */ React23.createElement(CardContent, null, /* @__PURE__ */ React23.createElement(Tabs, { value: selectedCategory, onValueChange: (value) => setSelectedCategory(value) }, /* @__PURE__ */ React23.createElement(TabsList, { className: "grid grid-cols-3 lg:grid-cols-9 h-auto p-1 bg-moonstone-900/10" }, categoryList.map(({ category, displayName }) => /* @__PURE__ */ React23.createElement(
     TabsTrigger,
     {
       key: category,
       value: category,
       className: "flex flex-col h-auto py-3 px-2 data-[state=active]:bg-gradient-to-r data-[state=active]:from-moonstone data-[state=active]:to-cerulean data-[state=active]:text-white data-[state=active]:shadow-lg transition-all duration-300"
     },
-    /* @__PURE__ */ React29.createElement("span", { className: "font-semibold text-xs" }, displayName),
-    /* @__PURE__ */ React29.createElement(Badge, { variant: "outline", className: "mt-1 text-xs border-moonstone/30 text-cerulean bg-moonstone-900/5" }, collections.filter((c) => c.category === category).length)
-  )))))), /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 sm:gap-6" }, filteredCollections.map((collection) => /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("span", { className: "font-semibold text-xs" }, displayName),
+    /* @__PURE__ */ React23.createElement(Badge, { variant: "outline", className: "mt-1 text-xs border-moonstone/30 text-cerulean bg-moonstone-900/5" }, collections.filter((c) => c.category === category).length)
+  )))))), /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 sm:gap-6" }, filteredCollections.map((collection) => /* @__PURE__ */ React23.createElement(
     CollectionCard,
     {
       key: collection.id,
@@ -5867,7 +4833,7 @@ function ShowMasterPiecesContent() {
       userId,
       onSelect: selectCollection
     }
-  ))), filteredCollections.length === 0 && collections.length > 0 && /* @__PURE__ */ React29.createElement("div", { className: "text-center py-8 sm:py-12 px-4" }, /* @__PURE__ */ React29.createElement("div", { className: "text-prussian-blue-400 text-base sm:text-lg mb-2" }, "\u5F53\u524D\u5206\u7C7B\u6682\u65E0\u5185\u5BB9"), /* @__PURE__ */ React29.createElement("p", { className: "text-prussian-blue-500 text-xs sm:text-sm" }, "\u8BF7\u5C1D\u8BD5\u9009\u62E9\u5176\u4ED6\u5206\u7C7B\u67E5\u770B")))), /* @__PURE__ */ React29.createElement(
+  ))), filteredCollections.length === 0 && collections.length > 0 && /* @__PURE__ */ React23.createElement("div", { className: "text-center py-8 sm:py-12 px-4" }, /* @__PURE__ */ React23.createElement("div", { className: "text-prussian-blue-400 text-base sm:text-lg mb-2" }, "\u5F53\u524D\u5206\u7C7B\u6682\u65E0\u5185\u5BB9"), /* @__PURE__ */ React23.createElement("p", { className: "text-prussian-blue-500 text-xs sm:text-sm" }, "\u8BF7\u5C1D\u8BD5\u9009\u62E9\u5176\u4ED6\u5206\u7C7B\u67E5\u770B")))), /* @__PURE__ */ React23.createElement(
     CartModal,
     {
       isOpen: cartModalOpen,
@@ -5875,7 +4841,7 @@ function ShowMasterPiecesContent() {
       title: "\u8D2D\u7269\u8F66",
       userId
     }
-  ), hasPopup && /* @__PURE__ */ React29.createElement(
+  ), hasPopup && /* @__PURE__ */ React23.createElement(
     DeadlinePopupManager,
     {
       configs: popupConfigs,
@@ -5886,7 +4852,7 @@ function ShowMasterPiecesContent() {
   )));
 }
 function ShowMasterPieces(props = {}) {
-  return /* @__PURE__ */ React29.createElement(AuthProvider, null, /* @__PURE__ */ React29.createElement(ShowMasterPiecesContent, null));
+  return /* @__PURE__ */ React23.createElement(AuthProvider, null, /* @__PURE__ */ React23.createElement(ShowMasterPiecesContent, null));
 }
 
 // src/showmasterpiece/ui/web/pages/config/page.tsx
@@ -5991,7 +4957,7 @@ function ConfigPageContent() {
     createdTime: "",
     theme: ""
   });
-  React29.useEffect(() => {
+  React23.useEffect(() => {
     if (config) {
       setConfigForm({
         siteName: config.siteName,
@@ -6008,7 +4974,7 @@ function ConfigPageContent() {
       });
     }
   }, [config]);
-  React29.useEffect(() => {
+  React23.useEffect(() => {
     setCategoryOptions(categories);
   }, [categories]);
   const handleHomeTabMove = (index, direction) => {
@@ -6115,7 +5081,7 @@ function ConfigPageContent() {
       return { ...prev, homeTabConfig: normalizeHomeTabConfig(updated) };
     });
   };
-  React29.useEffect(() => {
+  React23.useEffect(() => {
     if (activeTab === "artworks" && collections.length > 0) {
       if (selectedCollection && !collections.find((c) => c.id === selectedCollection)) {
         console.log("\u26A0\uFE0F [\u914D\u7F6E\u9875\u9762] \u5F53\u524D\u9009\u62E9\u7684\u5546\u54C1\u5DF2\u4E0D\u5B58\u5728\uFF0C\u91CD\u7F6E\u9009\u62E9");
@@ -6141,7 +5107,7 @@ function ConfigPageContent() {
       }
     }
   }, [activeTab, collections, selectedCollection]);
-  React29.useEffect(() => {
+  React23.useEffect(() => {
     if (activeTab !== "artworks") {
       if (showArtworkOrder || showArtworkForm || editingArtwork) {
         console.log("\u{1F504} [\u914D\u7F6E\u9875\u9762] \u79BB\u5F00\u5546\u54C1\u8BE6\u60C5\u56FE\u7BA1\u7406tab\uFF0C\u91CD\u7F6EUI\u72B6\u6001\u4F46\u4FDD\u7559\u7528\u6237\u9009\u62E9");
@@ -6293,12 +5259,12 @@ function ConfigPageContent() {
     setShowCollectionOrder(!showCollectionOrder);
   };
   if (loading) {
-    return /* @__PURE__ */ React29.createElement("div", { className: "min-h-screen bg-gradient-to-br from-slate-50 to-slate-200" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col items-center justify-center min-h-[50vh] gap-4" }, /* @__PURE__ */ React29.createElement("div", { className: "w-10 h-10 border-4 border-slate-200 border-t-blue-500 rounded-full animate-spin" }), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600" }, "\u52A0\u8F7D\u4E2D...")));
+    return /* @__PURE__ */ React23.createElement("div", { className: "min-h-screen bg-gradient-to-br from-slate-50 to-slate-200" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col items-center justify-center min-h-[50vh] gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "w-10 h-10 border-4 border-slate-200 border-t-blue-500 rounded-full animate-spin" }), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600" }, "\u52A0\u8F7D\u4E2D...")));
   }
   if (error) {
-    return /* @__PURE__ */ React29.createElement("div", { className: "min-h-screen bg-background" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col items-center justify-center min-h-[50vh] gap-4 p-4" }, /* @__PURE__ */ React29.createElement("p", { className: "text-destructive text-lg" }, "\u52A0\u8F7D\u5931\u8D25\uFF1A", error), /* @__PURE__ */ React29.createElement(Button, { onClick: refreshData }, "\u91CD\u8BD5")));
+    return /* @__PURE__ */ React23.createElement("div", { className: "min-h-screen bg-background" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col items-center justify-center min-h-[50vh] gap-4 p-4" }, /* @__PURE__ */ React23.createElement("p", { className: "text-destructive text-lg" }, "\u52A0\u8F7D\u5931\u8D25\uFF1A", error), /* @__PURE__ */ React23.createElement(Button, { onClick: refreshData }, "\u91CD\u8BD5")));
   }
-  return /* @__PURE__ */ React29.createElement("div", { className: "min-h-screen bg-background" }, /* @__PURE__ */ React29.createElement("div", { className: "border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60" }, /* @__PURE__ */ React29.createElement("div", { className: "max-w-7xl mx-auto px-6 py-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-8" }, /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement("div", { className: "min-h-screen bg-background" }, /* @__PURE__ */ React23.createElement("div", { className: "border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60" }, /* @__PURE__ */ React23.createElement("div", { className: "max-w-7xl mx-auto px-6 py-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-8" }, /* @__PURE__ */ React23.createElement(
     Button,
     {
       variant: "ghost",
@@ -6306,26 +5272,26 @@ function ConfigPageContent() {
       onClick: () => window.history.back(),
       className: "gap-2"
     },
-    /* @__PURE__ */ React29.createElement(ArrowLeft, { size: 20 }),
+    /* @__PURE__ */ React23.createElement(ArrowLeft, { size: 20 }),
     "\u8FD4\u56DE"
-  ), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h1", { className: "text-2xl font-bold" }, "\u5546\u54C1\u5C55\u89C8\u914D\u7F6E\u7BA1\u7406"), /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-muted-foreground" }, "\u7BA1\u7406\u5C55\u89C8\u7684\u6240\u6709\u914D\u7F6E\u3001\u5546\u54C1\u548C\u5546\u54C1\u8BE6\u60C5\u56FE"))))), /* @__PURE__ */ React29.createElement("div", { className: "max-w-7xl mx-auto p-6" }, /* @__PURE__ */ React29.createElement(Tabs, { value: activeTab, onValueChange: (value) => setActiveTab(value), className: "space-y-6" }, /* @__PURE__ */ React29.createElement(TabsList, { className: "grid w-full grid-cols-8" }, /* @__PURE__ */ React29.createElement(TabsTrigger, { value: "general", className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(Settings, { size: 16 }), "\u57FA\u7840\u914D\u7F6E"), /* @__PURE__ */ React29.createElement(TabsTrigger, { value: "homeTabs", className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(Settings, { size: 16 }), "\u9996\u9875Tab\u914D\u7F6E"), /* @__PURE__ */ React29.createElement(TabsTrigger, { value: "collections", className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(Database, { size: 16 }), "\u5546\u54C1\u7BA1\u7406"), /* @__PURE__ */ React29.createElement(TabsTrigger, { value: "artworks", className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(Image, { size: 16 }), "\u5546\u54C1\u8BE6\u60C5\u7BA1\u7406"), /* @__PURE__ */ React29.createElement(TabsTrigger, { value: "bookings", className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(Calendar, { size: 16 }), "\u9884\u8BA2\u7BA1\u7406"), /* @__PURE__ */ React29.createElement(TabsTrigger, { value: "popup", className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(Bell, { size: 16 }), "\u5F39\u7A97\u914D\u7F6E"), /* @__PURE__ */ React29.createElement(TabsTrigger, { value: "system", className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(Cog, { size: 16 }), "\u7CFB\u7EDF\u914D\u7F6E")), /* @__PURE__ */ React29.createElement(TabsContent, { value: "general", className: "space-y-6" }, /* @__PURE__ */ React29.createElement(Card, null, /* @__PURE__ */ React29.createElement(CardHeader, null, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement(CardTitle, null, "\u57FA\u7840\u914D\u7F6E"), /* @__PURE__ */ React29.createElement(CardDescription, null, "\u914D\u7F6E\u7F51\u7AD9\u7684\u57FA\u672C\u4FE1\u606F\u548C\u663E\u793A\u9009\u9879")), /* @__PURE__ */ React29.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h1", { className: "text-2xl font-bold" }, "\u5546\u54C1\u5C55\u89C8\u914D\u7F6E\u7BA1\u7406"), /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-muted-foreground" }, "\u7BA1\u7406\u5C55\u89C8\u7684\u6240\u6709\u914D\u7F6E\u3001\u5546\u54C1\u548C\u5546\u54C1\u8BE6\u60C5\u56FE"))))), /* @__PURE__ */ React23.createElement("div", { className: "max-w-7xl mx-auto p-6" }, /* @__PURE__ */ React23.createElement(Tabs, { value: activeTab, onValueChange: (value) => setActiveTab(value), className: "space-y-6" }, /* @__PURE__ */ React23.createElement(TabsList, { className: "grid w-full grid-cols-8" }, /* @__PURE__ */ React23.createElement(TabsTrigger, { value: "general", className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(Settings, { size: 16 }), "\u57FA\u7840\u914D\u7F6E"), /* @__PURE__ */ React23.createElement(TabsTrigger, { value: "homeTabs", className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(Settings, { size: 16 }), "\u9996\u9875Tab\u914D\u7F6E"), /* @__PURE__ */ React23.createElement(TabsTrigger, { value: "collections", className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(Database, { size: 16 }), "\u5546\u54C1\u7BA1\u7406"), /* @__PURE__ */ React23.createElement(TabsTrigger, { value: "artworks", className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(Image, { size: 16 }), "\u5546\u54C1\u8BE6\u60C5\u7BA1\u7406"), /* @__PURE__ */ React23.createElement(TabsTrigger, { value: "bookings", className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(Calendar, { size: 16 }), "\u9884\u8BA2\u7BA1\u7406"), /* @__PURE__ */ React23.createElement(TabsTrigger, { value: "popup", className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(Bell, { size: 16 }), "\u5F39\u7A97\u914D\u7F6E"), /* @__PURE__ */ React23.createElement(TabsTrigger, { value: "system", className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(Cog, { size: 16 }), "\u7CFB\u7EDF\u914D\u7F6E")), /* @__PURE__ */ React23.createElement(TabsContent, { value: "general", className: "space-y-6" }, /* @__PURE__ */ React23.createElement(Card, null, /* @__PURE__ */ React23.createElement(CardHeader, null, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement(CardTitle, null, "\u57FA\u7840\u914D\u7F6E"), /* @__PURE__ */ React23.createElement(CardDescription, null, "\u914D\u7F6E\u7F51\u7AD9\u7684\u57FA\u672C\u4FE1\u606F\u548C\u663E\u793A\u9009\u9879")), /* @__PURE__ */ React23.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React23.createElement(
     Button,
     {
       variant: "outline",
       onClick: handleResetConfig,
       className: "gap-2"
     },
-    /* @__PURE__ */ React29.createElement(RotateCcw, { size: 16 }),
+    /* @__PURE__ */ React23.createElement(RotateCcw, { size: 16 }),
     "\u91CD\u7F6E\u9ED8\u8BA4"
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     Button,
     {
       onClick: handleSaveConfig,
       className: "gap-2"
     },
-    /* @__PURE__ */ React29.createElement(Save, { size: 16 }),
+    /* @__PURE__ */ React23.createElement(Save, { size: 16 }),
     "\u4FDD\u5B58\u914D\u7F6E"
-  )))), /* @__PURE__ */ React29.createElement(CardContent, null, /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6" }, /* @__PURE__ */ React29.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React29.createElement(Label, { htmlFor: "siteName" }, "\u7F51\u7AD9\u540D\u79F0"), /* @__PURE__ */ React29.createElement(
+  )))), /* @__PURE__ */ React23.createElement(CardContent, null, /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6" }, /* @__PURE__ */ React23.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React23.createElement(Label, { htmlFor: "siteName" }, "\u7F51\u7AD9\u540D\u79F0"), /* @__PURE__ */ React23.createElement(
     Input,
     {
       id: "siteName",
@@ -6334,7 +5300,7 @@ function ConfigPageContent() {
       onChange: (e) => setConfigForm((prev) => ({ ...prev, siteName: e.target.value })),
       placeholder: "\u8F93\u5165\u7F51\u7AD9\u540D\u79F0"
     }
-  )), /* @__PURE__ */ React29.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React29.createElement(Label, { htmlFor: "siteDescription" }, "\u7F51\u7AD9\u63CF\u8FF0"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React23.createElement(Label, { htmlFor: "siteDescription" }, "\u7F51\u7AD9\u63CF\u8FF0"), /* @__PURE__ */ React23.createElement(
     Textarea,
     {
       id: "siteDescription",
@@ -6343,7 +5309,7 @@ function ConfigPageContent() {
       placeholder: "\u8F93\u5165\u7F51\u7AD9\u63CF\u8FF0",
       rows: 2
     }
-  )), /* @__PURE__ */ React29.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React29.createElement(Label, { htmlFor: "heroTitle" }, "\u4E3B\u6807\u9898"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React23.createElement(Label, { htmlFor: "heroTitle" }, "\u4E3B\u6807\u9898"), /* @__PURE__ */ React23.createElement(
     Input,
     {
       id: "heroTitle",
@@ -6352,7 +5318,7 @@ function ConfigPageContent() {
       onChange: (e) => setConfigForm((prev) => ({ ...prev, heroTitle: e.target.value })),
       placeholder: "\u8F93\u5165\u4E3B\u6807\u9898"
     }
-  )), /* @__PURE__ */ React29.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React29.createElement(Label, { htmlFor: "heroSubtitle" }, "\u526F\u6807\u9898"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React23.createElement(Label, { htmlFor: "heroSubtitle" }, "\u526F\u6807\u9898"), /* @__PURE__ */ React23.createElement(
     Textarea,
     {
       id: "heroSubtitle",
@@ -6361,7 +5327,7 @@ function ConfigPageContent() {
       placeholder: "\u8F93\u5165\u526F\u6807\u9898",
       rows: 2
     }
-  )), /* @__PURE__ */ React29.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React29.createElement(Label, { htmlFor: "maxCollections" }, "\u6BCF\u9875\u663E\u793A\u5546\u54C1\u6570\u91CF"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React23.createElement(Label, { htmlFor: "maxCollections" }, "\u6BCF\u9875\u663E\u793A\u5546\u54C1\u6570\u91CF"), /* @__PURE__ */ React23.createElement(
     Input,
     {
       id: "maxCollections",
@@ -6371,23 +5337,23 @@ function ConfigPageContent() {
       min: "1",
       max: "50"
     }
-  )), /* @__PURE__ */ React29.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React29.createElement(Label, { htmlFor: "theme" }, "\u4E3B\u9898"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React23.createElement(Label, { htmlFor: "theme" }, "\u4E3B\u9898"), /* @__PURE__ */ React23.createElement(
     Select,
     {
       value: configForm.theme,
       onValueChange: (value) => setConfigForm((prev) => ({ ...prev, theme: value }))
     },
-    /* @__PURE__ */ React29.createElement(SelectTrigger, null, /* @__PURE__ */ React29.createElement(SelectValue, { placeholder: "\u9009\u62E9\u4E3B\u9898" })),
-    /* @__PURE__ */ React29.createElement(SelectContent, null, /* @__PURE__ */ React29.createElement(SelectItem, { value: "light" }, "\u6D45\u8272"), /* @__PURE__ */ React29.createElement(SelectItem, { value: "dark" }, "\u6DF1\u8272"), /* @__PURE__ */ React29.createElement(SelectItem, { value: "auto" }, "\u81EA\u52A8"))
-  )), /* @__PURE__ */ React29.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React29.createElement(Label, { htmlFor: "language" }, "\u8BED\u8A00"), /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(SelectTrigger, null, /* @__PURE__ */ React23.createElement(SelectValue, { placeholder: "\u9009\u62E9\u4E3B\u9898" })),
+    /* @__PURE__ */ React23.createElement(SelectContent, null, /* @__PURE__ */ React23.createElement(SelectItem, { value: "light" }, "\u6D45\u8272"), /* @__PURE__ */ React23.createElement(SelectItem, { value: "dark" }, "\u6DF1\u8272"), /* @__PURE__ */ React23.createElement(SelectItem, { value: "auto" }, "\u81EA\u52A8"))
+  )), /* @__PURE__ */ React23.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React23.createElement(Label, { htmlFor: "language" }, "\u8BED\u8A00"), /* @__PURE__ */ React23.createElement(
     Select,
     {
       value: configForm.language,
       onValueChange: (value) => setConfigForm((prev) => ({ ...prev, language: value }))
     },
-    /* @__PURE__ */ React29.createElement(SelectTrigger, null, /* @__PURE__ */ React29.createElement(SelectValue, { placeholder: "\u9009\u62E9\u8BED\u8A00" })),
-    /* @__PURE__ */ React29.createElement(SelectContent, null, /* @__PURE__ */ React29.createElement(SelectItem, { value: "zh" }, "\u4E2D\u6587"), /* @__PURE__ */ React29.createElement(SelectItem, { value: "en" }, "English"))
-  )), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(SelectTrigger, null, /* @__PURE__ */ React23.createElement(SelectValue, { placeholder: "\u9009\u62E9\u8BED\u8A00" })),
+    /* @__PURE__ */ React23.createElement(SelectContent, null, /* @__PURE__ */ React23.createElement(SelectItem, { value: "zh" }, "\u4E2D\u6587"), /* @__PURE__ */ React23.createElement(SelectItem, { value: "en" }, "English"))
+  )), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React23.createElement(
     "input",
     {
       id: "enableSearch",
@@ -6396,7 +5362,7 @@ function ConfigPageContent() {
       onChange: (e) => setConfigForm((prev) => ({ ...prev, enableSearch: e.target.checked })),
       className: "h-4 w-4 rounded border-gray-300"
     }
-  ), /* @__PURE__ */ React29.createElement(Label, { htmlFor: "enableSearch", className: "text-sm font-medium" }, "\u542F\u7528\u641C\u7D22\u529F\u80FD")), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(Label, { htmlFor: "enableSearch", className: "text-sm font-medium" }, "\u542F\u7528\u641C\u7D22\u529F\u80FD")), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React23.createElement(
     "input",
     {
       id: "enableCategories",
@@ -6405,28 +5371,28 @@ function ConfigPageContent() {
       onChange: (e) => setConfigForm((prev) => ({ ...prev, enableCategories: e.target.checked })),
       className: "h-4 w-4 rounded border-gray-300"
     }
-  ), /* @__PURE__ */ React29.createElement(Label, { htmlFor: "enableCategories", className: "text-sm font-medium" }, "\u542F\u7528\u5206\u7C7B\u529F\u80FD")))))), /* @__PURE__ */ React29.createElement(TabsContent, { value: "homeTabs", className: "space-y-6" }, /* @__PURE__ */ React29.createElement(Card, null, /* @__PURE__ */ React29.createElement(CardHeader, null, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement(CardTitle, null, "\u9996\u9875\u5206\u7C7BTab\u914D\u7F6E"), /* @__PURE__ */ React29.createElement(CardDescription, null, "\u7BA1\u7406\u9996\u9875\u5206\u7C7BTab\u7684\u663E\u793A\u987A\u5E8F\u4E0E\u663E\u793A/\u9690\u85CF")), /* @__PURE__ */ React29.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React29.createElement(Button, { variant: "outline", onClick: () => handleSetAllHomeTabsVisible(true) }, "\u5168\u90E8\u663E\u793A"), /* @__PURE__ */ React29.createElement(Button, { variant: "outline", onClick: () => handleSetAllHomeTabsVisible(false) }, "\u5168\u90E8\u9690\u85CF"), /* @__PURE__ */ React29.createElement(Button, { variant: "outline", onClick: handleResetHomeTabs, className: "gap-2" }, /* @__PURE__ */ React29.createElement(RotateCcw, { size: 16 }), "\u91CD\u7F6E\u987A\u5E8F"), /* @__PURE__ */ React29.createElement(Button, { onClick: handleSaveConfig, className: "gap-2" }, /* @__PURE__ */ React29.createElement(Save, { size: 16 }), "\u4FDD\u5B58\u914D\u7F6E")))), /* @__PURE__ */ React29.createElement(CardContent, null, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col lg:flex-row lg:items-end gap-3 mb-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex-1 space-y-2" }, /* @__PURE__ */ React29.createElement(Label, null, "\u5206\u7C7B\u540D\u79F0"), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(Label, { htmlFor: "enableCategories", className: "text-sm font-medium" }, "\u542F\u7528\u5206\u7C7B\u529F\u80FD")))))), /* @__PURE__ */ React23.createElement(TabsContent, { value: "homeTabs", className: "space-y-6" }, /* @__PURE__ */ React23.createElement(Card, null, /* @__PURE__ */ React23.createElement(CardHeader, null, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement(CardTitle, null, "\u9996\u9875\u5206\u7C7BTab\u914D\u7F6E"), /* @__PURE__ */ React23.createElement(CardDescription, null, "\u7BA1\u7406\u9996\u9875\u5206\u7C7BTab\u7684\u663E\u793A\u987A\u5E8F\u4E0E\u663E\u793A/\u9690\u85CF")), /* @__PURE__ */ React23.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React23.createElement(Button, { variant: "outline", onClick: () => handleSetAllHomeTabsVisible(true) }, "\u5168\u90E8\u663E\u793A"), /* @__PURE__ */ React23.createElement(Button, { variant: "outline", onClick: () => handleSetAllHomeTabsVisible(false) }, "\u5168\u90E8\u9690\u85CF"), /* @__PURE__ */ React23.createElement(Button, { variant: "outline", onClick: handleResetHomeTabs, className: "gap-2" }, /* @__PURE__ */ React23.createElement(RotateCcw, { size: 16 }), "\u91CD\u7F6E\u987A\u5E8F"), /* @__PURE__ */ React23.createElement(Button, { onClick: handleSaveConfig, className: "gap-2" }, /* @__PURE__ */ React23.createElement(Save, { size: 16 }), "\u4FDD\u5B58\u914D\u7F6E")))), /* @__PURE__ */ React23.createElement(CardContent, null, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col lg:flex-row lg:items-end gap-3 mb-4" }, /* @__PURE__ */ React23.createElement("div", { className: "flex-1 space-y-2" }, /* @__PURE__ */ React23.createElement(Label, null, "\u5206\u7C7B\u540D\u79F0"), /* @__PURE__ */ React23.createElement(
     Input,
     {
       value: newHomeTabCategory,
       onChange: (e) => setNewHomeTabCategory(e.target.value),
       placeholder: "\u8F93\u5165\u5206\u7C7B\u540D\u79F0"
     }
-  ), /* @__PURE__ */ React29.createElement(Label, null, "\u5C55\u793A\u6587\u6848"), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(Label, null, "\u5C55\u793A\u6587\u6848"), /* @__PURE__ */ React23.createElement(
     Input,
     {
       value: newHomeTabDescription,
       onChange: (e) => setNewHomeTabDescription(e.target.value),
       placeholder: "\u8F93\u5165\u5C55\u793A\u6587\u6848"
     }
-  )), /* @__PURE__ */ React29.createElement(Button, { onClick: handleAddHomeTab, className: "gap-2" }, /* @__PURE__ */ React29.createElement(Plus, { size: 16 }), "\u65B0\u589ETab")), /* @__PURE__ */ React29.createElement("div", { className: "space-y-2" }, configForm.homeTabConfig.map((item, index) => /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement(Button, { onClick: handleAddHomeTab, className: "gap-2" }, /* @__PURE__ */ React23.createElement(Plus, { size: 16 }), "\u65B0\u589ETab")), /* @__PURE__ */ React23.createElement("div", { className: "space-y-2" }, configForm.homeTabConfig.map((item, index) => /* @__PURE__ */ React23.createElement(
     "div",
     {
       key: item.category,
       className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 p-3 border border-slate-200 rounded-lg bg-white"
     },
-    /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React29.createElement("span", { className: "text-sm font-semibold text-slate-800" }, item.description || item.name || getCategoryDisplayName(item.category)), item.description ? /* @__PURE__ */ React29.createElement("span", { className: "text-xs text-slate-500" }, item.name || item.category) : null), !item.visible && /* @__PURE__ */ React29.createElement(Badge, { variant: "secondary", className: "text-xs" }, "\u5DF2\u9690\u85CF")),
-    /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React23.createElement("span", { className: "text-sm font-semibold text-slate-800" }, item.description || item.name || getCategoryDisplayName(item.category)), item.description ? /* @__PURE__ */ React23.createElement("span", { className: "text-xs text-slate-500" }, item.name || item.category) : null), !item.visible && /* @__PURE__ */ React23.createElement(Badge, { variant: "secondary", className: "text-xs" }, "\u5DF2\u9690\u85CF")),
+    /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React23.createElement(
       Button,
       {
         variant: "outline",
@@ -6435,7 +5401,7 @@ function ConfigPageContent() {
         disabled: index === 0
       },
       "\u4E0A\u79FB"
-    ), /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       Button,
       {
         variant: "outline",
@@ -6444,7 +5410,7 @@ function ConfigPageContent() {
         disabled: index === configForm.homeTabConfig.length - 1
       },
       "\u4E0B\u79FB"
-    ), /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       Button,
       {
         variant: item.visible ? "secondary" : "default",
@@ -6452,7 +5418,7 @@ function ConfigPageContent() {
         onClick: () => handleHomeTabToggle(item.category)
       },
       item.visible ? "\u9690\u85CF" : "\u663E\u793A"
-    ), /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       Button,
       {
         variant: "outline",
@@ -6462,7 +5428,7 @@ function ConfigPageContent() {
       },
       "\u5220\u9664"
     ))
-  )))))), /* @__PURE__ */ React29.createElement(TabsContent, { value: "collections", className: "space-y-6" }, /* @__PURE__ */ React29.createElement(Card, null, /* @__PURE__ */ React29.createElement(CardHeader, null, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement(CardTitle, null, "\u5546\u54C1\u7BA1\u7406"), /* @__PURE__ */ React29.createElement(CardDescription, null, "\u7BA1\u7406\u5546\u54C1")), /* @__PURE__ */ React29.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React29.createElement(
+  )))))), /* @__PURE__ */ React23.createElement(TabsContent, { value: "collections", className: "space-y-6" }, /* @__PURE__ */ React23.createElement(Card, null, /* @__PURE__ */ React23.createElement(CardHeader, null, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement(CardTitle, null, "\u5546\u54C1\u7BA1\u7406"), /* @__PURE__ */ React23.createElement(CardDescription, null, "\u7BA1\u7406\u5546\u54C1")), /* @__PURE__ */ React23.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React23.createElement(
     Button,
     {
       onClick: () => {
@@ -6481,18 +5447,18 @@ function ConfigPageContent() {
       },
       className: "gap-2"
     },
-    /* @__PURE__ */ React29.createElement(Plus, { size: 16 }),
+    /* @__PURE__ */ React23.createElement(Plus, { size: 16 }),
     "\u6DFB\u52A0\u5546\u54C1"
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     Button,
     {
       variant: "outline",
       onClick: () => handleToggleCollectionOrder(),
       className: "gap-2"
     },
-    /* @__PURE__ */ React29.createElement(ArrowUpDown, { size: 16 }),
+    /* @__PURE__ */ React23.createElement(ArrowUpDown, { size: 16 }),
     showCollectionOrder ? "\u5173\u95ED\u6392\u5E8F" : "\u5546\u54C1\u6392\u5E8F"
-  )))), /* @__PURE__ */ React29.createElement(CardContent, null, showCollectionOrder && /* @__PURE__ */ React29.createElement("div", { className: "mb-6 p-6 bg-white rounded-lg shadow-sm border border-slate-200" }, /* @__PURE__ */ React29.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-xl font-semibold text-slate-800 mb-2" }, "\u5546\u54C1\u6392\u5E8F\u7BA1\u7406"), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600" }, "\u62D6\u62FD\u6216\u4F7F\u7528\u6309\u94AE\u8C03\u6574\u5546\u54C1\u5728\u524D\u53F0\u7684\u663E\u793A\u987A\u5E8F")), /* @__PURE__ */ React29.createElement(
+  )))), /* @__PURE__ */ React23.createElement(CardContent, null, showCollectionOrder && /* @__PURE__ */ React23.createElement("div", { className: "mb-6 p-6 bg-white rounded-lg shadow-sm border border-slate-200" }, /* @__PURE__ */ React23.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-xl font-semibold text-slate-800 mb-2" }, "\u5546\u54C1\u6392\u5E8F\u7BA1\u7406"), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600" }, "\u62D6\u62FD\u6216\u4F7F\u7528\u6309\u94AE\u8C03\u6574\u5546\u54C1\u5728\u524D\u53F0\u7684\u663E\u793A\u987A\u5E8F")), /* @__PURE__ */ React23.createElement(
     CollectionOrderManagerV2,
     {
       moveCollectionUp: moveCollectionUp2,
@@ -6502,22 +5468,22 @@ function ConfigPageContent() {
         console.log("\u{1F504} [\u914D\u7F6E\u9875\u9762] \u5546\u54C1\u987A\u5E8F\u5DF2\u66F4\u65B0\uFF08\u6392\u5E8F\u7EC4\u4EF6\u5185\u90E8\u5DF2\u5904\u7406\u6570\u636E\u66F4\u65B0\uFF09");
       }
     }
-  )), !showCollectionOrder && /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, collections.map((collection) => /* @__PURE__ */ React29.createElement("div", { key: collection.id, className: "bg-white rounded-lg shadow-sm border border-slate-200 overflow-hidden hover:shadow-md transition-shadow" }, /* @__PURE__ */ React29.createElement("div", { className: "h-48 bg-slate-100 overflow-hidden flex items-center justify-center" }, collection.coverImage ? /* @__PURE__ */ React29.createElement(
+  )), !showCollectionOrder && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, collections.map((collection) => /* @__PURE__ */ React23.createElement("div", { key: collection.id, className: "bg-white rounded-lg shadow-sm border border-slate-200 overflow-hidden hover:shadow-md transition-shadow" }, /* @__PURE__ */ React23.createElement("div", { className: "h-48 bg-slate-100 overflow-hidden flex items-center justify-center" }, collection.coverImage ? /* @__PURE__ */ React23.createElement(
     "img",
     {
       src: collection.coverImage,
       alt: collection.title,
       className: "w-full h-full object-cover"
     }
-  ) : /* @__PURE__ */ React29.createElement("div", { className: "text-slate-400 text-sm" }, "\u6682\u65E0\u5C01\u9762")), /* @__PURE__ */ React29.createElement("div", { className: "p-4" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-lg font-semibold text-slate-800 mb-2" }, collection.title), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600 text-sm mb-1" }, "\u7F16\u53F7\uFF1A", collection.number), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600 text-sm mb-1" }, "\u5206\u7C7B\uFF1A", collection.category.displayName), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600 text-sm mb-1" }, "\u4EF7\u683C\uFF1A", collection.price ? `\xA5${collection.price}` : "\u514D\u8D39"), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600 text-sm mb-1" }, "\u5546\u54C1\u8BE6\u60C5\u56FE\u6570\u91CF\uFF1A", collection.pages.length), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600 text-sm mb-3" }, "\u72B6\u6001\uFF1A", collection.isPublished ? "\u5DF2\u53D1\u5E03" : "\u8349\u7A3F"), /* @__PURE__ */ React29.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React29.createElement(
+  ) : /* @__PURE__ */ React23.createElement("div", { className: "text-slate-400 text-sm" }, "\u6682\u65E0\u5C01\u9762")), /* @__PURE__ */ React23.createElement("div", { className: "p-4" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg font-semibold text-slate-800 mb-2" }, collection.title), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600 text-sm mb-1" }, "\u7F16\u53F7\uFF1A", collection.number), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600 text-sm mb-1" }, "\u5206\u7C7B\uFF1A", collection.category.displayName), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600 text-sm mb-1" }, "\u4EF7\u683C\uFF1A", collection.price ? `\xA5${collection.price}` : "\u514D\u8D39"), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600 text-sm mb-1" }, "\u5546\u54C1\u8BE6\u60C5\u56FE\u6570\u91CF\uFF1A", collection.pages.length), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600 text-sm mb-3" }, "\u72B6\u6001\uFF1A", collection.isPublished ? "\u5DF2\u53D1\u5E03" : "\u8349\u7A3F"), /* @__PURE__ */ React23.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => handleEditCollection(collection),
       className: "flex items-center gap-1 px-3 py-1 bg-blue-100 text-blue-700 border border-blue-200 rounded text-sm hover:bg-blue-200 transition-colors"
     },
-    /* @__PURE__ */ React29.createElement(Edit, { size: 14 }),
+    /* @__PURE__ */ React23.createElement(Edit, { size: 14 }),
     "\u7F16\u8F91"
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: async () => {
@@ -6527,18 +5493,18 @@ function ConfigPageContent() {
       },
       className: "flex items-center gap-1 px-3 py-1 bg-red-100 text-red-700 border border-red-200 rounded text-sm hover:bg-red-200 transition-colors"
     },
-    /* @__PURE__ */ React29.createElement(Trash2, { size: 14 }),
+    /* @__PURE__ */ React23.createElement(Trash2, { size: 14 }),
     "\u5220\u9664"
-  )))))))))), /* @__PURE__ */ React29.createElement(TabsContent, { value: "artworks", className: "space-y-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React29.createElement("h2", { className: "text-2xl font-bold text-slate-800" }, "\u5546\u54C1\u8BE6\u60C5\u56FE\u7BA1\u7406"), /* @__PURE__ */ React29.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React29.createElement(
+  )))))))))), /* @__PURE__ */ React23.createElement(TabsContent, { value: "artworks", className: "space-y-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React23.createElement("h2", { className: "text-2xl font-bold text-slate-800" }, "\u5546\u54C1\u8BE6\u60C5\u56FE\u7BA1\u7406"), /* @__PURE__ */ React23.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React23.createElement(
     "select",
     {
       value: selectedCollection || "",
       onChange: (e) => setSelectedCollection(e.target.value ? parseInt(e.target.value) : null),
       className: "px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
     },
-    /* @__PURE__ */ React29.createElement("option", { value: "" }, "\u9009\u62E9\u5546\u54C1"),
-    collections.map((collection) => /* @__PURE__ */ React29.createElement("option", { key: collection.id, value: collection.id }, collection.title))
-  ), selectedCollection && /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement("option", { value: "" }, "\u9009\u62E9\u5546\u54C1"),
+    collections.map((collection) => /* @__PURE__ */ React23.createElement("option", { key: collection.id, value: collection.id }, collection.title))
+  ), selectedCollection && /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => {
@@ -6555,17 +5521,17 @@ function ConfigPageContent() {
       },
       className: "flex items-center gap-2 px-4 py-2 bg-blue-600 text-white border border-blue-600 rounded-lg font-medium hover:bg-blue-700 transition-colors"
     },
-    /* @__PURE__ */ React29.createElement(Plus, { size: 16 }),
+    /* @__PURE__ */ React23.createElement(Plus, { size: 16 }),
     "\u6DFB\u52A0\u5546\u54C1\u8BE6\u60C5\u56FE"
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: handleToggleArtworkOrder,
       className: "flex items-center gap-2 px-4 py-2 bg-slate-100 text-slate-700 border border-slate-300 rounded-lg font-medium hover:bg-slate-200 transition-colors"
     },
-    /* @__PURE__ */ React29.createElement(ArrowUpDown, { size: 16 }),
+    /* @__PURE__ */ React23.createElement(ArrowUpDown, { size: 16 }),
     showArtworkOrder ? "\u5173\u95ED\u6392\u5E8F" : "\u5546\u54C1\u8BE6\u60C5\u56FE\u6392\u5E8F"
-  )))), selectedCollection && showArtworkOrder && /* @__PURE__ */ React29.createElement("div", { className: "mb-6 p-6 bg-white rounded-lg shadow-sm border border-slate-200" }, /* @__PURE__ */ React29.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-xl font-semibold text-slate-800 mb-2" }, "\u5546\u54C1\u8BE6\u60C5\u56FE\u6392\u5E8F\u7BA1\u7406"), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600" }, "\u62D6\u62FD\u6216\u4F7F\u7528\u6309\u94AE\u8C03\u6574\u5546\u54C1\u8BE6\u60C5\u56FE\u5728\u5546\u54C1\u4E2D\u7684\u663E\u793A\u987A\u5E8F")), /* @__PURE__ */ React29.createElement(
+  )))), selectedCollection && showArtworkOrder && /* @__PURE__ */ React23.createElement("div", { className: "mb-6 p-6 bg-white rounded-lg shadow-sm border border-slate-200" }, /* @__PURE__ */ React23.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-xl font-semibold text-slate-800 mb-2" }, "\u5546\u54C1\u8BE6\u60C5\u56FE\u6392\u5E8F\u7BA1\u7406"), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600" }, "\u62D6\u62FD\u6216\u4F7F\u7528\u6309\u94AE\u8C03\u6574\u5546\u54C1\u8BE6\u60C5\u56FE\u5728\u5546\u54C1\u4E2D\u7684\u663E\u793A\u987A\u5E8F")), /* @__PURE__ */ React23.createElement(
     ArtworkOrderManagerV2,
     {
       collectionId: selectedCollection,
@@ -6576,22 +5542,22 @@ function ConfigPageContent() {
         console.log("\u{1F504} [\u914D\u7F6E\u9875\u9762] \u5546\u54C1\u8BE6\u60C5\u56FE\u987A\u5E8F\u5DF2\u66F4\u65B0\uFF08\u6392\u5E8F\u7EC4\u4EF6\u5185\u90E8\u5DF2\u5904\u7406\u6570\u636E\u66F4\u65B0\uFF09");
       }
     }
-  )), selectedCollection && !showArtworkOrder && /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, collections.find((c) => c.id === selectedCollection)?.pages.map((artwork) => /* @__PURE__ */ React29.createElement("div", { key: artwork.id, className: "bg-white rounded-lg shadow-sm border border-slate-200 overflow-hidden hover:shadow-md transition-shadow" }, /* @__PURE__ */ React29.createElement("div", { className: "h-48 bg-slate-100 overflow-hidden" }, artwork.image && /* @__PURE__ */ React29.createElement(
+  )), selectedCollection && !showArtworkOrder && /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, collections.find((c) => c.id === selectedCollection)?.pages.map((artwork) => /* @__PURE__ */ React23.createElement("div", { key: artwork.id, className: "bg-white rounded-lg shadow-sm border border-slate-200 overflow-hidden hover:shadow-md transition-shadow" }, /* @__PURE__ */ React23.createElement("div", { className: "h-48 bg-slate-100 overflow-hidden" }, artwork.image && /* @__PURE__ */ React23.createElement(
     "img",
     {
       src: artwork.image,
       alt: artwork.title,
       className: "w-full h-full object-cover"
     }
-  )), /* @__PURE__ */ React29.createElement("div", { className: "p-4" }, /* @__PURE__ */ React29.createElement("h4", { className: "text-lg font-semibold text-slate-800 mb-2" }, artwork.title), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600 text-sm mb-1" }, "\u7F16\u53F7\uFF1A", artwork.number), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600 text-sm mb-1" }, "\u521B\u4F5C\u65F6\u95F4\uFF1A", artwork.createdTime), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600 text-sm mb-1" }, "\u4E3B\u9898\uFF1A", artwork.theme), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600 text-sm mb-3 line-clamp-2" }, artwork.description), /* @__PURE__ */ React29.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "p-4" }, /* @__PURE__ */ React23.createElement("h4", { className: "text-lg font-semibold text-slate-800 mb-2" }, artwork.title), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600 text-sm mb-1" }, "\u7F16\u53F7\uFF1A", artwork.number), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600 text-sm mb-1" }, "\u521B\u4F5C\u65F6\u95F4\uFF1A", artwork.createdTime), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600 text-sm mb-1" }, "\u4E3B\u9898\uFF1A", artwork.theme), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600 text-sm mb-3 line-clamp-2" }, artwork.description), /* @__PURE__ */ React23.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => handleEditArtwork(selectedCollection, artwork),
       className: "flex items-center gap-1 px-3 py-1 bg-blue-100 text-blue-700 border border-blue-200 rounded text-sm hover:bg-blue-200 transition-colors"
     },
-    /* @__PURE__ */ React29.createElement(Edit, { size: 14 }),
+    /* @__PURE__ */ React23.createElement(Edit, { size: 14 }),
     "\u7F16\u8F91"
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => {
@@ -6601,18 +5567,18 @@ function ConfigPageContent() {
       },
       className: "flex items-center gap-1 px-3 py-1 bg-red-100 text-red-700 border border-red-200 rounded text-sm hover:bg-red-200 transition-colors"
     },
-    /* @__PURE__ */ React29.createElement(Trash2, { size: 14 }),
+    /* @__PURE__ */ React23.createElement(Trash2, { size: 14 }),
     "\u5220\u9664"
-  ))))))), /* @__PURE__ */ React29.createElement(TabsContent, { value: "bookings", className: "space-y-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h2", { className: "text-2xl font-bold text-slate-800" }, "\u9884\u8BA2\u7BA1\u7406"), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600" }, "\u67E5\u770B\u6240\u6709\u7528\u6237\u7684\u9884\u8BA2\u4FE1\u606F")), /* @__PURE__ */ React29.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React29.createElement(
+  ))))))), /* @__PURE__ */ React23.createElement(TabsContent, { value: "bookings", className: "space-y-6" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h2", { className: "text-2xl font-bold text-slate-800" }, "\u9884\u8BA2\u7BA1\u7406"), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600" }, "\u67E5\u770B\u6240\u6709\u7528\u6237\u7684\u9884\u8BA2\u4FE1\u606F")), /* @__PURE__ */ React23.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: refreshBookingData,
       disabled: bookingLoading,
       className: "flex items-center gap-2 px-4 py-2 bg-blue-100 text-blue-700 rounded-lg font-medium hover:bg-blue-200 transition-colors disabled:opacity-50"
     },
-    /* @__PURE__ */ React29.createElement(RefreshCw, { size: 16, className: bookingLoading ? "animate-spin" : "" }),
+    /* @__PURE__ */ React23.createElement(RefreshCw, { size: 16, className: bookingLoading ? "animate-spin" : "" }),
     "\u5237\u65B0\u6570\u636E"
-  ))), /* @__PURE__ */ React29.createElement(
+  ))), /* @__PURE__ */ React23.createElement(
     BookingAdminPanel,
     {
       bookings,
@@ -6627,14 +5593,14 @@ function ConfigPageContent() {
       onDeleteBooking: deleteBooking3,
       onExportBookings: exportBookings2
     }
-  )), /* @__PURE__ */ React29.createElement(TabsContent, { value: "popup", className: "space-y-6" }, /* @__PURE__ */ React29.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React29.createElement("h2", { className: "text-2xl font-bold text-slate-800 mb-2" }, "\u5F39\u7A97\u914D\u7F6E"), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600" }, "\u7BA1\u7406\u8D2D\u7269\u8F66\u63D0\u4EA4\u65F6\u7684\u9650\u65F6\u63D0\u9192\u5F39\u7A97\u8BBE\u7F6E")), /* @__PURE__ */ React29.createElement(PopupConfigManagement, null)), /* @__PURE__ */ React29.createElement(TabsContent, { value: "system", className: "space-y-6" }, /* @__PURE__ */ React29.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React29.createElement("h2", { className: "text-2xl font-bold text-slate-800 mb-2" }, "\u7CFB\u7EDF\u914D\u7F6E"), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600" }, "\u7BA1\u7406ShowMasterPieces\u6A21\u5757\u7684\u7CFB\u7EDF\u7EA7\u914D\u7F6E\u9879\uFF0C\u4E3A\u6A21\u5757\u72EC\u7ACB\u5316\u505A\u51C6\u5907"), /* @__PURE__ */ React29.createElement("div", { className: "mt-4 p-4 bg-blue-50 border border-blue-200 rounded-lg" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React29.createElement(Cog, { className: "text-blue-600 mt-0.5", size: 20 }), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h3", { className: "font-semibold text-blue-900" }, "\u914D\u7F6E\u8BF4\u660E"), /* @__PURE__ */ React29.createElement("p", { className: "text-blue-800 text-sm mt-1" }, "\u8FD9\u91CC\u7684\u914D\u7F6E\u9879\u5C06\u7528\u4E8EShowMasterPieces\u6A21\u5757\u7684\u72EC\u7ACB\u8FD0\u884C\u3002 \u65B0\u521B\u5EFA\u7684\u914D\u7F6E\u9879\u4F1A\u81EA\u52A8\u6DFB\u52A0", /* @__PURE__ */ React29.createElement("code", { className: "bg-blue-100 px-1 rounded" }, "SHOWMASTER_"), "\u524D\u7F00\u3002"), /* @__PURE__ */ React29.createElement("p", { className: "text-blue-700 text-xs mt-2" }, "\u{1F4A1} \u63D0\u793A\uFF1A\u8FD9\u4E9B\u914D\u7F6E\u72EC\u7ACB\u4E8E\u5168\u5C40\u914D\u7F6E\uFF0C\u4FBF\u4E8E\u6A21\u5757\u6253\u5305\u548C\u90E8\u7F72\u3002"))))), /* @__PURE__ */ React29.createElement(SystemConfigManager, null)))), showCollectionForm && /* @__PURE__ */ React29.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50" }, /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-hidden" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between p-6 border-b border-slate-200" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-xl font-semibold text-slate-800" }, editingCollection ? "\u7F16\u8F91\u5546\u54C1" : "\u6DFB\u52A0\u5546\u54C1"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement(TabsContent, { value: "popup", className: "space-y-6" }, /* @__PURE__ */ React23.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React23.createElement("h2", { className: "text-2xl font-bold text-slate-800 mb-2" }, "\u5F39\u7A97\u914D\u7F6E"), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600" }, "\u7BA1\u7406\u8D2D\u7269\u8F66\u63D0\u4EA4\u65F6\u7684\u9650\u65F6\u63D0\u9192\u5F39\u7A97\u8BBE\u7F6E")), /* @__PURE__ */ React23.createElement(PopupConfigManagement, null)), /* @__PURE__ */ React23.createElement(TabsContent, { value: "system", className: "space-y-6" }, /* @__PURE__ */ React23.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React23.createElement("h2", { className: "text-2xl font-bold text-slate-800 mb-2" }, "\u7CFB\u7EDF\u914D\u7F6E"), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600" }, "\u7BA1\u7406ShowMasterPieces\u6A21\u5757\u7684\u7CFB\u7EDF\u7EA7\u914D\u7F6E\u9879\uFF0C\u4E3A\u6A21\u5757\u72EC\u7ACB\u5316\u505A\u51C6\u5907"), /* @__PURE__ */ React23.createElement("div", { className: "mt-4 p-4 bg-blue-50 border border-blue-200 rounded-lg" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React23.createElement(Cog, { className: "text-blue-600 mt-0.5", size: 20 }), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h3", { className: "font-semibold text-blue-900" }, "\u914D\u7F6E\u8BF4\u660E"), /* @__PURE__ */ React23.createElement("p", { className: "text-blue-800 text-sm mt-1" }, "\u8FD9\u91CC\u7684\u914D\u7F6E\u9879\u5C06\u7528\u4E8EShowMasterPieces\u6A21\u5757\u7684\u72EC\u7ACB\u8FD0\u884C\u3002 \u65B0\u521B\u5EFA\u7684\u914D\u7F6E\u9879\u4F1A\u81EA\u52A8\u6DFB\u52A0", /* @__PURE__ */ React23.createElement("code", { className: "bg-blue-100 px-1 rounded" }, "SHOWMASTER_"), "\u524D\u7F00\u3002"), /* @__PURE__ */ React23.createElement("p", { className: "text-blue-700 text-xs mt-2" }, "\u{1F4A1} \u63D0\u793A\uFF1A\u8FD9\u4E9B\u914D\u7F6E\u72EC\u7ACB\u4E8E\u5168\u5C40\u914D\u7F6E\uFF0C\u4FBF\u4E8E\u6A21\u5757\u6253\u5305\u548C\u90E8\u7F72\u3002"))))), /* @__PURE__ */ React23.createElement(SystemConfigManager, null)))), showCollectionForm && /* @__PURE__ */ React23.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50" }, /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-hidden" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between p-6 border-b border-slate-200" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-xl font-semibold text-slate-800" }, editingCollection ? "\u7F16\u8F91\u5546\u54C1" : "\u6DFB\u52A0\u5546\u54C1"), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => setShowCollectionForm(false),
       className: "text-slate-400 hover:text-slate-600 text-2xl font-bold leading-none"
     },
     "\xD7"
-  )), /* @__PURE__ */ React29.createElement("div", { className: "p-6 overflow-y-auto max-h-[calc(90vh-140px)]" }, /* @__PURE__ */ React29.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u6807\u9898"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "p-6 overflow-y-auto max-h-[calc(90vh-140px)]" }, /* @__PURE__ */ React23.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u6807\u9898"), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "text",
@@ -6643,7 +5609,7 @@ function ConfigPageContent() {
       placeholder: "\u8F93\u5165\u5546\u54C1\u6807\u9898",
       className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
     }
-  )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u7F16\u53F7"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u7F16\u53F7"), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "text",
@@ -6652,7 +5618,7 @@ function ConfigPageContent() {
       placeholder: "\u8F93\u5165\u7F16\u53F7",
       className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
     }
-  )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement(
     UniversalImageUpload,
     {
       label: "\u5C01\u9762\u56FE\u7247",
@@ -6666,7 +5632,7 @@ function ConfigPageContent() {
       placeholder: "\u4E0A\u4F20\u5C01\u9762\u56FE\u7247",
       businessType: "cover"
     }
-  )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u63CF\u8FF0"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u63CF\u8FF0"), /* @__PURE__ */ React23.createElement(
     "textarea",
     {
       value: collectionForm.description,
@@ -6675,15 +5641,15 @@ function ConfigPageContent() {
       rows: 3,
       className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
     }
-  )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u5206\u7C7B"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u5206\u7C7B"), /* @__PURE__ */ React23.createElement(
     "select",
     {
       value: collectionForm.category,
       onChange: (e) => setCollectionForm((prev) => ({ ...prev, category: e.target.value })),
       className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
     },
-    categoryOptions.map((category) => /* @__PURE__ */ React29.createElement("option", { key: category.name, value: category.name }, category.description || getCategoryDisplayName(category.name)))
-  )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u4EF7\u683C\uFF08\u5143\uFF09"), /* @__PURE__ */ React29.createElement(
+    categoryOptions.map((category) => /* @__PURE__ */ React23.createElement("option", { key: category.name, value: category.name }, category.description || getCategoryDisplayName(category.name)))
+  )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u4EF7\u683C\uFF08\u5143\uFF09"), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "number",
@@ -6697,7 +5663,7 @@ function ConfigPageContent() {
       step: "1",
       className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
     }
-  )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "flex items-center gap-2 cursor-pointer" }, /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "flex items-center gap-2 cursor-pointer" }, /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "checkbox",
@@ -6705,28 +5671,28 @@ function ConfigPageContent() {
       onChange: (e) => setCollectionForm((prev) => ({ ...prev, isPublished: e.target.checked })),
       className: "w-4 h-4 text-blue-600 border-slate-300 rounded focus:ring-blue-500"
     }
-  ), /* @__PURE__ */ React29.createElement("span", { className: "text-sm font-medium text-slate-700" }, "\u53D1\u5E03\u5546\u54C1"))))), /* @__PURE__ */ React29.createElement("div", { className: "flex justify-end gap-3 p-6 border-t border-slate-200" }, /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement("span", { className: "text-sm font-medium text-slate-700" }, "\u53D1\u5E03\u5546\u54C1"))))), /* @__PURE__ */ React23.createElement("div", { className: "flex justify-end gap-3 p-6 border-t border-slate-200" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => setShowCollectionForm(false),
       className: "px-4 py-2 bg-slate-100 text-slate-700 border border-slate-300 rounded-lg font-medium hover:bg-slate-200 transition-colors"
     },
     "\u53D6\u6D88"
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: handleSaveCollection,
       className: "px-4 py-2 bg-blue-600 text-white border border-blue-600 rounded-lg font-medium hover:bg-blue-700 transition-colors"
     },
     "\u4FDD\u5B58"
-  )))), showArtworkForm && /* @__PURE__ */ React29.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50" }, /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-hidden" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-between p-6 border-b border-slate-200" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-xl font-semibold text-slate-800" }, editingArtwork ? "\u7F16\u8F91\u5546\u54C1\u8BE6\u60C5\u56FE" : "\u6DFB\u52A0\u5546\u54C1\u8BE6\u60C5\u56FE"), /* @__PURE__ */ React29.createElement(
+  )))), showArtworkForm && /* @__PURE__ */ React23.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50" }, /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-hidden" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between p-6 border-b border-slate-200" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-xl font-semibold text-slate-800" }, editingArtwork ? "\u7F16\u8F91\u5546\u54C1\u8BE6\u60C5\u56FE" : "\u6DFB\u52A0\u5546\u54C1\u8BE6\u60C5\u56FE"), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => setShowArtworkForm(false),
       className: "text-slate-400 hover:text-slate-600 text-2xl font-bold leading-none"
     },
     "\xD7"
-  )), /* @__PURE__ */ React29.createElement("div", { className: "p-6 overflow-y-auto max-h-[calc(90vh-140px)]" }, /* @__PURE__ */ React29.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u6807\u9898"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "p-6 overflow-y-auto max-h-[calc(90vh-140px)]" }, /* @__PURE__ */ React23.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u6807\u9898"), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "text",
@@ -6735,7 +5701,7 @@ function ConfigPageContent() {
       placeholder: "\u8F93\u5165\u5546\u54C1\u8BE6\u60C5\u56FE\u6807\u9898",
       className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
     }
-  )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u7F16\u53F7"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u7F16\u53F7"), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "text",
@@ -6744,7 +5710,7 @@ function ConfigPageContent() {
       placeholder: "\u8F93\u5165\u7F16\u53F7",
       className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
     }
-  )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement(
     UniversalImageUpload,
     {
       label: "\u5546\u54C1\u8BE6\u60C5\u56FE\u56FE\u7247",
@@ -6758,7 +5724,7 @@ function ConfigPageContent() {
       placeholder: "\u4E0A\u4F20\u5546\u54C1\u8BE6\u60C5\u56FE\u56FE\u7247",
       businessType: "artwork"
     }
-  )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u63CF\u8FF0"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u63CF\u8FF0"), /* @__PURE__ */ React23.createElement(
     "textarea",
     {
       value: artworkForm.description,
@@ -6767,7 +5733,7 @@ function ConfigPageContent() {
       rows: 3,
       className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
     }
-  )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u521B\u4F5C\u65F6\u95F4"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u521B\u4F5C\u65F6\u95F4"), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "text",
@@ -6776,7 +5742,7 @@ function ConfigPageContent() {
       placeholder: "\u8F93\u5165\u521B\u4F5C\u65F6\u95F4",
       className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
     }
-  )), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u4E3B\u9898"), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u4E3B\u9898"), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "text",
@@ -6785,14 +5751,14 @@ function ConfigPageContent() {
       placeholder: "\u8F93\u5165\u5546\u54C1\u8BE6\u60C5\u56FE\u4E3B\u9898",
       className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
     }
-  )))), /* @__PURE__ */ React29.createElement("div", { className: "flex justify-end gap-3 p-6 border-t border-slate-200" }, /* @__PURE__ */ React29.createElement(
+  )))), /* @__PURE__ */ React23.createElement("div", { className: "flex justify-end gap-3 p-6 border-t border-slate-200" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => setShowArtworkForm(false),
       className: "px-4 py-2 bg-slate-100 text-slate-700 border border-slate-300 rounded-lg font-medium hover:bg-slate-200 transition-colors"
     },
     "\u53D6\u6D88"
-  ), /* @__PURE__ */ React29.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: handleSaveArtwork,
@@ -6802,7 +5768,7 @@ function ConfigPageContent() {
   )))));
 }
 function ConfigPage() {
-  return /* @__PURE__ */ React29.createElement(AuthProvider, null, /* @__PURE__ */ React29.createElement(AuthGuard, null, /* @__PURE__ */ React29.createElement(ConfigPageContent, null)));
+  return /* @__PURE__ */ React23.createElement(AuthProvider, null, /* @__PURE__ */ React23.createElement(AuthGuard, null, /* @__PURE__ */ React23.createElement(ConfigPageContent, null)));
 }
 function UserHistoryPage() {
   const [formData, setFormData] = useState({
@@ -6846,15 +5812,15 @@ function UserHistoryPage() {
     setFormData({ qqNumber: "", phoneNumber: "" });
     setFormErrors({});
   };
-  return /* @__PURE__ */ React29.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React29.createElement("div", { className: "max-w-6xl mx-auto p-4 sm:p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React23.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React23.createElement("div", { className: "max-w-6xl mx-auto p-4 sm:p-6" }, /* @__PURE__ */ React23.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React23.createElement(
     Link,
     {
       href: "/testField/ShowMasterPieces",
       className: "inline-flex items-center gap-2 text-slate-600 hover:text-slate-800 transition-colors"
     },
-    /* @__PURE__ */ React29.createElement(ArrowLeft, { size: 20 }),
+    /* @__PURE__ */ React23.createElement(ArrowLeft, { size: 20 }),
     "\u8FD4\u56DE\u753B\u96C6\u5C55\u793A"
-  )), !isSubmitted ? /* @__PURE__ */ React29.createElement("div", { className: "max-w-md mx-auto" }, /* @__PURE__ */ React29.createElement("div", { className: "text-center mb-8" }, /* @__PURE__ */ React29.createElement("div", { className: "inline-flex items-center justify-center w-16 h-16 bg-blue-100 rounded-full mb-4" }, /* @__PURE__ */ React29.createElement(User, { size: 32, className: "text-blue-600" })), /* @__PURE__ */ React29.createElement("h1", { className: "text-2xl font-bold text-slate-800 mb-2" }, "\u67E5\u770B\u9884\u8BA2\u5386\u53F2"), /* @__PURE__ */ React29.createElement("p", { className: "text-slate-600" }, "\u8BF7\u8F93\u5165\u60A8\u7684QQ\u53F7\u548C\u624B\u673A\u53F7\u67E5\u770B\u9884\u8BA2\u5386\u53F2\u8BB0\u5F55")), /* @__PURE__ */ React29.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-6" }, /* @__PURE__ */ React29.createElement("form", { onSubmit: handleSubmit, className: "space-y-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { htmlFor: "qqNumber", className: "block text-sm font-medium text-slate-700 mb-2" }, "QQ\u53F7"), /* @__PURE__ */ React29.createElement(
+  )), !isSubmitted ? /* @__PURE__ */ React23.createElement("div", { className: "max-w-md mx-auto" }, /* @__PURE__ */ React23.createElement("div", { className: "text-center mb-8" }, /* @__PURE__ */ React23.createElement("div", { className: "inline-flex items-center justify-center w-16 h-16 bg-blue-100 rounded-full mb-4" }, /* @__PURE__ */ React23.createElement(User, { size: 32, className: "text-blue-600" })), /* @__PURE__ */ React23.createElement("h1", { className: "text-2xl font-bold text-slate-800 mb-2" }, "\u67E5\u770B\u9884\u8BA2\u5386\u53F2"), /* @__PURE__ */ React23.createElement("p", { className: "text-slate-600" }, "\u8BF7\u8F93\u5165\u60A8\u7684QQ\u53F7\u548C\u624B\u673A\u53F7\u67E5\u770B\u9884\u8BA2\u5386\u53F2\u8BB0\u5F55")), /* @__PURE__ */ React23.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-slate-200 p-6" }, /* @__PURE__ */ React23.createElement("form", { onSubmit: handleSubmit, className: "space-y-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { htmlFor: "qqNumber", className: "block text-sm font-medium text-slate-700 mb-2" }, "QQ\u53F7"), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "text",
@@ -6864,7 +5830,7 @@ function UserHistoryPage() {
       className: `w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 ${formErrors.qqNumber ? "border-red-300" : "border-slate-300"}`,
       placeholder: "\u8BF7\u8F93\u5165QQ\u53F7"
     }
-  ), formErrors.qqNumber && /* @__PURE__ */ React29.createElement("p", { className: "mt-1 text-sm text-red-600" }, formErrors.qqNumber)), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("label", { htmlFor: "phoneNumber", className: "block text-sm font-medium text-slate-700 mb-2" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React29.createElement(
+  ), formErrors.qqNumber && /* @__PURE__ */ React23.createElement("p", { className: "mt-1 text-sm text-red-600" }, formErrors.qqNumber)), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("label", { htmlFor: "phoneNumber", className: "block text-sm font-medium text-slate-700 mb-2" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React23.createElement(
     "input",
     {
       type: "tel",
@@ -6874,23 +5840,23 @@ function UserHistoryPage() {
       className: `w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 ${formErrors.phoneNumber ? "border-red-300" : "border-slate-300"}`,
       placeholder: "\u8BF7\u8F93\u5165\u624B\u673A\u53F7"
     }
-  ), formErrors.phoneNumber && /* @__PURE__ */ React29.createElement("p", { className: "mt-1 text-sm text-red-600" }, formErrors.phoneNumber)), /* @__PURE__ */ React29.createElement(
+  ), formErrors.phoneNumber && /* @__PURE__ */ React23.createElement("p", { className: "mt-1 text-sm text-red-600" }, formErrors.phoneNumber)), /* @__PURE__ */ React23.createElement(
     "button",
     {
       type: "submit",
       className: "w-full flex items-center justify-center gap-2 bg-blue-600 text-white py-2 px-4 rounded-lg font-medium hover:bg-blue-700 transition-colors"
     },
-    /* @__PURE__ */ React29.createElement(Search, { size: 16 }),
+    /* @__PURE__ */ React23.createElement(Search, { size: 16 }),
     "\u67E5\u8BE2\u5386\u53F2\u8BB0\u5F55"
-  )), /* @__PURE__ */ React29.createElement("div", { className: "mt-6 p-4 bg-blue-50 rounded-lg" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-sm font-medium text-blue-800 mb-2" }, "\u67E5\u8BE2\u8BF4\u660E"), /* @__PURE__ */ React29.createElement("ul", { className: "text-sm text-blue-700 space-y-1" }, /* @__PURE__ */ React29.createElement("li", null, "\u2022 \u8BF7\u8F93\u5165\u60A8\u9884\u8BA2\u65F6\u4F7F\u7528\u7684QQ\u53F7\u548C\u624B\u673A\u53F7"), /* @__PURE__ */ React29.createElement("li", null, "\u2022 \u7CFB\u7EDF\u5C06\u663E\u793A\u60A8\u6240\u6709\u7684\u9884\u8BA2\u5386\u53F2\u8BB0\u5F55"), /* @__PURE__ */ React29.createElement("li", null, "\u2022 \u60A8\u53EF\u4EE5\u67E5\u770B\u9884\u8BA2\u72B6\u6001\u3001\u5546\u54C1\u8BE6\u60C5\u7B49\u4FE1\u606F"), /* @__PURE__ */ React29.createElement("li", null, "\u2022 \u652F\u6301\u5220\u9664\u5355\u6761\u8BB0\u5F55\u6216\u6E05\u7A7A\u6240\u6709\u8BB0\u5F55"))))) : /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement("div", { className: "mt-6 p-4 bg-blue-50 rounded-lg" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-sm font-medium text-blue-800 mb-2" }, "\u67E5\u8BE2\u8BF4\u660E"), /* @__PURE__ */ React23.createElement("ul", { className: "text-sm text-blue-700 space-y-1" }, /* @__PURE__ */ React23.createElement("li", null, "\u2022 \u8BF7\u8F93\u5165\u60A8\u9884\u8BA2\u65F6\u4F7F\u7528\u7684QQ\u53F7\u548C\u624B\u673A\u53F7"), /* @__PURE__ */ React23.createElement("li", null, "\u2022 \u7CFB\u7EDF\u5C06\u663E\u793A\u60A8\u6240\u6709\u7684\u9884\u8BA2\u5386\u53F2\u8BB0\u5F55"), /* @__PURE__ */ React23.createElement("li", null, "\u2022 \u60A8\u53EF\u4EE5\u67E5\u770B\u9884\u8BA2\u72B6\u6001\u3001\u5546\u54C1\u8BE6\u60C5\u7B49\u4FE1\u606F"), /* @__PURE__ */ React23.createElement("li", null, "\u2022 \u652F\u6301\u5220\u9664\u5355\u6761\u8BB0\u5F55\u6216\u6E05\u7A7A\u6240\u6709\u8BB0\u5F55"))))) : /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: handleBack,
       className: "inline-flex items-center gap-2 text-slate-600 hover:text-slate-800 transition-colors"
     },
-    /* @__PURE__ */ React29.createElement(ArrowLeft, { size: 20 }),
+    /* @__PURE__ */ React23.createElement(ArrowLeft, { size: 20 }),
     "\u8FD4\u56DE\u67E5\u8BE2"
-  )), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React23.createElement(
     CartHistoryPage,
     {
       qqNumber: formData.qqNumber,
@@ -6900,5 +5866,5 @@ function UserHistoryPage() {
 }
 
 export { AddConfigItemDialog, AddToCartButton, ArtworkOrderManagerV2, ArtworkViewer, BOOKING_EXPORT_FIELDS, BookingAdminPanel, BookingModal, BookingPage, CartButton, CartHistoryPage, CartModal, CartPage, CollectionCard, CollectionList, CollectionOrderManagerV2, ConfigPage, DEFAULT_BOOKING_EXPORT_CONFIG, DeadlinePopup, DeadlinePopupManager, DeleteConfirmDialog, MobileAlbumViewer, PopupConfigManagement, ShowMasterPieces, SystemConfigManager, ThumbnailSidebar, UniversalImageUpload, UserHistoryPage, clearConfigCache, getArtworkImageUrl, getShowMasterpieceFileConfig, getStorageModeDisplayName, refreshFileServiceConfig, shouldUseUniversalFileService, uploadArtworkImage };
-//# sourceMappingURL=chunk-PONZPO3U.mjs.map
-//# sourceMappingURL=chunk-PONZPO3U.mjs.map
+//# sourceMappingURL=chunk-UTB72ZJ7.mjs.map
+//# sourceMappingURL=chunk-UTB72ZJ7.mjs.map