sa2kit 1.6.12 → 1.6.13

package/dist/mmd/index.js

@@ -3,7 +3,7 @@
 var chunkL5PW2YTI_js = require('../chunk-L5PW2YTI.js');
 require('../chunk-2ODO4HEI.js');
 require('../chunk-DGUM43GV.js');
-var React21 = require('react');
+var React24 = require('react');
 var THREE3 = require('three');
 var threeStdlib = require('three-stdlib');
 var lucideReact = require('lucide-react');
@@ -29,7 +29,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React21__default = /*#__PURE__*/_interopDefault(React21);
+var React24__default = /*#__PURE__*/_interopDefault(React24);
 var THREE3__namespace = /*#__PURE__*/_interopNamespace(THREE3);
 
 // src/mmd/utils/ammo-loader.ts
@@ -1735,7 +1735,7 @@ async function waitForMaterialsReady(object, renderer, scene, camera) {
     });
   }
 }
-var MMDPlayerBase = React21.forwardRef((props, ref) => {
+var MMDPlayerBase = React24.forwardRef((props, ref) => {
   const {
     resources,
     stage = {},
@@ -1761,43 +1761,43 @@ var MMDPlayerBase = React21.forwardRef((props, ref) => {
   const fxPath = props.fxPath || stage.fxPath;
   const fxTexturePath = props.fxTexturePath || stage.fxTexturePath;
   const fxConfigs = props.fxConfigs || stage.fxConfigs;
-  const containerRef = React21.useRef(null);
-  const sceneRef = React21.useRef(null);
-  const cameraRef = React21.useRef(null);
-  const rendererRef = React21.useRef(null);
-  const outlineEffectRef = React21.useRef(null);
-  const controlsRef = React21.useRef(null);
-  const helperRef = React21.useRef(null);
-  const axesHelperRef = React21.useRef(null);
-  const clockRef = React21.useRef(new THREE3__namespace.Clock());
-  const animationIdRef = React21.useRef(null);
-  const resizeObserverRef = React21.useRef(null);
-  const fxEffectRef = React21.useRef(null);
-  const fxAdapterRef = React21.useRef(null);
-  const multiFXAdapterRef = React21.useRef(null);
-  const isReadyRef = React21.useRef(false);
-  const isPlayingRef = React21.useRef(false);
-  const initIdRef = React21.useRef(0);
-  const durationRef = React21.useRef(0);
-  const animationClipRef = React21.useRef(null);
-  const loopRef = React21.useRef(loop);
-  const audioRef = React21.useRef(null);
-  const audioListenerRef = React21.useRef(null);
-  const audioLoaderRef = React21.useRef(new THREE3__namespace.AudioLoader());
-  const latestCallbacks = React21.useRef({ onPlay, onPause, onEnded, onTimeUpdate });
-  React21.useEffect(() => {
+  const containerRef = React24.useRef(null);
+  const sceneRef = React24.useRef(null);
+  const cameraRef = React24.useRef(null);
+  const rendererRef = React24.useRef(null);
+  const outlineEffectRef = React24.useRef(null);
+  const controlsRef = React24.useRef(null);
+  const helperRef = React24.useRef(null);
+  const axesHelperRef = React24.useRef(null);
+  const clockRef = React24.useRef(new THREE3__namespace.Clock());
+  const animationIdRef = React24.useRef(null);
+  const resizeObserverRef = React24.useRef(null);
+  const fxEffectRef = React24.useRef(null);
+  const fxAdapterRef = React24.useRef(null);
+  const multiFXAdapterRef = React24.useRef(null);
+  const isReadyRef = React24.useRef(false);
+  const isPlayingRef = React24.useRef(false);
+  const initIdRef = React24.useRef(0);
+  const durationRef = React24.useRef(0);
+  const animationClipRef = React24.useRef(null);
+  const loopRef = React24.useRef(loop);
+  const audioRef = React24.useRef(null);
+  const audioListenerRef = React24.useRef(null);
+  const audioLoaderRef = React24.useRef(new THREE3__namespace.AudioLoader());
+  const latestCallbacks = React24.useRef({ onPlay, onPause, onEnded, onTimeUpdate });
+  React24.useEffect(() => {
     latestCallbacks.current = { onPlay, onPause, onEnded, onTimeUpdate };
   }, [onPlay, onPause, onEnded, onTimeUpdate]);
-  const physicsComponentsRef = React21.useRef({
+  const physicsComponentsRef = React24.useRef({
     configs: [],
     dispatchers: [],
     caches: [],
     solvers: [],
     worlds: []
   });
-  const startTimeRef = React21.useRef(Date.now());
-  const modelSwitchCountRef = React21.useRef(0);
-  React21.useImperativeHandle(ref, () => ({
+  const startTimeRef = React24.useRef(Date.now());
+  const modelSwitchCountRef = React24.useRef(0);
+  React24.useImperativeHandle(ref, () => ({
     play: () => {
       if (!isReadyRef.current) return;
       isPlayingRef.current = true;
@@ -1854,7 +1854,7 @@ var MMDPlayerBase = React21.forwardRef((props, ref) => {
       onCameraChange?.(false);
     }
   }));
-  React21.useEffect(() => {
+  React24.useEffect(() => {
     if (!containerRef.current) return;
     const init = async () => {
       const myId = ++initIdRef.current;
@@ -2116,7 +2116,7 @@ var MMDPlayerBase = React21.forwardRef((props, ref) => {
           durationRef.current = animation.duration;
         }
         mesh.castShadow = true;
-        mesh.receiveShadow = true;
+        mesh.receiveShadow = false;
         const tempScene = new THREE3__namespace.Scene();
         tempScene.add(mesh);
         await waitForMaterialsReady(mesh, renderer, tempScene, camera);
@@ -2296,7 +2296,7 @@ var MMDPlayerBase = React21.forwardRef((props, ref) => {
             let stageMaterialCount = 0;
             stageMesh.traverse((child) => {
               if (child instanceof THREE3__namespace.Mesh) {
-                child.castShadow = true;
+                child.castShadow = false;
                 child.receiveShadow = true;
                 const mesh2 = child;
                 const materials = Array.isArray(mesh2.material) ? mesh2.material : [mesh2.material];
@@ -2758,7 +2758,7 @@ ${errorMessage}
       }
     };
   }, [resources.modelPath, resources.motionPath, resources.stageModelPath, stage.enablePhysics, stage.physicsPath]);
-  React21.useEffect(() => {
+  React24.useEffect(() => {
     if (!audioListenerRef.current || !helperRef.current || !resources.audioPath) return;
     const listener = audioListenerRef.current;
     const helper = helperRef.current;
@@ -2790,7 +2790,7 @@ ${errorMessage}
       (err) => console.error("[MMDPlayerBase] Failed to load audio track:", err)
     );
   }, [resources.audioPath, volume]);
-  React21.useEffect(() => {
+  React24.useEffect(() => {
     if (!sceneRef.current) return;
     if (showAxes && !axesHelperRef.current) {
       const axesHelper = new THREE3__namespace.AxesHelper(20);
@@ -2802,13 +2802,13 @@ ${errorMessage}
       axesHelperRef.current = null;
     }
   }, [showAxes]);
-  React21.useEffect(() => {
+  React24.useEffect(() => {
     loopRef.current = loop;
     if (audioRef.current && audioRef.current.buffer) {
       audioRef.current.setLoop(loop);
     }
   }, [loop]);
-  React21.useEffect(() => {
+  React24.useEffect(() => {
     if (outlineEffectRef.current) {
       outlineEffectRef.current.defaultThickness = outlineOptions.thickness ?? 3e-3;
       outlineEffectRef.current.defaultColor = new THREE3__namespace.Color(outlineOptions.color ?? "#000000").toArray();
@@ -2831,7 +2831,7 @@ ${errorMessage}
       }
     }
   }, [outlineOptions.thickness, outlineOptions.color]);
-  React21.useEffect(() => {
+  React24.useEffect(() => {
     if (!isReadyRef.current) return;
     if (sceneRef.current) {
       if (stage.backgroundColor) {
@@ -2890,7 +2890,7 @@ ${errorMessage}
       }
     }
   };
-  return /* @__PURE__ */ React21__default.default.createElement(
+  return /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       ref: containerRef,
@@ -2929,78 +2929,78 @@ var ControlPanel = ({
   onNext,
   onResetCamera
 }) => {
-  return /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-4 transition-opacity duration-300 hover:opacity-100" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between text-white" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-2" }, showPrevNext && onPrevious && /* @__PURE__ */ React21__default.default.createElement(
+  return /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-4 transition-opacity duration-300 hover:opacity-100" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between text-white" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center gap-2" }, showPrevNext && onPrevious && /* @__PURE__ */ React24__default.default.createElement(
     "button",
     {
       onClick: onPrevious,
       className: "rounded-full p-2 hover:bg-white/20 transition-colors",
       title: "\u4E0A\u4E00\u4E2A"
     },
-    /* @__PURE__ */ React21__default.default.createElement(lucideReact.SkipBack, { size: 20 })
-  ), /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement(lucideReact.SkipBack, { size: 20 })
+  ), /* @__PURE__ */ React24__default.default.createElement(
     "button",
     {
       onClick: onPlayPause,
       className: "rounded-full p-2 hover:bg-white/20 transition-colors",
       title: isPlaying ? "\u6682\u505C" : "\u64AD\u653E"
     },
-    isPlaying ? /* @__PURE__ */ React21__default.default.createElement(lucideReact.Pause, { size: 24 }) : /* @__PURE__ */ React21__default.default.createElement(lucideReact.Play, { size: 24 })
-  ), showPrevNext && onNext && /* @__PURE__ */ React21__default.default.createElement(
+    isPlaying ? /* @__PURE__ */ React24__default.default.createElement(lucideReact.Pause, { size: 24 }) : /* @__PURE__ */ React24__default.default.createElement(lucideReact.Play, { size: 24 })
+  ), showPrevNext && onNext && /* @__PURE__ */ React24__default.default.createElement(
     "button",
     {
       onClick: onNext,
       className: "rounded-full p-2 hover:bg-white/20 transition-colors",
       title: "\u4E0B\u4E00\u4E2A"
     },
-    /* @__PURE__ */ React21__default.default.createElement(lucideReact.SkipForward, { size: 20 })
-  )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-4" }, (title || subtitle) && /* @__PURE__ */ React21__default.default.createElement("div", { className: "hidden text-sm font-medium opacity-80 md:block" }, title, subtitle && /* @__PURE__ */ React21__default.default.createElement("span", { className: "ml-2 text-xs opacity-60" }, subtitle)), onToggleListLoop && /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement(lucideReact.SkipForward, { size: 20 })
+  )), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center gap-4" }, (title || subtitle) && /* @__PURE__ */ React24__default.default.createElement("div", { className: "hidden text-sm font-medium opacity-80 md:block" }, title, subtitle && /* @__PURE__ */ React24__default.default.createElement("span", { className: "ml-2 text-xs opacity-60" }, subtitle)), onToggleListLoop && /* @__PURE__ */ React24__default.default.createElement(
     "button",
     {
       onClick: onToggleListLoop,
       className: `rounded-full p-2 transition-colors ${isListLooping ? "bg-green-500/30 hover:bg-green-500/50" : "hover:bg-white/20"}`,
       title: isListLooping ? "\u5217\u8868\u5FAA\u73AF\uFF1A\u5F00\u542F" : "\u5217\u8868\u5FAA\u73AF\uFF1A\u5173\u95ED"
     },
-    /* @__PURE__ */ React21__default.default.createElement(lucideReact.Repeat, { size: 20 })
-  ), /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement(lucideReact.Repeat, { size: 20 })
+  ), /* @__PURE__ */ React24__default.default.createElement(
     "button",
     {
       onClick: onToggleLoop,
       className: `rounded-full p-2 transition-colors ${isLooping ? "bg-blue-500/30 hover:bg-blue-500/50" : "hover:bg-white/20"}`,
       title: isLooping ? "\u5355\u66F2\u5FAA\u73AF\uFF1A\u5F00\u542F" : "\u5355\u66F2\u5FAA\u73AF\uFF1A\u5173\u95ED"
     },
-    /* @__PURE__ */ React21__default.default.createElement(lucideReact.Repeat1, { size: 20 })
-  ), isCameraManual && onResetCamera && /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement(lucideReact.Repeat1, { size: 20 })
+  ), isCameraManual && onResetCamera && /* @__PURE__ */ React24__default.default.createElement(
     "button",
     {
       onClick: onResetCamera,
       className: "rounded-full p-2 bg-blue-500/30 text-blue-400 hover:bg-blue-500/50 hover:text-blue-300 transition-all animate-in zoom-in duration-300",
       title: "\u6062\u590D\u521D\u59CB\u89C6\u89D2"
     },
-    /* @__PURE__ */ React21__default.default.createElement(lucideReact.Camera, { size: 20 })
-  ), onToggleAxes && /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement(lucideReact.Camera, { size: 20 })
+  ), onToggleAxes && /* @__PURE__ */ React24__default.default.createElement(
     "button",
     {
       onClick: onToggleAxes,
       className: `rounded-full p-2 transition-colors ${showAxes ? "bg-blue-500/30 hover:bg-blue-500/50" : "hover:bg-white/20"}`,
       title: "\u663E\u793A/\u9690\u85CF\u5750\u6807\u8F74"
     },
-    /* @__PURE__ */ React21__default.default.createElement(lucideReact.Grid3x3, { size: 20 })
-  ), showSettings && /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement(lucideReact.Grid3x3, { size: 20 })
+  ), showSettings && /* @__PURE__ */ React24__default.default.createElement(
     "button",
     {
       onClick: onOpenSettings,
       className: "rounded-full p-2 hover:bg-white/20 transition-colors",
       title: "\u8D44\u6E90\u8BBE\u7F6E"
     },
-    /* @__PURE__ */ React21__default.default.createElement(lucideReact.Settings, { size: 20 })
-  ), /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement(lucideReact.Settings, { size: 20 })
+  ), /* @__PURE__ */ React24__default.default.createElement(
     "button",
     {
       onClick: onToggleFullscreen,
       className: "rounded-full p-2 hover:bg-white/20 transition-colors",
       title: isFullscreen ? "\u9000\u51FA\u5168\u5C4F" : "\u5168\u5C4F"
     },
-    isFullscreen ? /* @__PURE__ */ React21__default.default.createElement(lucideReact.Minimize, { size: 20 }) : /* @__PURE__ */ React21__default.default.createElement(lucideReact.Maximize, { size: 20 })
+    isFullscreen ? /* @__PURE__ */ React24__default.default.createElement(lucideReact.Minimize, { size: 20 }) : /* @__PURE__ */ React24__default.default.createElement(lucideReact.Maximize, { size: 20 })
   ))));
 };
 var SettingsPanel = ({
@@ -3015,44 +3015,44 @@ var SettingsPanel = ({
 }) => {
   const renderListMode = () => {
     if (!items) return null;
-    return /* @__PURE__ */ React21__default.default.createElement("div", { className: "grid grid-cols-1 gap-2 p-4 sm:grid-cols-2" }, items.map((item) => /* @__PURE__ */ React21__default.default.createElement(
+    return /* @__PURE__ */ React24__default.default.createElement("div", { className: "grid grid-cols-1 gap-2 p-4 sm:grid-cols-2" }, items.map((item) => /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         key: item.id,
         onClick: () => onSelectId?.(item.id),
         className: `group flex items-center gap-3 rounded-lg p-3 transition-all ${currentId === item.id ? "bg-blue-500/20 ring-1 ring-blue-500" : "bg-white/5 hover:bg-white/10"}`
       },
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex h-12 w-12 flex-shrink-0 items-center justify-center rounded bg-black/20 overflow-hidden" }, item.thumbnail ? /* @__PURE__ */ React21__default.default.createElement("img", { src: item.thumbnail, alt: item.name, className: "h-full w-full object-cover" }) : /* @__PURE__ */ React21__default.default.createElement(lucideReact.Video, { size: 20, className: "opacity-50" })),
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex-1 text-left" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: `font-medium ${currentId === item.id ? "text-blue-400" : "text-white"}` }, item.name), item.description && /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-xs text-white/50 truncate" }, item.description)),
-      currentId === item.id && /* @__PURE__ */ React21__default.default.createElement(lucideReact.Check, { size: 16, className: "text-blue-400" })
+      /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex h-12 w-12 flex-shrink-0 items-center justify-center rounded bg-black/20 overflow-hidden" }, item.thumbnail ? /* @__PURE__ */ React24__default.default.createElement("img", { src: item.thumbnail, alt: item.name, className: "h-full w-full object-cover" }) : /* @__PURE__ */ React24__default.default.createElement(lucideReact.Video, { size: 20, className: "opacity-50" })),
+      /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex-1 text-left" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: `font-medium ${currentId === item.id ? "text-blue-400" : "text-white"}` }, item.name), item.description && /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-xs text-white/50 truncate" }, item.description)),
+      currentId === item.id && /* @__PURE__ */ React24__default.default.createElement(lucideReact.Check, { size: 16, className: "text-blue-400" })
     )));
   };
   const renderOptionGroup = (title, icon, type, list = [], currentVal) => {
     if (!list || list.length === 0) return null;
-    return /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-3 flex items-center gap-2 text-sm font-medium text-white/70" }, icon, /* @__PURE__ */ React21__default.default.createElement("span", null, title)), /* @__PURE__ */ React21__default.default.createElement("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-3" }, list.map((opt) => /* @__PURE__ */ React21__default.default.createElement(
+    return /* @__PURE__ */ React24__default.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "mb-3 flex items-center gap-2 text-sm font-medium text-white/70" }, icon, /* @__PURE__ */ React24__default.default.createElement("span", null, title)), /* @__PURE__ */ React24__default.default.createElement("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-3" }, list.map((opt) => /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         key: opt.id,
         onClick: () => onSelectOption?.(type, opt.id),
         className: `relative flex flex-col items-center gap-2 rounded-lg p-2 text-center transition-all ${currentVal === opt.id ? "bg-blue-500/20 ring-1 ring-blue-500" : "bg-white/5 hover:bg-white/10"}`
       },
-      opt.thumbnail ? /* @__PURE__ */ React21__default.default.createElement("img", { src: opt.thumbnail, alt: opt.name, className: "h-16 w-full rounded object-cover bg-black/20" }) : /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex h-16 w-full items-center justify-center rounded bg-black/20" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-xs opacity-30" }, opt.name.slice(0, 2))),
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: `w-full truncate text-xs ${currentVal === opt.id ? "text-blue-400" : "text-white/80"}` }, opt.name),
-      currentVal === opt.id && /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute top-1 right-1 rounded-full bg-blue-500 p-0.5" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Check, { size: 10, className: "text-white" }))
+      opt.thumbnail ? /* @__PURE__ */ React24__default.default.createElement("img", { src: opt.thumbnail, alt: opt.name, className: "h-16 w-full rounded object-cover bg-black/20" }) : /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex h-16 w-full items-center justify-center rounded bg-black/20" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-xs opacity-30" }, opt.name.slice(0, 2))),
+      /* @__PURE__ */ React24__default.default.createElement("div", { className: `w-full truncate text-xs ${currentVal === opt.id ? "text-blue-400" : "text-white/80"}` }, opt.name),
+      currentVal === opt.id && /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute top-1 right-1 rounded-full bg-blue-500 p-0.5" }, /* @__PURE__ */ React24__default.default.createElement(lucideReact.Check, { size: 10, className: "text-white" }))
     ))));
   };
   const renderOptionsMode = () => {
     if (!options) return null;
-    return /* @__PURE__ */ React21__default.default.createElement("div", { className: "p-4" }, renderOptionGroup("\u6A21\u578B", /* @__PURE__ */ React21__default.default.createElement(lucideReact.User, { size: 16 }), "models", options.models, currentSelection?.modelId), renderOptionGroup("\u52A8\u4F5C", /* @__PURE__ */ React21__default.default.createElement(lucideReact.Video, { size: 16 }), "motions", options.motions, currentSelection?.motionId), renderOptionGroup("\u955C\u5934", /* @__PURE__ */ React21__default.default.createElement(lucideReact.Image, { size: 16 }), "cameras", options.cameras, currentSelection?.cameraId), renderOptionGroup("\u97F3\u9891", /* @__PURE__ */ React21__default.default.createElement(lucideReact.Music, { size: 16 }), "audios", options.audios, currentSelection?.audioId), renderOptionGroup("\u821E\u53F0", /* @__PURE__ */ React21__default.default.createElement(lucideReact.Image, { size: 16 }), "stages", options.stages, currentSelection?.stageId));
+    return /* @__PURE__ */ React24__default.default.createElement("div", { className: "p-4" }, renderOptionGroup("\u6A21\u578B", /* @__PURE__ */ React24__default.default.createElement(lucideReact.User, { size: 16 }), "models", options.models, currentSelection?.modelId), renderOptionGroup("\u52A8\u4F5C", /* @__PURE__ */ React24__default.default.createElement(lucideReact.Video, { size: 16 }), "motions", options.motions, currentSelection?.motionId), renderOptionGroup("\u955C\u5934", /* @__PURE__ */ React24__default.default.createElement(lucideReact.Image, { size: 16 }), "cameras", options.cameras, currentSelection?.cameraId), renderOptionGroup("\u97F3\u9891", /* @__PURE__ */ React24__default.default.createElement(lucideReact.Music, { size: 16 }), "audios", options.audios, currentSelection?.audioId), renderOptionGroup("\u821E\u53F0", /* @__PURE__ */ React24__default.default.createElement(lucideReact.Image, { size: 16 }), "stages", options.stages, currentSelection?.stageId));
   };
-  return /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute right-0 top-0 h-full w-full max-w-sm transform bg-[#1a1a1e]/95 backdrop-blur-md shadow-2xl transition-transform duration-300 ease-in-out overflow-y-auto z-20 border-l border-white/10" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "sticky top-0 z-10 flex items-center justify-between border-b border-white/10 bg-[#1a1a1e]/95 p-4 backdrop-blur-md" }, /* @__PURE__ */ React21__default.default.createElement("h2", { className: "text-lg font-semibold text-white" }, mode === "list" ? "\u64AD\u653E\u5217\u8868" : "\u81EA\u5B9A\u4E49\u573A\u666F"), /* @__PURE__ */ React21__default.default.createElement(
+  return /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute right-0 top-0 h-full w-full max-w-sm transform bg-[#1a1a1e]/95 backdrop-blur-md shadow-2xl transition-transform duration-300 ease-in-out overflow-y-auto z-20 border-l border-white/10" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "sticky top-0 z-10 flex items-center justify-between border-b border-white/10 bg-[#1a1a1e]/95 p-4 backdrop-blur-md" }, /* @__PURE__ */ React24__default.default.createElement("h2", { className: "text-lg font-semibold text-white" }, mode === "list" ? "\u64AD\u653E\u5217\u8868" : "\u81EA\u5B9A\u4E49\u573A\u666F"), /* @__PURE__ */ React24__default.default.createElement(
     "button",
     {
       onClick: onClose,
       className: "rounded-full p-2 text-white/50 hover:bg-white/10 hover:text-white"
     },
-    /* @__PURE__ */ React21__default.default.createElement(lucideReact.X, { size: 20 })
-  )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "pb-20" }, mode === "list" ? renderListMode() : renderOptionsMode()));
+    /* @__PURE__ */ React24__default.default.createElement(lucideReact.X, { size: 20 })
+  )), /* @__PURE__ */ React24__default.default.createElement("div", { className: "pb-20" }, mode === "list" ? renderListMode() : renderOptionsMode()));
 };
 var MMDPlayerEnhancedDebugInfo = ({
   isPlaying,
@@ -3065,8 +3065,8 @@ var MMDPlayerEnhancedDebugInfo = ({
   mode,
   totalResources
 }) => {
-  const [memoryInfo, setMemoryInfo] = React21.useState(null);
-  React21.useEffect(() => {
+  const [memoryInfo, setMemoryInfo] = React24.useState(null);
+  React24.useEffect(() => {
     const timer = setInterval(() => {
       if (performance.memory) {
         const used = (performance.memory.usedJSHeapSize / 1048576).toFixed(1);
@@ -3077,7 +3077,7 @@ var MMDPlayerEnhancedDebugInfo = ({
     }, 1e3);
     return () => clearInterval(timer);
   }, []);
-  return /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-white text-xs font-mono" }, /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-sm font-bold mb-3 pb-2 border-b border-gray-700" }, "\u{1F3AE} MMDPlayerEnhanced Debug"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u64AD\u653E\u72B6\u6001"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u64AD\u653E\u4E2D:"), /* @__PURE__ */ React21__default.default.createElement(StatusBadge, { active: isPlaying, label: isPlaying ? "Playing" : "Paused" })), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u5FAA\u73AF:"), /* @__PURE__ */ React21__default.default.createElement(StatusBadge, { active: isLooping, label: isLooping ? "On" : "Off" })), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u52A0\u8F7D\u4E2D:"), /* @__PURE__ */ React21__default.default.createElement(StatusBadge, { active: isLoading, label: isLoading ? "Loading" : "Ready" })))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u89C6\u56FE\u72B6\u6001"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u5168\u5C4F:"), /* @__PURE__ */ React21__default.default.createElement(StatusBadge, { active: isFullscreen, label: isFullscreen ? "Yes" : "No" })), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u5750\u6807\u8F74:"), /* @__PURE__ */ React21__default.default.createElement(StatusBadge, { active: showAxes, label: showAxes ? "Show" : "Hide" })))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u8D44\u6E90\u4FE1\u606F"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u6A21\u5F0F:"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-blue-400 uppercase" }, mode)), mode === "list" && /* @__PURE__ */ React21__default.default.createElement(React21__default.default.Fragment, null, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u603B\u6570:"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-green-400" }, totalResources)), currentResourceId && /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-gray-400 text-[10px]" }, "\u5F53\u524D\u8D44\u6E90"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-white truncate" }, currentResourceName || currentResourceId), /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-gray-500 text-[10px] mt-1 truncate" }, "ID: ", currentResourceId))))), memoryInfo && /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u5185\u5B58\u76D1\u63A7 (Chrome only)"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u5DF2\u7528:"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-yellow-400 font-bold" }, memoryInfo.used, " MB")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u603B\u8BA1:"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-blue-400" }, memoryInfo.total, " MB")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u9650\u5236:"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, memoryInfo.limit, " MB")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "bg-gray-700 rounded-full h-2 overflow-hidden" }, /* @__PURE__ */ React21__default.default.createElement(
+  return /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-white text-xs font-mono" }, /* @__PURE__ */ React24__default.default.createElement("h3", { className: "text-sm font-bold mb-3 pb-2 border-b border-gray-700" }, "\u{1F3AE} MMDPlayerEnhanced Debug"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React24__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u64AD\u653E\u72B6\u6001"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u64AD\u653E\u4E2D:"), /* @__PURE__ */ React24__default.default.createElement(StatusBadge, { active: isPlaying, label: isPlaying ? "Playing" : "Paused" })), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u5FAA\u73AF:"), /* @__PURE__ */ React24__default.default.createElement(StatusBadge, { active: isLooping, label: isLooping ? "On" : "Off" })), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u52A0\u8F7D\u4E2D:"), /* @__PURE__ */ React24__default.default.createElement(StatusBadge, { active: isLoading, label: isLoading ? "Loading" : "Ready" })))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React24__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u89C6\u56FE\u72B6\u6001"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u5168\u5C4F:"), /* @__PURE__ */ React24__default.default.createElement(StatusBadge, { active: isFullscreen, label: isFullscreen ? "Yes" : "No" })), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u5750\u6807\u8F74:"), /* @__PURE__ */ React24__default.default.createElement(StatusBadge, { active: showAxes, label: showAxes ? "Show" : "Hide" })))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React24__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u8D44\u6E90\u4FE1\u606F"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u6A21\u5F0F:"), /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-blue-400 uppercase" }, mode)), mode === "list" && /* @__PURE__ */ React24__default.default.createElement(React24__default.default.Fragment, null, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u603B\u6570:"), /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-green-400" }, totalResources)), currentResourceId && /* @__PURE__ */ React24__default.default.createElement("div", { className: "mt-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-gray-400 text-[10px]" }, "\u5F53\u524D\u8D44\u6E90"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-white truncate" }, currentResourceName || currentResourceId), /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-gray-500 text-[10px] mt-1 truncate" }, "ID: ", currentResourceId))))), memoryInfo && /* @__PURE__ */ React24__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React24__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u5185\u5B58\u76D1\u63A7 (Chrome only)"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u5DF2\u7528:"), /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-yellow-400 font-bold" }, memoryInfo.used, " MB")), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u603B\u8BA1:"), /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-blue-400" }, memoryInfo.total, " MB")), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u9650\u5236:"), /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, memoryInfo.limit, " MB")), /* @__PURE__ */ React24__default.default.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "bg-gray-700 rounded-full h-2 overflow-hidden" }, /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       className: `h-full transition-all duration-300 ${parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100 > 80 ? "bg-red-500" : parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100 > 60 ? "bg-yellow-500" : "bg-green-500"}`,
@@ -3085,9 +3085,9 @@ var MMDPlayerEnhancedDebugInfo = ({
         width: `${Math.min(100, parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100)}%`
       }
     }
-  )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-[9px] text-gray-500 mt-1 text-center" }, (parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100).toFixed(1), "%")))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-auto pt-4 border-t border-gray-700" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-gray-500 text-[10px]" }, "Last Update: ", (/* @__PURE__ */ new Date()).toLocaleTimeString())));
+  )), /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-[9px] text-gray-500 mt-1 text-center" }, (parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100).toFixed(1), "%")))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "mt-auto pt-4 border-t border-gray-700" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-gray-500 text-[10px]" }, "Last Update: ", (/* @__PURE__ */ new Date()).toLocaleTimeString())));
 };
-var StatusBadge = ({ active, label }) => /* @__PURE__ */ React21__default.default.createElement(
+var StatusBadge = ({ active, label }) => /* @__PURE__ */ React24__default.default.createElement(
   "span",
   {
     className: `px-2 py-0.5 rounded text-[10px] font-bold ${active ? "bg-green-600 text-white" : "bg-gray-700 text-gray-400"}`
@@ -3118,20 +3118,20 @@ var MMDPlayerEnhanced = ({
   ...rest
 }) => {
   const mode = resourcesList ? "list" : resourceOptions ? "options" : "single";
-  const [currentResources, setCurrentResources] = React21.useState(propResources);
-  const [currentId, setCurrentId] = React21.useState(defaultResourceId);
-  const [selection, setSelection] = React21.useState(defaultSelection || {});
-  const [isPlaying, setIsPlaying] = React21.useState(autoPlay);
-  const [volume, setVolume] = React21.useState(initialVolume);
-  const [isMuted, setIsMuted] = React21.useState(initialMuted);
-  const [isLoading, setIsLoading] = React21.useState(true);
-  const [isFullscreen, setIsFullscreen] = React21.useState(false);
-  const [showSettings, setShowSettings] = React21.useState(false);
-  const [showAxes, setShowAxes] = React21.useState(false);
-  const [isLooping, setIsLooping] = React21.useState(loop);
-  const playerRef = React21.useRef(null);
-  const containerRef = React21.useRef(null);
-  React21.useEffect(() => {
+  const [currentResources, setCurrentResources] = React24.useState(propResources);
+  const [currentId, setCurrentId] = React24.useState(defaultResourceId);
+  const [selection, setSelection] = React24.useState(defaultSelection || {});
+  const [isPlaying, setIsPlaying] = React24.useState(autoPlay);
+  const [volume, setVolume] = React24.useState(initialVolume);
+  const [isMuted, setIsMuted] = React24.useState(initialMuted);
+  const [isLoading, setIsLoading] = React24.useState(true);
+  const [isFullscreen, setIsFullscreen] = React24.useState(false);
+  const [showSettings, setShowSettings] = React24.useState(false);
+  const [showAxes, setShowAxes] = React24.useState(false);
+  const [isLooping, setIsLooping] = React24.useState(loop);
+  const playerRef = React24.useRef(null);
+  const containerRef = React24.useRef(null);
+  React24.useEffect(() => {
     if (mode === "list" && resourcesList) {
       const targetId = currentId || resourcesList[0]?.id;
       const item = resourcesList.find((i) => i.id === targetId);
@@ -3172,7 +3172,7 @@ var MMDPlayerEnhanced = ({
       setCurrentResources(propResources);
     }
   }, [mode, resourcesList, resourceOptions, currentId, selection, propResources]);
-  const toggleFullscreen = React21.useCallback(() => {
+  const toggleFullscreen = React24.useCallback(() => {
     if (!containerRef.current) return;
     if (!document.fullscreenElement) {
       containerRef.current.requestFullscreen().catch((err) => {
@@ -3184,7 +3184,7 @@ var MMDPlayerEnhanced = ({
       setIsFullscreen(false);
     }
   }, []);
-  React21.useEffect(() => {
+  React24.useEffect(() => {
     const handleFsChange = () => {
       setIsFullscreen(!!document.fullscreenElement);
     };
@@ -3216,16 +3216,16 @@ var MMDPlayerEnhanced = ({
     });
   };
   if (!currentResources) {
-    return /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex h-full w-full items-center justify-center bg-black text-white" }, "No Resources Configured");
+    return /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex h-full w-full items-center justify-center bg-black text-white" }, "No Resources Configured");
   }
-  return /* @__PURE__ */ React21__default.default.createElement(
+  return /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       ref: containerRef,
       className: `relative overflow-hidden bg-black group flex ${className}`,
       style
     },
-    /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex-1 relative" }, /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex-1 relative" }, /* @__PURE__ */ React24__default.default.createElement(
       MMDPlayerBase,
       {
         key: mode === "list" ? currentId : JSON.stringify(currentResources),
@@ -3257,7 +3257,7 @@ var MMDPlayerEnhanced = ({
         },
         ...rest
       }
-    ), isLoading && /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-black/50 backdrop-blur-sm" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "h-10 w-10 animate-spin rounded-full border-4 border-white/20 border-t-blue-500" })), /* @__PURE__ */ React21__default.default.createElement("div", { className: `transition-opacity duration-300 ${isPlaying && !showSettings ? "opacity-0 group-hover:opacity-100" : "opacity-100"}` }, /* @__PURE__ */ React21__default.default.createElement(
+    ), isLoading && /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-black/50 backdrop-blur-sm" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "h-10 w-10 animate-spin rounded-full border-4 border-white/20 border-t-blue-500" })), /* @__PURE__ */ React24__default.default.createElement("div", { className: `transition-opacity duration-300 ${isPlaying && !showSettings ? "opacity-0 group-hover:opacity-100" : "opacity-100"}` }, /* @__PURE__ */ React24__default.default.createElement(
       ControlPanel,
       {
         isPlaying,
@@ -3272,7 +3272,7 @@ var MMDPlayerEnhanced = ({
         onToggleAxes: () => setShowAxes(!showAxes),
         onOpenSettings: () => setShowSettings(true)
       }
-    )), showSettings && (mode === "list" || mode === "options") && /* @__PURE__ */ React21__default.default.createElement(
+    )), showSettings && (mode === "list" || mode === "options") && /* @__PURE__ */ React24__default.default.createElement(
       SettingsPanel,
       {
         mode,
@@ -3285,7 +3285,7 @@ var MMDPlayerEnhanced = ({
         onClose: () => setShowSettings(false)
       }
     )),
-    showDebugInfo && /* @__PURE__ */ React21__default.default.createElement("div", { className: "w-96 bg-gray-900/95 border-l border-gray-700 p-4 overflow-y-auto" }, /* @__PURE__ */ React21__default.default.createElement(
+    showDebugInfo && /* @__PURE__ */ React24__default.default.createElement("div", { className: "w-96 bg-gray-900/95 border-l border-gray-700 p-4 overflow-y-auto" }, /* @__PURE__ */ React24__default.default.createElement(
       MMDPlayerEnhancedDebugInfo,
       {
         isPlaying,
@@ -3315,8 +3315,8 @@ var MMDPlaylistDebugInfo = ({
   showAxes,
   preloadedNodes
 }) => {
-  const [memoryInfo, setMemoryInfo] = React21.useState(null);
-  React21.useEffect(() => {
+  const [memoryInfo, setMemoryInfo] = React24.useState(null);
+  React24.useEffect(() => {
     const timer = setInterval(() => {
       if (performance.memory) {
         const used = (performance.memory.usedJSHeapSize / 1048576).toFixed(1);
@@ -3327,14 +3327,14 @@ var MMDPlaylistDebugInfo = ({
     }, 1e3);
     return () => clearInterval(timer);
   }, []);
-  return /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-white text-xs font-mono" }, /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-sm font-bold mb-3 pb-2 border-b border-gray-700" }, "\u{1F3AD} MMDPlaylist Debug"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u64AD\u653E\u5217\u8868"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-white truncate" }, playlistName), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u8FDB\u5EA6:"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-blue-400" }, currentIndex + 1, " / ", totalNodes)), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u5217\u8868\u5FAA\u73AF:"), /* @__PURE__ */ React21__default.default.createElement(StatusBadge2, { active: isListLooping, label: isListLooping ? "On" : "Off" })))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u5F53\u524D\u8282\u70B9"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "p-2 bg-gray-800 rounded space-y-1" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-white font-semibold truncate" }, currentNode.name), /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-gray-500 text-[10px] truncate" }, "ID: ", currentNode.id), currentNode.duration && /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u65F6\u957F:"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-green-400" }, currentNode.duration, "s")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u8282\u70B9\u5FAA\u73AF:"), /* @__PURE__ */ React21__default.default.createElement(StatusBadge2, { active: isNodeLooping, label: isNodeLooping ? "On" : "Off" })))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u64AD\u653E\u72B6\u6001"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u64AD\u653E\u4E2D:"), /* @__PURE__ */ React21__default.default.createElement(StatusBadge2, { active: isPlaying, label: isPlaying ? "Playing" : "Paused" })), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u52A0\u8F7D\u4E2D:"), /* @__PURE__ */ React21__default.default.createElement(StatusBadge2, { active: isLoading, label: isLoading ? "Loading" : "Ready" })))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u9884\u52A0\u8F7D\u7B56\u7565"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u7B56\u7565:"), /* @__PURE__ */ React21__default.default.createElement("span", { className: `px-2 py-0.5 rounded text-[10px] font-bold uppercase ${preloadStrategy === "all" ? "bg-red-600 text-white" : preloadStrategy === "next" ? "bg-yellow-600 text-white" : "bg-gray-700 text-gray-400"}` }, preloadStrategy)), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u5DF2\u9884\u52A0\u8F7D:"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-purple-400" }, preloadedNodes.length)), preloadedNodes.length > 0 && /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-gray-400 text-[10px] mb-1" }, "\u9884\u52A0\u8F7D\u8282\u70B9\u7D22\u5F15"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex flex-wrap gap-1" }, preloadedNodes.map((idx) => /* @__PURE__ */ React21__default.default.createElement(
+  return /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-white text-xs font-mono" }, /* @__PURE__ */ React24__default.default.createElement("h3", { className: "text-sm font-bold mb-3 pb-2 border-b border-gray-700" }, "\u{1F3AD} MMDPlaylist Debug"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React24__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u64AD\u653E\u5217\u8868"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-white truncate" }, playlistName), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u8FDB\u5EA6:"), /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-blue-400" }, currentIndex + 1, " / ", totalNodes)), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u5217\u8868\u5FAA\u73AF:"), /* @__PURE__ */ React24__default.default.createElement(StatusBadge2, { active: isListLooping, label: isListLooping ? "On" : "Off" })))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React24__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u5F53\u524D\u8282\u70B9"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "p-2 bg-gray-800 rounded space-y-1" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-white font-semibold truncate" }, currentNode.name), /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-gray-500 text-[10px] truncate" }, "ID: ", currentNode.id), currentNode.duration && /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u65F6\u957F:"), /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-green-400" }, currentNode.duration, "s")), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u8282\u70B9\u5FAA\u73AF:"), /* @__PURE__ */ React24__default.default.createElement(StatusBadge2, { active: isNodeLooping, label: isNodeLooping ? "On" : "Off" })))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React24__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u64AD\u653E\u72B6\u6001"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u64AD\u653E\u4E2D:"), /* @__PURE__ */ React24__default.default.createElement(StatusBadge2, { active: isPlaying, label: isPlaying ? "Playing" : "Paused" })), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u52A0\u8F7D\u4E2D:"), /* @__PURE__ */ React24__default.default.createElement(StatusBadge2, { active: isLoading, label: isLoading ? "Loading" : "Ready" })))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React24__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u9884\u52A0\u8F7D\u7B56\u7565"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u7B56\u7565:"), /* @__PURE__ */ React24__default.default.createElement("span", { className: `px-2 py-0.5 rounded text-[10px] font-bold uppercase ${preloadStrategy === "all" ? "bg-red-600 text-white" : preloadStrategy === "next" ? "bg-yellow-600 text-white" : "bg-gray-700 text-gray-400"}` }, preloadStrategy)), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u5DF2\u9884\u52A0\u8F7D:"), /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-purple-400" }, preloadedNodes.length)), preloadedNodes.length > 0 && /* @__PURE__ */ React24__default.default.createElement("div", { className: "mt-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-gray-400 text-[10px] mb-1" }, "\u9884\u52A0\u8F7D\u8282\u70B9\u7D22\u5F15"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex flex-wrap gap-1" }, preloadedNodes.map((idx) => /* @__PURE__ */ React24__default.default.createElement(
     "span",
     {
       key: idx,
       className: `px-1.5 py-0.5 rounded text-[10px] ${idx === currentIndex ? "bg-green-600 text-white font-bold" : "bg-gray-700 text-gray-300"}`
     },
     idx
-  )))))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u89C6\u56FE\u72B6\u6001"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u5168\u5C4F:"), /* @__PURE__ */ React21__default.default.createElement(StatusBadge2, { active: isFullscreen, label: isFullscreen ? "Yes" : "No" })), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u5750\u6807\u8F74:"), /* @__PURE__ */ React21__default.default.createElement(StatusBadge2, { active: showAxes, label: showAxes ? "Show" : "Hide" })))), memoryInfo && /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u5185\u5B58\u76D1\u63A7 (Chrome only)"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u5DF2\u7528:"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-yellow-400 font-bold" }, memoryInfo.used, " MB")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u603B\u8BA1:"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-blue-400" }, memoryInfo.total, " MB")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, "\u9650\u5236:"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-gray-400" }, memoryInfo.limit, " MB")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "bg-gray-700 rounded-full h-2 overflow-hidden" }, /* @__PURE__ */ React21__default.default.createElement(
+  )))))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React24__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u89C6\u56FE\u72B6\u6001"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u5168\u5C4F:"), /* @__PURE__ */ React24__default.default.createElement(StatusBadge2, { active: isFullscreen, label: isFullscreen ? "Yes" : "No" })), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u5750\u6807\u8F74:"), /* @__PURE__ */ React24__default.default.createElement(StatusBadge2, { active: showAxes, label: showAxes ? "Show" : "Hide" })))), memoryInfo && /* @__PURE__ */ React24__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React24__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u5185\u5B58\u76D1\u63A7 (Chrome only)"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u5DF2\u7528:"), /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-yellow-400 font-bold" }, memoryInfo.used, " MB")), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u603B\u8BA1:"), /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-blue-400" }, memoryInfo.total, " MB")), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, "\u9650\u5236:"), /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-gray-400" }, memoryInfo.limit, " MB")), /* @__PURE__ */ React24__default.default.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "bg-gray-700 rounded-full h-2 overflow-hidden" }, /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       className: `h-full transition-all duration-300 ${parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100 > 80 ? "bg-red-500" : parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100 > 60 ? "bg-yellow-500" : "bg-green-500"}`,
@@ -3342,18 +3342,18 @@ var MMDPlaylistDebugInfo = ({
         width: `${Math.min(100, parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100)}%`
       }
     }
-  )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-[9px] text-gray-500 mt-1 text-center" }, (parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100).toFixed(1), "%")))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u8282\u70B9\u5217\u8868"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-1 max-h-40 overflow-y-auto" }, Array.from({ length: totalNodes }).map((_, idx) => /* @__PURE__ */ React21__default.default.createElement(
+  )), /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-[9px] text-gray-500 mt-1 text-center" }, (parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100).toFixed(1), "%")))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React24__default.default.createElement("h4", { className: "text-gray-400 mb-2" }, "\u8282\u70B9\u5217\u8868"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-1 max-h-40 overflow-y-auto" }, Array.from({ length: totalNodes }).map((_, idx) => /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       key: idx,
       className: `px-2 py-1 rounded text-[10px] flex items-center justify-between ${idx === currentIndex ? "bg-blue-600 text-white font-bold" : preloadedNodes.includes(idx) ? "bg-yellow-900/50 text-yellow-300" : "bg-gray-800 text-gray-400"}`
     },
-    /* @__PURE__ */ React21__default.default.createElement("span", null, "\u8282\u70B9 ", idx),
-    idx === currentIndex && /* @__PURE__ */ React21__default.default.createElement("span", null, "\u25B6"),
-    preloadedNodes.includes(idx) && idx !== currentIndex && /* @__PURE__ */ React21__default.default.createElement("span", null, "\u23F3")
-  )))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-auto pt-4 border-t border-gray-700" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-gray-500 text-[10px]" }, "Last Update: ", (/* @__PURE__ */ new Date()).toLocaleTimeString())));
+    /* @__PURE__ */ React24__default.default.createElement("span", null, "\u8282\u70B9 ", idx),
+    idx === currentIndex && /* @__PURE__ */ React24__default.default.createElement("span", null, "\u25B6"),
+    preloadedNodes.includes(idx) && idx !== currentIndex && /* @__PURE__ */ React24__default.default.createElement("span", null, "\u23F3")
+  )))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "mt-auto pt-4 border-t border-gray-700" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-gray-500 text-[10px]" }, "Last Update: ", (/* @__PURE__ */ new Date()).toLocaleTimeString())));
 };
-var StatusBadge2 = ({ active, label }) => /* @__PURE__ */ React21__default.default.createElement(
+var StatusBadge2 = ({ active, label }) => /* @__PURE__ */ React24__default.default.createElement(
   "span",
   {
     className: `px-2 py-0.5 rounded text-[10px] font-bold ${active ? "bg-green-600 text-white" : "bg-gray-700 text-gray-400"}`
@@ -3374,21 +3374,21 @@ var MMDPlaylist = ({
   style
 }) => {
   const { nodes, loop = false, preload = "none", autoPlay = false } = playlist;
-  const [currentIndex, setCurrentIndex] = React21.useState(0);
-  const [isPlaying, setIsPlaying] = React21.useState(autoPlay);
-  const [isLoading, setIsLoading] = React21.useState(true);
-  const [isFullscreen, setIsFullscreen] = React21.useState(false);
-  const [showAxes, setShowAxes] = React21.useState(false);
-  const [isLooping, setIsLooping] = React21.useState(false);
-  const [isListLooping, setIsListLooping] = React21.useState(loop);
-  const [showPlaylist, setShowPlaylist] = React21.useState(false);
-  const [isTransitioning, setIsTransitioning] = React21.useState(false);
-  const [isCameraManual, setIsCameraManual] = React21.useState(false);
-  const playerRef = React21.useRef(null);
-  const containerRef = React21.useRef(null);
-  const preloadedRef = React21.useRef(/* @__PURE__ */ new Set());
+  const [currentIndex, setCurrentIndex] = React24.useState(0);
+  const [isPlaying, setIsPlaying] = React24.useState(autoPlay);
+  const [isLoading, setIsLoading] = React24.useState(true);
+  const [isFullscreen, setIsFullscreen] = React24.useState(false);
+  const [showAxes, setShowAxes] = React24.useState(false);
+  const [isLooping, setIsLooping] = React24.useState(false);
+  const [isListLooping, setIsListLooping] = React24.useState(loop);
+  const [showPlaylist, setShowPlaylist] = React24.useState(false);
+  const [isTransitioning, setIsTransitioning] = React24.useState(false);
+  const [isCameraManual, setIsCameraManual] = React24.useState(false);
+  const playerRef = React24.useRef(null);
+  const containerRef = React24.useRef(null);
+  const preloadedRef = React24.useRef(/* @__PURE__ */ new Set());
   const currentNode = nodes[currentIndex];
-  const goToNode = React21.useCallback(
+  const goToNode = React24.useCallback(
     (index) => {
       if (index < 0 || index >= nodes.length) return;
       if (isTransitioning) return;
@@ -3422,7 +3422,7 @@ var MMDPlaylist = ({
     },
     [nodes, isPlaying, isTransitioning, onNodeChange]
   );
-  const handlePrevious = React21.useCallback(() => {
+  const handlePrevious = React24.useCallback(() => {
     const prevIndex = currentIndex - 1;
     if (prevIndex >= 0) {
       goToNode(prevIndex);
@@ -3430,7 +3430,7 @@ var MMDPlaylist = ({
       goToNode(nodes.length - 1);
     }
   }, [currentIndex, isListLooping, nodes.length, goToNode]);
-  const handleNext = React21.useCallback(() => {
+  const handleNext = React24.useCallback(() => {
     const nextIndex = currentIndex + 1;
     if (nextIndex < nodes.length) {
       goToNode(nextIndex);
@@ -3441,7 +3441,7 @@ var MMDPlaylist = ({
       onPlaylistComplete?.();
     }
   }, [currentIndex, isListLooping, nodes.length, goToNode, onPlaylistComplete]);
-  const handlePlayPause = React21.useCallback(() => {
+  const handlePlayPause = React24.useCallback(() => {
     if (isPlaying) {
       playerRef.current?.pause();
       setIsPlaying(false);
@@ -3450,7 +3450,7 @@ var MMDPlaylist = ({
       setIsPlaying(true);
     }
   }, [isPlaying]);
-  const toggleFullscreen = React21.useCallback(() => {
+  const toggleFullscreen = React24.useCallback(() => {
     if (!containerRef.current) return;
     if (!document.fullscreenElement) {
       containerRef.current.requestFullscreen().catch((err) => {
@@ -3462,21 +3462,21 @@ var MMDPlaylist = ({
       setIsFullscreen(false);
     }
   }, []);
-  React21.useEffect(() => {
+  React24.useEffect(() => {
     const handleFsChange = () => {
       setIsFullscreen(!!document.fullscreenElement);
     };
     document.addEventListener("fullscreenchange", handleFsChange);
     return () => document.removeEventListener("fullscreenchange", handleFsChange);
   }, []);
-  const handleEnded = React21.useCallback(() => {
+  const handleEnded = React24.useCallback(() => {
     if (isLooping) {
       playerRef.current?.play();
     } else {
       handleNext();
     }
   }, [isLooping, handleNext]);
-  React21.useEffect(() => {
+  React24.useEffect(() => {
     if (preload === "none") return;
     if (preload === "all") {
       nodes.forEach((node, idx) => {
@@ -3494,7 +3494,7 @@ var MMDPlaylist = ({
       }
     }
   }, [currentIndex, nodes, preload]);
-  React21.useEffect(() => {
+  React24.useEffect(() => {
     if (preload === "none" || preload === "all") return;
     if (nodes.length === 0) return;
     const nextIndex = (currentIndex + 1) % nodes.length;
@@ -3512,24 +3512,24 @@ var MMDPlaylist = ({
       });
     }
   }, [currentIndex, nodes.length, preload]);
-  React21.useEffect(() => {
+  React24.useEffect(() => {
     return () => {
       console.log("[MMDPlaylist] Component unmounted, clearing all preload marks");
       preloadedRef.current.clear();
     };
   }, []);
   if (!currentNode) {
-    return /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex h-full w-full items-center justify-center bg-black text-white" }, "\u64AD\u653E\u5217\u8868\u4E3A\u7A7A");
+    return /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex h-full w-full items-center justify-center bg-black text-white" }, "\u64AD\u653E\u5217\u8868\u4E3A\u7A7A");
   }
   const showPrevNext = nodes.length > 1;
-  return /* @__PURE__ */ React21__default.default.createElement(
+  return /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       ref: containerRef,
       className: `relative overflow-hidden bg-black group flex h-full ${className}`,
       style
     },
-    /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex-1 relative" }, !isTransitioning && /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex-1 relative" }, !isTransitioning && /* @__PURE__ */ React24__default.default.createElement(
       MMDPlayerBase,
       {
         key: currentNode.id,
@@ -3552,12 +3552,12 @@ var MMDPlaylist = ({
         onEnded: handleEnded,
         onError
       }
-    ), (isLoading || isTransitioning) && /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-black/50 backdrop-blur-sm" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex flex-col items-center gap-3" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "h-10 w-10 animate-spin rounded-full border-4 border-white/20 border-t-blue-500" }), /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-sm text-white/80" }, isTransitioning ? "\u5207\u6362\u4E2D..." : `\u6B63\u5728\u52A0\u8F7D ${currentIndex + 1} / ${nodes.length}`))), /* @__PURE__ */ React21__default.default.createElement(
+    ), (isLoading || isTransitioning) && /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-black/50 backdrop-blur-sm" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex flex-col items-center gap-3" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "h-10 w-10 animate-spin rounded-full border-4 border-white/20 border-t-blue-500" }), /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-sm text-white/80" }, isTransitioning ? "\u5207\u6362\u4E2D..." : `\u6B63\u5728\u52A0\u8F7D ${currentIndex + 1} / ${nodes.length}`))), /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
         className: `transition-opacity duration-300 ${isPlaying && !showPlaylist ? "opacity-0 group-hover:opacity-100" : "opacity-100"}`
       },
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         ControlPanel,
         {
           isPlaying,
@@ -3584,15 +3584,15 @@ var MMDPlaylist = ({
           }
         }
       )
-    ), showPlaylist && /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute inset-0 z-20 flex items-end bg-black/80 backdrop-blur-sm" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "w-full max-h-[60vh] overflow-y-auto bg-gray-900/95 rounded-t-xl" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "sticky top-0 flex items-center justify-between bg-gray-800 px-4 py-3 border-b border-gray-700" }, /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-white font-semibold" }, playlist.name), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-gray-400 mt-0.5" }, "\u5171 ", nodes.length, " \u4E2A\u8282\u70B9")), /* @__PURE__ */ React21__default.default.createElement(
+    ), showPlaylist && /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute inset-0 z-20 flex items-end bg-black/80 backdrop-blur-sm" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "w-full max-h-[60vh] overflow-y-auto bg-gray-900/95 rounded-t-xl" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "sticky top-0 flex items-center justify-between bg-gray-800 px-4 py-3 border-b border-gray-700" }, /* @__PURE__ */ React24__default.default.createElement("div", null, /* @__PURE__ */ React24__default.default.createElement("h3", { className: "text-white font-semibold" }, playlist.name), /* @__PURE__ */ React24__default.default.createElement("p", { className: "text-xs text-gray-400 mt-0.5" }, "\u5171 ", nodes.length, " \u4E2A\u8282\u70B9")), /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         onClick: () => setShowPlaylist(false),
         className: "p-2 hover:bg-white/10 rounded-lg transition-colors",
         "aria-label": "\u5173\u95ED\u64AD\u653E\u5217\u8868"
       },
-      /* @__PURE__ */ React21__default.default.createElement("svg", { className: "w-5 h-5 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React21__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
-    )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "p-2" }, nodes.map((node, index) => /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement("svg", { className: "w-5 h-5 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React24__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
+    )), /* @__PURE__ */ React24__default.default.createElement("div", { className: "p-2" }, nodes.map((node, index) => /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         key: node.id,
@@ -3602,17 +3602,17 @@ var MMDPlaylist = ({
         },
         className: `w-full flex items-center gap-3 p-3 rounded-lg mb-2 transition-all ${index === currentIndex ? "bg-blue-600 text-white" : "bg-gray-800 text-gray-300 hover:bg-gray-700"}`
       },
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         "div",
         {
           className: `flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center text-sm font-semibold ${index === currentIndex ? "bg-white/20" : "bg-gray-700"}`
         },
         index + 1
       ),
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex-1 text-left" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "font-medium" }, node.name), node.duration && /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-xs opacity-75 mt-0.5" }, Math.floor(node.duration / 60), ":", String(Math.floor(node.duration % 60)).padStart(2, "0"))),
-      index === currentIndex && /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React21__default.default.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React21__default.default.createElement("path", { d: "M8 5v14l11-7z" })))
+      /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex-1 text-left" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "font-medium" }, node.name), node.duration && /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-xs opacity-75 mt-0.5" }, Math.floor(node.duration / 60), ":", String(Math.floor(node.duration % 60)).padStart(2, "0"))),
+      index === currentIndex && /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React24__default.default.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React24__default.default.createElement("path", { d: "M8 5v14l11-7z" })))
     )))))),
-    showDebugInfo && /* @__PURE__ */ React21__default.default.createElement("div", { className: "w-96 flex-shrink-0 bg-gray-900/95 border-l border-gray-700 p-4 overflow-y-auto h-full" }, /* @__PURE__ */ React21__default.default.createElement(
+    showDebugInfo && /* @__PURE__ */ React24__default.default.createElement("div", { className: "w-96 flex-shrink-0 bg-gray-900/95 border-l border-gray-700 p-4 overflow-y-auto h-full" }, /* @__PURE__ */ React24__default.default.createElement(
       MMDPlaylistDebugInfo,
       {
         playlistName: playlist.name,
@@ -3663,13 +3663,13 @@ if (typeof document !== "undefined" && !document.getElementById("dialogue-box-an
   document.head.appendChild(style);
 }
 var defaultTheme = {
-  backgroundColor: "rgba(255, 255, 255, 0.15)",
-  borderColor: "rgba(255, 255, 255, 0.25)",
-  textColor: "#ffffff",
-  speakerBgColor: "rgba(255, 255, 255, 0.25)",
-  speakerTextColor: "#ffffff",
-  opacity: 0.98,
-  blur: "24px",
+  backgroundColor: "rgba(248, 250, 252, 0.95)",
+  borderColor: "rgba(203, 213, 225, 0.8)",
+  textColor: "#22c55e",
+  speakerBgColor: "rgba(148, 163, 184, 0.9)",
+  speakerTextColor: "#22c55e",
+  opacity: 1,
+  blur: "16px",
   continueHint: "\u70B9\u51FB\u7EE7\u7EED \u25BC",
   showContinueHint: true
 };
@@ -3692,15 +3692,15 @@ var DialogueBox = ({
   className
 }) => {
   const theme = { ...defaultTheme, ...userTheme };
-  const [displayedText, setDisplayedText] = React21.useState("");
-  const [isComplete, setIsComplete] = React21.useState(false);
-  const [isMounted, setIsMounted] = React21.useState(false);
-  const typingRef = React21.useRef(null);
-  const currentTextRef = React21.useRef("");
-  React21.useEffect(() => {
+  const [displayedText, setDisplayedText] = React24.useState("");
+  const [isComplete, setIsComplete] = React24.useState(false);
+  const [isMounted, setIsMounted] = React24.useState(false);
+  const typingRef = React24.useRef(null);
+  const currentTextRef = React24.useRef("");
+  React24.useEffect(() => {
     setIsMounted(true);
   }, []);
-  React21.useEffect(() => {
+  React24.useEffect(() => {
     if (!dialogue) {
       setDisplayedText("");
       setIsComplete(false);
@@ -3731,7 +3731,7 @@ var DialogueBox = ({
       }
     };
   }, [dialogue]);
-  const handleSkipTyping = React21.useCallback(() => {
+  const handleSkipTyping = React24.useCallback(() => {
     if (typingRef.current) {
       clearTimeout(typingRef.current);
     }
@@ -3741,7 +3741,7 @@ var DialogueBox = ({
     }
     onSkipTyping?.();
   }, [dialogue, onSkipTyping]);
-  const handleClick = React21.useCallback(() => {
+  const handleClick = React24.useCallback(() => {
     if (!isComplete) {
       handleSkipTyping();
     } else {
@@ -3758,7 +3758,14 @@ var DialogueBox = ({
     displayedText,
     isComplete
   });
-  const dialogueContent = /* @__PURE__ */ React21__default.default.createElement(
+  console.log("[DialogueBox] Theme colors:", {
+    textColor: theme.textColor,
+    backgroundColor: theme.backgroundColor,
+    speakerBgColor: theme.speakerBgColor,
+    speakerTextColor: theme.speakerTextColor,
+    fullTheme: theme
+  });
+  const dialogueContent = /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       className: `${className || ""}`,
@@ -3774,7 +3781,7 @@ var DialogueBox = ({
         pointerEvents: "auto"
       }
     },
-    /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
         className: "w-full h-full rounded-t-3xl border cursor-pointer select-none transition-all hover:border-white/50 hover:shadow-2xl flex flex-col relative overflow-hidden",
@@ -3788,128 +3795,128 @@ var DialogueBox = ({
           position: "relative",
           display: "flex",
           background: `linear-gradient(135deg, 
-            rgba(255, 255, 255, 0.15) 0%, 
-            rgba(255, 255, 255, 0.12) 50%, 
-            rgba(255, 255, 255, 0.1) 100%)`,
+            rgba(248, 250, 252, 0.98) 0%, 
+            rgba(241, 245, 249, 0.95) 50%, 
+            rgba(226, 232, 240, 0.92) 100%)`,
           boxShadow: `
-            0 -8px 40px rgba(255, 255, 255, 0.1),
-            0 -4px 16px rgba(255, 255, 255, 0.05),
-            inset 0 1px 0 rgba(255, 255, 255, 0.3),
-            inset 0 -1px 0 rgba(255, 255, 255, 0.1)
+            0 -8px 40px rgba(148, 163, 184, 0.2),
+            0 -4px 16px rgba(100, 116, 139, 0.15),
+            inset 0 1px 0 rgba(255, 255, 255, 0.8),
+            inset 0 -1px 0 rgba(203, 213, 225, 0.5)
           `
         }
       },
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         "div",
         {
-          className: "absolute inset-0 opacity-20 pointer-events-none",
+          className: "absolute inset-0 opacity-8 pointer-events-none",
           style: {
             background: `linear-gradient(45deg, 
-              rgba(255, 182, 193, 0.2) 0%, 
-              rgba(173, 216, 230, 0.2) 25%,
-              rgba(221, 160, 221, 0.2) 50%,
-              rgba(255, 218, 185, 0.2) 75%,
-              rgba(255, 182, 193, 0.2) 100%)`,
+              rgba(226, 232, 240, 0.3) 0%, 
+              rgba(203, 213, 225, 0.3) 25%,
+              rgba(241, 245, 249, 0.3) 50%,
+              rgba(226, 232, 240, 0.3) 75%,
+              rgba(203, 213, 225, 0.3) 100%)`,
             backgroundSize: "400% 400%",
             animation: "gradientShift 15s ease infinite"
           }
         }
       ),
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         "div",
         {
           className: "absolute top-0 left-0 right-0 h-1",
           style: {
-            background: "linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent)"
+            background: "linear-gradient(90deg, transparent, rgba(255,255,255,0.9), transparent)"
           }
         }
       ),
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         "div",
         {
           className: "absolute bottom-0 left-0 right-0 h-px",
           style: {
-            background: "linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent)"
+            background: "linear-gradient(90deg, transparent, rgba(203, 213, 225, 0.6), transparent)"
           }
         }
       ),
-      showControls && /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex justify-end gap-3 px-6 pt-4 pb-2 flex-shrink-0 relative z-10" }, showHistoryButton && /* @__PURE__ */ React21__default.default.createElement(
+      showControls && /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex justify-end gap-3 px-6 pt-4 pb-2 shrink-0 relative z-10" }, showHistoryButton && /* @__PURE__ */ React24__default.default.createElement(
         "button",
         {
           onClick: (e) => {
             e.stopPropagation();
             onOpenHistory?.();
           },
-          className: "px-4 py-2 text-xs rounded-xl text-white font-medium hover:text-white transition-all backdrop-blur-lg border border-white/30 hover:border-white/50 hover:scale-105 active:scale-95 shadow-lg",
+          className: "px-4 py-2 text-xs rounded-xl text-slate-700 font-medium hover:text-slate-900 transition-all backdrop-blur-lg border border-slate-300 hover:border-slate-400 hover:scale-105 active:scale-95 shadow-lg",
           style: {
-            background: "linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.15))",
-            boxShadow: "0 4px 16px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3)"
+            background: "linear-gradient(135deg, rgba(241, 245, 249, 0.95), rgba(226, 232, 240, 0.9))",
+            boxShadow: "0 4px 16px rgba(100, 116, 139, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.8)"
           },
           title: "\u5386\u53F2\u8BB0\u5F55"
         },
         "\u{1F4DC} \u5386\u53F2"
-      ), isCameraManual && /* @__PURE__ */ React21__default.default.createElement(
+      ), isCameraManual && /* @__PURE__ */ React24__default.default.createElement(
         "button",
         {
           onClick: (e) => {
             e.stopPropagation();
             onResetCamera?.();
           },
-          className: "px-4 py-2 text-xs rounded-xl text-white font-medium hover:text-white transition-all backdrop-blur-lg border border-blue-400/50 hover:border-blue-400 hover:scale-105 active:scale-95 shadow-lg animate-in zoom-in duration-300",
+          className: "px-4 py-2 text-xs rounded-xl text-white font-medium hover:text-white transition-all backdrop-blur-lg border border-blue-300 hover:border-blue-400 hover:scale-105 active:scale-95 shadow-lg animate-in zoom-in duration-300",
           style: {
-            background: "linear-gradient(135deg, rgba(59, 130, 246, 0.3), rgba(37, 99, 235, 0.2))",
-            boxShadow: "0 4px 16px rgba(59, 130, 246, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2)"
+            background: "linear-gradient(135deg, rgba(59, 130, 246, 0.85), rgba(37, 99, 235, 0.75))",
+            boxShadow: "0 4px 16px rgba(59, 130, 246, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4)"
           },
           title: "\u6062\u590D\u521D\u59CB\u89C6\u89D2"
         },
         "\u{1F3A5} \u6062\u590D\u89C6\u89D2"
-      ), showAutoButton && /* @__PURE__ */ React21__default.default.createElement(
+      ), showAutoButton && /* @__PURE__ */ React24__default.default.createElement(
         "button",
         {
           onClick: (e) => {
             e.stopPropagation();
             onToggleAuto?.();
           },
-          className: `px-4 py-2 text-xs rounded-xl font-medium transition-all backdrop-blur-lg border hover:scale-105 active:scale-95 shadow-lg ${isAutoMode ? "border-white/50 text-white" : "border-white/30 hover:border-white/50 text-white"}`,
+          className: `px-4 py-2 text-xs rounded-xl font-medium transition-all backdrop-blur-lg border hover:scale-105 active:scale-95 shadow-lg ${isAutoMode ? "border-slate-400 text-slate-900" : "border-slate-300 hover:border-slate-400 text-slate-700"}`,
           style: {
-            background: isAutoMode ? "linear-gradient(135deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.25))" : "linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.15))",
-            boxShadow: isAutoMode ? "0 4px 20px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4)" : "0 4px 16px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3)"
+            background: isAutoMode ? "linear-gradient(135deg, rgba(203, 213, 225, 0.95), rgba(148, 163, 184, 0.85))" : "linear-gradient(135deg, rgba(241, 245, 249, 0.95), rgba(226, 232, 240, 0.9))",
+            boxShadow: isAutoMode ? "0 4px 20px rgba(100, 116, 139, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.8)" : "0 4px 16px rgba(100, 116, 139, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.8)"
           },
           title: "\u81EA\u52A8\u64AD\u653E"
         },
         "\u25B6 \u81EA\u52A8"
-      ), showSkipButton && /* @__PURE__ */ React21__default.default.createElement(
+      ), showSkipButton && /* @__PURE__ */ React24__default.default.createElement(
         "button",
         {
           onClick: (e) => {
             e.stopPropagation();
             onSkip?.();
           },
-          className: "px-4 py-2 text-xs rounded-xl text-white font-medium hover:text-white transition-all backdrop-blur-lg border border-white/30 hover:border-white/50 hover:scale-105 active:scale-95 shadow-lg",
+          className: "px-4 py-2 text-xs rounded-xl text-slate-700 font-medium hover:text-slate-900 transition-all backdrop-blur-lg border border-slate-300 hover:border-slate-400 hover:scale-105 active:scale-95 shadow-lg",
           style: {
-            background: "linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.15))",
-            boxShadow: "0 4px 16px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3)"
+            background: "linear-gradient(135deg, rgba(241, 245, 249, 0.95), rgba(226, 232, 240, 0.9))",
+            boxShadow: "0 4px 16px rgba(100, 116, 139, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.8)"
           },
           title: "\u5FEB\u8FDB"
         },
         "\u23E9 \u5FEB\u8FDB"
       )),
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "px-8 pb-6 flex-1 flex flex-col justify-center overflow-y-auto relative z-10" }, dialogue.speaker && /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement("div", { className: "px-8 pb-6 pt-4 flex-1 flex flex-col justify-start overflow-y-auto relative z-10" }, dialogue.speaker && /* @__PURE__ */ React24__default.default.createElement(
         "div",
         {
           className: "inline-block px-6 py-2.5 rounded-2xl mb-4 text-sm font-bold shadow-2xl self-start relative overflow-hidden transition-all hover:scale-105",
           style: {
             color: "#ffffff",
             background: `linear-gradient(135deg, 
-                  rgba(255, 255, 255, 0.3) 0%, 
-                  rgba(255, 255, 255, 0.2) 100%)`,
-            backdropFilter: "blur(20px)",
-            WebkitBackdropFilter: "blur(20px)",
-            boxShadow: "0 8px 32px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.4)",
-            border: "1px solid rgba(255, 255, 255, 0.3)"
+                  rgba(100, 116, 139, 0.95) 0%, 
+                  rgba(71, 85, 105, 0.9) 100%)`,
+            backdropFilter: "blur(12px)",
+            WebkitBackdropFilter: "blur(12px)",
+            boxShadow: "0 4px 16px rgba(100, 116, 139, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3)",
+            border: "1px solid rgba(148, 163, 184, 0.5)"
           }
         },
-        /* @__PURE__ */ React21__default.default.createElement(
+        /* @__PURE__ */ React24__default.default.createElement(
           "div",
           {
             className: "absolute inset-0 opacity-30",
@@ -3920,40 +3927,40 @@ var DialogueBox = ({
             }
           }
         ),
-        /* @__PURE__ */ React21__default.default.createElement("span", { className: "relative z-10 drop-shadow-lg" }, dialogue.speaker)
-      ), /* @__PURE__ */ React21__default.default.createElement(
+        /* @__PURE__ */ React24__default.default.createElement("span", { className: "relative z-10 drop-shadow-lg" }, dialogue.speaker)
+      ), /* @__PURE__ */ React24__default.default.createElement(
         "div",
         {
           className: "text-lg leading-relaxed relative",
           style: {
             color: theme.textColor,
-            textShadow: "0 2px 8px rgba(0, 0, 0, 0.5)"
+            textShadow: "0 1px 2px rgba(0, 0, 0, 0.1)"
           }
         },
-        /* @__PURE__ */ React21__default.default.createElement("span", { className: "inline-block", style: {
+        /* @__PURE__ */ React24__default.default.createElement("span", { className: "inline-block", style: {
           animation: !isComplete ? "textFadeIn 0.3s ease-out" : "none"
         } }, displayedText),
-        !isComplete && /* @__PURE__ */ React21__default.default.createElement(
+        !isComplete && /* @__PURE__ */ React24__default.default.createElement(
           "span",
           {
             className: "inline-block w-1 h-6 ml-1 align-middle",
             style: {
-              background: "linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.6))",
+              background: "linear-gradient(to bottom, #22c55e, #4ade80)",
               animation: "cursorBlink 1s ease-in-out infinite",
-              boxShadow: "0 0 12px rgba(255, 255, 255, 0.8)"
+              boxShadow: "0 0 8px rgba(34, 197, 94, 0.6)"
             }
           }
         )
-      ), isComplete && theme.showContinueHint && /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex justify-end mt-4" }, /* @__PURE__ */ React21__default.default.createElement(
+      ), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex justify-end mt-4 h-10 relative" }, isComplete && theme.showContinueHint && /* @__PURE__ */ React24__default.default.createElement(
         "span",
         {
-          className: "text-sm px-4 py-2 rounded-full backdrop-blur-lg font-medium",
+          className: "text-sm px-4 py-2 rounded-full backdrop-blur-lg font-medium absolute right-0",
           style: {
-            background: "linear-gradient(135deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.15))",
-            color: "rgba(255, 255, 255, 0.9)",
+            background: "linear-gradient(135deg, rgba(203, 213, 225, 0.9), rgba(226, 232, 240, 0.85))",
+            color: "rgba(71, 85, 105, 0.9)",
             animation: "bounce 2s ease-in-out infinite",
-            boxShadow: "0 4px 16px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3)",
-            border: "1px solid rgba(255, 255, 255, 0.3)"
+            boxShadow: "0 4px 16px rgba(100, 116, 139, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.6)",
+            border: "1px solid rgba(148, 163, 184, 0.4)"
           }
         },
         theme.continueHint
@@ -3978,11 +3985,11 @@ var HistoryPanel = ({
   onClose,
   className
 }) => {
-  const [isMounted, setIsMounted] = React21.useState(false);
-  React21.useEffect(() => {
+  const [isMounted, setIsMounted] = React24.useState(false);
+  React24.useEffect(() => {
     setIsMounted(true);
   }, []);
-  const historyContent = /* @__PURE__ */ React21__default.default.createElement(
+  const historyContent = /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       className: `fixed inset-0 flex flex-col ${className}`,
@@ -3993,7 +4000,7 @@ var HistoryPanel = ({
       },
       onClick: onClose
     },
-    /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
         className: "absolute inset-0 opacity-25 pointer-events-none",
@@ -4009,7 +4016,7 @@ var HistoryPanel = ({
         }
       }
     ),
-    /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
         className: "absolute inset-0 pointer-events-none",
@@ -4019,7 +4026,7 @@ var HistoryPanel = ({
         }
       }
     ),
-    /* @__PURE__ */ React21__default.default.createElement("div", { className: "relative z-10 flex flex-col h-full", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement("div", { className: "relative z-10 flex flex-col h-full", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
         className: "flex items-center justify-between px-8 py-6 border-b relative",
@@ -4031,8 +4038,8 @@ var HistoryPanel = ({
           boxShadow: "0 4px 24px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3)"
         }
       },
-      /* @__PURE__ */ React21__default.default.createElement("h2", { className: "text-2xl font-bold text-white flex items-center gap-3" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-3xl" }, "\u{1F4DC}"), /* @__PURE__ */ React21__default.default.createElement("span", { style: { textShadow: "0 2px 12px rgba(255, 255, 255, 0.3)" } }, "\u5BF9\u8BDD\u5386\u53F2")),
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement("h2", { className: "text-2xl font-bold text-white flex items-center gap-3" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-3xl" }, "\u{1F4DC}"), /* @__PURE__ */ React24__default.default.createElement("span", { style: { textShadow: "0 2px 12px rgba(255, 255, 255, 0.3)" } }, "\u5BF9\u8BDD\u5386\u53F2")),
+      /* @__PURE__ */ React24__default.default.createElement(
         "button",
         {
           onClick: onClose,
@@ -4046,9 +4053,9 @@ var HistoryPanel = ({
           },
           "aria-label": "\u5173\u95ED"
         },
-        /* @__PURE__ */ React21__default.default.createElement("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React21__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
+        /* @__PURE__ */ React24__default.default.createElement("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React24__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
       )
-    ), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex-1 overflow-y-auto p-6 space-y-4" }, history.length === 0 ? /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-center text-white/70 py-20 text-lg font-medium", style: { textShadow: "0 2px 8px rgba(0, 0, 0, 0.3)" } }, "\u6682\u65E0\u5BF9\u8BDD\u5386\u53F2") : history.map((item, index) => /* @__PURE__ */ React21__default.default.createElement(
+    ), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex-1 overflow-y-auto p-6 space-y-4" }, history.length === 0 ? /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-center text-white/70 py-20 text-lg font-medium", style: { textShadow: "0 2px 8px rgba(0, 0, 0, 0.3)" } }, "\u6682\u65E0\u5BF9\u8BDD\u5386\u53F2") : history.map((item, index) => /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
         key: `${item.nodeIndex}-${item.dialogueIndex}-${index}`,
@@ -4061,7 +4068,7 @@ var HistoryPanel = ({
           boxShadow: "0 8px 24px rgba(255, 255, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.25)"
         }
       },
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         "div",
         {
           className: "absolute top-0 left-0 right-0 h-0.5",
@@ -4070,7 +4077,7 @@ var HistoryPanel = ({
           }
         }
       ),
-      item.speaker && /* @__PURE__ */ React21__default.default.createElement(
+      item.speaker && /* @__PURE__ */ React24__default.default.createElement(
         "div",
         {
           className: "inline-block px-5 py-2 rounded-xl mb-3 text-sm font-bold shadow-lg relative overflow-hidden",
@@ -4083,7 +4090,7 @@ var HistoryPanel = ({
             border: "1px solid rgba(255, 255, 255, 0.25)"
           }
         },
-        /* @__PURE__ */ React21__default.default.createElement(
+        /* @__PURE__ */ React24__default.default.createElement(
           "div",
           {
             className: "absolute inset-0 opacity-30",
@@ -4094,9 +4101,9 @@ var HistoryPanel = ({
             }
           }
         ),
-        /* @__PURE__ */ React21__default.default.createElement("span", { className: "relative z-10 drop-shadow-lg" }, item.speaker)
+        /* @__PURE__ */ React24__default.default.createElement("span", { className: "relative z-10 drop-shadow-lg" }, item.speaker)
       ),
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         "p",
         {
           className: "text-base leading-relaxed",
@@ -4107,7 +4114,7 @@ var HistoryPanel = ({
         },
         item.text
       )
-    ))), /* @__PURE__ */ React21__default.default.createElement(
+    ))), /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
         className: "px-8 py-4 border-t text-center",
@@ -4119,7 +4126,7 @@ var HistoryPanel = ({
           boxShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.2)"
         }
       },
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         "span",
         {
           className: "text-sm px-5 py-2.5 rounded-full inline-block font-medium",
@@ -4154,8 +4161,8 @@ var LoadingScreen = ({
   loadingText = "\u6B63\u5728\u51C6\u5907\u573A\u666F\u4E2D...",
   className = ""
 }) => {
-  const [isMounted, setIsMounted] = React21.useState(false);
-  React21.useEffect(() => {
+  const [isMounted, setIsMounted] = React24.useState(false);
+  React24.useEffect(() => {
     setIsMounted(true);
   }, []);
   console.log("[LoadingScreen] Render state:", {
@@ -4169,7 +4176,7 @@ var LoadingScreen = ({
     console.log("[LoadingScreen] Not showing, returning null");
     return null;
   }
-  const content = /* @__PURE__ */ React21__default.default.createElement(
+  const content = /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       className: `fixed inset-0 w-screen h-screen flex items-center justify-center ${className}`,
@@ -4181,7 +4188,7 @@ var LoadingScreen = ({
         padding: 0
       }
     },
-    /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
         className: "absolute inset-0 w-full h-full pointer-events-none",
@@ -4191,7 +4198,7 @@ var LoadingScreen = ({
           WebkitBackdropFilter: "blur(32px) saturate(200%)"
         }
       },
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         "div",
         {
           className: "flex items-center justify-center flex-col inset-0 w-full h-full pointer-events-none",
@@ -4206,7 +4213,7 @@ var LoadingScreen = ({
             animation: "gradientShift 15s ease infinite"
           }
         },
-        /* @__PURE__ */ React21__default.default.createElement(
+        /* @__PURE__ */ React24__default.default.createElement(
           "div",
           {
             className: "text-lg font-medium text-white text-center px-6 py-3 rounded-2xl"
@@ -4241,39 +4248,53 @@ var LoadingScreen = ({
 LoadingScreen.displayName = "LoadingScreen";
 var VNModal = ({ title, show, onClose, children }) => {
   if (!show) return null;
-  return /* @__PURE__ */ React21__default.default.createElement(
+  return /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
-      className: "fixed inset-0 flex items-center justify-center bg-black/40 backdrop-blur-xl z-[1000000] pointer-events-auto transition-all animate-in fade-in zoom-in-95 duration-300",
+      className: "fixed inset-0 flex items-center justify-center backdrop-blur-xl z-[1000000] pointer-events-auto transition-all animate-in fade-in zoom-in-95 duration-300 px-4",
+      style: { background: "rgba(100, 116, 139, 0.3)" },
       onClick: onClose
     },
-    /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
-        className: "w-full max-w-lg mx-4 p-8 rounded-[2.5rem] border border-white/40 shadow-[0_20px_80px_rgba(0,0,0,0.4)] relative overflow-hidden",
+        className: "w-full max-w-lg p-4 sm:p-6 md:p-8 rounded-3xl sm:rounded-[2.5rem] border relative overflow-hidden max-h-[90vh] overflow-y-auto",
         style: {
-          background: "linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15))",
+          background: "linear-gradient(135deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.95))",
           backdropFilter: "blur(40px) saturate(200%)",
-          WebkitBackdropFilter: "blur(40px) saturate(200%)"
+          WebkitBackdropFilter: "blur(40px) saturate(200%)",
+          borderColor: "rgba(203, 213, 225, 0.8)",
+          boxShadow: "0 20px 80px rgba(100, 116, 139, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8)"
         },
         onClick: (e) => e.stopPropagation()
       },
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute -top-24 -right-24 w-64 h-64 bg-cyan-400/20 rounded-full blur-3xl pointer-events-none" }),
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute -bottom-24 -left-24 w-64 h-64 bg-pink-400/20 rounded-full blur-3xl pointer-events-none" }),
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between mb-8 relative" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React21__default.default.createElement("h2", { className: "text-2xl font-bold text-white tracking-wider drop-shadow-lg" }, title), /* @__PURE__ */ React21__default.default.createElement("div", { className: "h-1.5 w-16 bg-white/60 rounded-full mt-2 shadow-[0_0_10px_rgba(255,255,255,0.5)]" })), /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute -top-24 -right-24 w-64 h-64 bg-slate-300/15 rounded-full blur-3xl pointer-events-none" }),
+      /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute -bottom-24 -left-24 w-64 h-64 bg-slate-400/15 rounded-full blur-3xl pointer-events-none" }),
+      /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between mb-6 sm:mb-8 relative" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React24__default.default.createElement("h2", { className: "text-xl sm:text-2xl font-bold tracking-wider drop-shadow-sm", style: { color: "#22c55e" } }, title), /* @__PURE__ */ React24__default.default.createElement("div", { className: "h-1 sm:h-1.5 w-12 sm:w-16 bg-green-500/80 rounded-full mt-2 shadow-[0_0_10px_rgba(34,197,94,0.4)]" })), /* @__PURE__ */ React24__default.default.createElement(
         "button",
         {
           onClick: onClose,
-          className: "w-12 h-12 rounded-full flex items-center justify-center bg-white/10 hover:bg-white/30 text-white transition-all border border-white/20 shadow-inner"
+          className: "w-10 h-10 sm:w-12 sm:h-12 rounded-full flex items-center justify-center transition-all border shadow-inner touch-manipulation shrink-0",
+          style: {
+            background: "rgba(241, 245, 249, 0.8)",
+            borderColor: "rgba(203, 213, 225, 0.6)",
+            color: "#64748b"
+          }
         },
         "\u2715"
       )),
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-white leading-relaxed max-h-[50vh] overflow-y-auto pr-4 custom-scrollbar relative font-medium" }, children),
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-10 flex justify-center relative" }, /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement("div", { className: "leading-relaxed max-h-[40vh] sm:max-h-[50vh] overflow-y-auto pr-2 sm:pr-4 custom-scrollbar relative font-medium text-sm sm:text-base", style: { color: "#475569" } }, children),
+      /* @__PURE__ */ React24__default.default.createElement("div", { className: "mt-6 sm:mt-10 flex justify-center relative" }, /* @__PURE__ */ React24__default.default.createElement(
         "button",
         {
           onClick: onClose,
-          className: "px-14 py-3.5 rounded-2xl bg-white/20 hover:bg-white/40 text-white font-bold transition-all border border-white/50 shadow-[0_0_20px_rgba(255,255,255,0.2)] hover:scale-105 active:scale-95 tracking-[0.2em] uppercase text-sm"
+          className: "px-10 sm:px-14 py-3 sm:py-3.5 rounded-xl sm:rounded-2xl font-bold transition-all border hover:scale-105 active:scale-95 tracking-[0.15em] sm:tracking-[0.2em] uppercase text-xs sm:text-sm touch-manipulation",
+          style: {
+            background: "linear-gradient(135deg, rgba(248, 250, 252, 0.98), rgba(226, 232, 240, 0.95))",
+            borderColor: "rgba(203, 213, 225, 0.8)",
+            color: "#22c55e",
+            boxShadow: "0 4px 16px rgba(100, 116, 139, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.8)"
+          }
         },
         "Confirm"
       ))
@@ -4289,105 +4310,128 @@ var StartScreen = ({
   onStart,
   className = ""
 }) => {
-  const [isMounted, setIsMounted] = React21.useState(false);
-  const [showSettings, setShowSettings] = React21.useState(false);
-  const [showAbout, setShowAbout] = React21.useState(false);
-  React21.useEffect(() => {
+  const [isMounted, setIsMounted] = React24.useState(false);
+  const [showSettings, setShowSettings] = React24.useState(false);
+  const [showAbout, setShowAbout] = React24.useState(false);
+  React24.useEffect(() => {
     setIsMounted(true);
   }, []);
   if (!isMounted) return null;
   if (!showStartScreen) return null;
-  const content = /* @__PURE__ */ React21__default.default.createElement(
+  const content = /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       className: `fixed inset-0 w-screen h-screen flex items-center justify-center overflow-hidden ${className}`,
       style: {
         zIndex: 999999,
         pointerEvents: "auto",
-        backgroundColor: "#050505",
+        backgroundColor: "#f1f5f9",
         margin: 0,
         padding: 0
       }
     },
-    /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute inset-0 w-full h-full overflow-hidden" }, /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute inset-0 w-full h-full overflow-hidden" }, /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
-        className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[150vw] h-[150vw] opacity-40 pointer-events-none",
+        className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[150vw] h-[150vw] opacity-20 pointer-events-none",
         style: {
-          background: "radial-gradient(circle at center, rgba(57, 197, 187, 0.4) 0%, rgba(255, 182, 193, 0.2) 30%, transparent 70%)",
+          background: "radial-gradient(circle at center, rgba(226, 232, 240, 0.6) 0%, rgba(203, 213, 225, 0.3) 30%, transparent 70%)",
           filter: "blur(60px)",
           animation: "pulse 10s ease-in-out infinite"
         }
       }
-    ), /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute inset-0 transition-opacity duration-1000" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute top-[-10%] left-[-10%] w-[60%] h-[60%] bg-cyan-500/10 rounded-full blur-[120px] animate-blob" }), /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute bottom-[-10%] right-[-10%] w-[60%] h-[60%] bg-purple-500/10 rounded-full blur-[120px] animate-blob animation-delay-2000" }), /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute top-[20%] right-[10%] w-[40%] h-[40%] bg-pink-500/10 rounded-full blur-[100px] animate-blob animation-delay-4000" })), /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute inset-0 opacity-60" }, [...Array(40)].map((_, i) => /* @__PURE__ */ React21__default.default.createElement(
+    ), /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute inset-0 transition-opacity duration-1000" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute top-[-10%] left-[-10%] w-[60%] h-[60%] bg-slate-300/20 rounded-full blur-[120px] animate-blob" }), /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute bottom-[-10%] right-[-10%] w-[60%] h-[60%] bg-slate-400/15 rounded-full blur-[120px] animate-blob animation-delay-2000" }), /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute top-[20%] right-[10%] w-[40%] h-[40%] bg-slate-300/15 rounded-full blur-[100px] animate-blob animation-delay-4000" })), /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute inset-0 opacity-30" }, [...Array(typeof window !== "undefined" && window.innerWidth < 768 ? 20 : 40)].map((_, i) => /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
         key: i,
-        className: "absolute bg-white/40 rounded-full",
+        className: "absolute bg-slate-400/60 rounded-full",
         style: {
           width: Math.random() * 3 + 1 + "px",
           height: Math.random() * 3 + 1 + "px",
           top: Math.random() * 100 + "%",
           left: Math.random() * 100 + "%",
-          boxShadow: "0 0 10px rgba(255,255,255,0.5)",
+          boxShadow: "0 0 10px rgba(148, 163, 184, 0.3)",
           animation: `floatParticle ${Math.random() * 10 + 10}s linear infinite`,
           animationDelay: `-${Math.random() * 20}s`
         }
       }
     )))),
-    /* @__PURE__ */ React21__default.default.createElement("div", { className: "relative z-10 w-full max-w-5xl mx-auto px-6 flex flex-col items-center" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-center mb-20 md:mb-32 group flex flex-col items-center" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "w-40 h-px bg-gradient-to-r from-transparent via-white/60 to-transparent mb-10 shadow-[0_0_15px_rgba(255,255,255,0.5)]" }), /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement("div", { className: "relative z-10 w-full max-w-5xl mx-auto px-4 sm:px-6 flex flex-col items-center" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-center mb-12 sm:mb-20 md:mb-32 group flex flex-col items-center" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "w-24 sm:w-40 h-px bg-gradient-to-r from-transparent via-slate-400/60 to-transparent mb-6 sm:mb-10 shadow-[0_0_15px_rgba(148,163,184,0.3)]" }), /* @__PURE__ */ React24__default.default.createElement(
       "h1",
       {
-        className: "text-6xl md:text-8xl font-black text-white tracking-[0.15em] leading-tight select-none",
+        className: "text-4xl sm:text-5xl md:text-6xl lg:text-8xl font-black tracking-[0.1em] sm:tracking-[0.15em] leading-tight select-none px-4",
         style: {
-          filter: "drop-shadow(0 0 20px rgba(255,255,255,0.3))",
-          textShadow: "0 10px 30px rgba(0,0,0,0.5)"
+          color: "#22c55e",
+          filter: "drop-shadow(0 0 20px rgba(34, 197, 94, 0.4))",
+          textShadow: "0 4px 12px rgba(100, 116, 139, 0.3)"
         }
       },
       scriptName || "VISUAL NOVEL"
-    ), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-10 flex flex-col items-center gap-4" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "h-1 w-32 bg-white rounded-full opacity-80 shadow-[0_0_20px_rgba(255,255,255,0.8)]" }), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-sm md:text-base tracking-[0.8em] text-white/60 font-medium uppercase translate-x-[0.4em]" }, "Adventure System"))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex flex-col gap-10 items-center w-full max-w-sm" }, /* @__PURE__ */ React21__default.default.createElement(
+    ), /* @__PURE__ */ React24__default.default.createElement("div", { className: "mt-6 sm:mt-10 flex flex-col items-center gap-3 sm:gap-4" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "h-0.5 sm:h-1 w-20 sm:w-32 bg-green-500 rounded-full opacity-80 shadow-[0_0_20px_rgba(34,197,94,0.5)]" }), /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-xs sm:text-sm md:text-base tracking-[0.5em] sm:tracking-[0.8em] font-medium uppercase translate-x-[0.25em] sm:translate-x-[0.4em]", style: { color: "#64748b" } }, "Adventure System"))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex flex-col gap-6 sm:gap-10 items-center w-full max-w-sm px-4 sm:px-0" }, /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         onClick: onStart,
-        className: "group relative w-full h-20 flex items-center justify-center transition-all duration-500 active:scale-95"
+        className: "group relative w-full h-16 sm:h-20 flex items-center justify-center transition-all duration-500 active:scale-95 touch-manipulation"
       },
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         "div",
         {
-          className: "absolute inset-0 bg-white/10 backdrop-blur-2xl border-2 border-white/40 rounded-3xl transition-all duration-500 group-hover:bg-white/25 group-hover:border-white/70 group-hover:shadow-[0_0_50px_rgba(255,255,255,0.3)] group-hover:-inset-1"
+          className: "absolute inset-0 backdrop-blur-2xl border-2 rounded-3xl transition-all duration-500 group-hover:-inset-1",
+          style: {
+            background: "linear-gradient(135deg, rgba(248, 250, 252, 0.98), rgba(226, 232, 240, 0.95))",
+            borderColor: "rgba(203, 213, 225, 0.8)",
+            boxShadow: "0 8px 40px rgba(148, 163, 184, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.8)"
+          }
         }
       ),
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute inset-0 overflow-hidden rounded-3xl pointer-events-none" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-700 bg-gradient-to-r from-transparent via-white/20 to-transparent -skew-x-[25deg] -translate-x-[200%] group-hover:translate-x-[200%] transition-transform duration-1000 ease-in-out" })),
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "relative flex items-center gap-6" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "w-3 h-3 rounded-full bg-cyan-400 animate-ping opacity-75" }), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-2xl font-black text-white tracking-[0.4em] drop-shadow-md" }, startText), /* @__PURE__ */ React21__default.default.createElement("div", { className: "w-3 h-3 rounded-full bg-pink-400 animate-ping opacity-75" }))
-    ), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex gap-8 w-full justify-center" }, [
-      { text: settingsText, onClick: () => setShowSettings(true), color: "rgba(57, 197, 187, 0.2)" },
-      { text: aboutText, onClick: () => setShowAbout(true), color: "rgba(255, 182, 193, 0.2)" }
-    ].map((btn, idx) => /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute inset-0 overflow-hidden rounded-3xl pointer-events-none" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-700 bg-gradient-to-r from-transparent via-slate-300/30 to-transparent -skew-x-[25deg] -translate-x-[200%] group-hover:translate-x-[200%] transition-transform duration-1000 ease-in-out" })),
+      /* @__PURE__ */ React24__default.default.createElement("div", { className: "relative flex items-center gap-3 sm:gap-6" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "w-2 h-2 sm:w-3 sm:h-3 rounded-full bg-green-500 animate-ping opacity-75" }), /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-lg sm:text-2xl font-black tracking-[0.3em] sm:tracking-[0.4em] drop-shadow-sm", style: { color: "#22c55e" } }, startText), /* @__PURE__ */ React24__default.default.createElement("div", { className: "w-2 h-2 sm:w-3 sm:h-3 rounded-full bg-green-600 animate-ping opacity-75" }))
+    ), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex gap-4 sm:gap-8 w-full justify-center" }, [
+      { text: settingsText, onClick: () => setShowSettings(true) },
+      { text: aboutText, onClick: () => setShowAbout(true) }
+    ].map((btn, idx) => /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         key: idx,
         onClick: btn.onClick,
-        className: "group relative flex-1 h-14 flex items-center justify-center transition-all duration-300 active:scale-95 overflow-hidden rounded-2xl"
+        className: "group relative flex-1 h-12 sm:h-14 flex items-center justify-center transition-all duration-300 active:scale-95 overflow-hidden rounded-xl sm:rounded-2xl touch-manipulation"
       },
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         "div",
         {
-          className: "absolute inset-0 bg-white/5 backdrop-blur-xl border border-white/20 transition-all duration-300 group-hover:bg-white/15 group-hover:border-white/40"
-        }
-      ),
-      /* @__PURE__ */ React21__default.default.createElement(
-        "div",
-        {
-          className: "absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity",
-          style: { background: btn.color }
+          className: "absolute inset-0 backdrop-blur-xl border transition-all duration-300",
+          style: {
+            background: "linear-gradient(135deg, rgba(241, 245, 249, 0.95), rgba(226, 232, 240, 0.9))",
+            borderColor: "rgba(203, 213, 225, 0.6)",
+            boxShadow: "0 4px 16px rgba(100, 116, 139, 0.15)"
+          }
         }
       ),
-      /* @__PURE__ */ React21__default.default.createElement("span", { className: "relative text-sm md:text-base font-bold text-white/80 group-hover:text-white tracking-[0.25em] transition-colors uppercase" }, btn.text)
+      /* @__PURE__ */ React24__default.default.createElement("span", { className: "relative text-xs sm:text-sm md:text-base font-bold tracking-[0.15em] sm:tracking-[0.25em] transition-colors uppercase", style: { color: "#64748b" } }, btn.text)
     ))))),
-    /* @__PURE__ */ React21__default.default.createElement("div", { className: "fixed bottom-10 left-0 right-0 text-center pointer-events-none select-none" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "inline-block px-6 py-2 rounded-full bg-white/5 backdrop-blur-md border border-white/10" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-[10px] md:text-xs text-white/30 tracking-[0.5em] font-light uppercase" }, "Ver 1.6.2 \u2014 ENGINE POWERED BY SA2KIT"))),
-    /* @__PURE__ */ React21__default.default.createElement(VNModal, { title: settingsText, show: showSettings, onClose: () => setShowSettings(false) }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-8 py-4" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex justify-between items-center text-sm font-bold tracking-widest text-white/60" }, /* @__PURE__ */ React21__default.default.createElement("span", null, "MUSIC VOLUME"), /* @__PURE__ */ React21__default.default.createElement("span", null, "80%")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "h-3 bg-white/10 rounded-full p-0.5 border border-white/10" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "h-full w-[80%] bg-gradient-to-r from-cyan-400 to-blue-500 rounded-full shadow-[0_0_15px_rgba(34,211,238,0.5)]" }))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex justify-between items-center text-sm font-bold tracking-widest text-white/60" }, /* @__PURE__ */ React21__default.default.createElement("span", null, "TEXT SPEED"), /* @__PURE__ */ React21__default.default.createElement("span", null, "NORMAL")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex gap-3" }, ["SLOW", "NORMAL", "FAST"].map((s, i) => /* @__PURE__ */ React21__default.default.createElement("div", { key: s, className: `flex-1 py-3 rounded-xl border text-center text-xs font-bold transition-all cursor-pointer ${i === 1 ? "bg-white/20 border-white/60 text-white" : "bg-white/5 border-white/10 text-white/40 hover:bg-white/10 hover:border-white/30"}` }, s)))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "pt-4 flex items-center justify-between opacity-50 italic text-xs border-t border-white/10" }, /* @__PURE__ */ React21__default.default.createElement("span", null, "Auto Save Enabled"), /* @__PURE__ */ React21__default.default.createElement("span", null, "Cloud Sync Active")))),
-    /* @__PURE__ */ React21__default.default.createElement(VNModal, { title: aboutText, show: showAbout, onClose: () => setShowAbout(false) }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-8 py-4" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-6 p-6 rounded-3xl bg-white/5 border border-white/10" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "w-20 h-20 rounded-2xl bg-gradient-to-br from-cyan-400 via-blue-500 to-purple-600 flex items-center justify-center text-3xl font-black text-white shadow-[0_10px_30px_rgba(0,0,0,0.3)]" }, "S2"), /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-2xl font-black text-white tracking-tight" }, scriptName || "Project SA2"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs font-bold text-white/40 tracking-widest mt-1 uppercase" }, "Visual Novel Experience"))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-4 px-2" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-white/80 font-medium leading-relaxed" }, "\u91C7\u7528 sa2kit \u5F15\u64CE\u6784\u5EFA\u7684\u65B0\u4E00\u4EE3\u5B9E\u65F6 3D \u89C6\u89C9\u5C0F\u8BF4\u3002\u7ED3\u5408\u4E86 MMD \u5B9E\u65F6\u6E32\u67D3\u6280\u672F\u4E0E\u4EA4\u4E92\u5F0F\u5267\u60C5\u5206\u652F\u7CFB\u7EDF\uFF0C\u81F4\u529B\u4E8E\u6253\u9020\u6781\u81F4\u7684\u6C89\u6D78\u5F0F\u53D9\u4E8B\u4F53\u9A8C\u3002")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "grid grid-cols-2 gap-4 pt-6 border-t border-white/10" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-[10px] font-bold text-white/30 tracking-widest" }, "DEVELOPER"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-xs font-bold text-white/80" }, "SA2KIT TEAM")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex flex-col gap-1 text-right" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-[10px] font-bold text-white/30 tracking-widest" }, "ENGINE"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-xs font-bold text-white/80" }, "THREE.JS / REACT"))))),
-    /* @__PURE__ */ React21__default.default.createElement("style", null, `
+    /* @__PURE__ */ React24__default.default.createElement("div", { className: "fixed bottom-4 sm:bottom-10 left-0 right-0 text-center pointer-events-none select-none px-4" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "inline-block px-3 sm:px-6 py-1.5 sm:py-2 rounded-full backdrop-blur-md border", style: {
+      background: "rgba(248, 250, 252, 0.8)",
+      borderColor: "rgba(203, 213, 225, 0.3)"
+    } }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-[8px] sm:text-[10px] md:text-xs tracking-[0.3em] sm:tracking-[0.5em] font-light uppercase", style: { color: "rgba(100, 116, 139, 0.5)" } }, "Ver 1.6.2 \u2014 ENGINE POWERED BY SA2KIT"))),
+    /* @__PURE__ */ React24__default.default.createElement(VNModal, { title: settingsText, show: showSettings, onClose: () => setShowSettings(false) }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-6 sm:space-y-8 py-2 sm:py-4" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-3 sm:space-y-4" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex justify-between items-center text-xs sm:text-sm font-bold tracking-wider sm:tracking-widest", style: { color: "#64748b" } }, /* @__PURE__ */ React24__default.default.createElement("span", null, "MUSIC VOLUME"), /* @__PURE__ */ React24__default.default.createElement("span", null, "80%")), /* @__PURE__ */ React24__default.default.createElement("div", { className: "h-2.5 sm:h-3 rounded-full p-0.5 border", style: { background: "rgba(241, 245, 249, 0.5)", borderColor: "rgba(203, 213, 225, 0.4)" } }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "h-full w-[80%] rounded-full", style: { background: "linear-gradient(to right, #22c55e, #4ade80)", boxShadow: "0 0 15px rgba(34, 197, 94, 0.5)" } }))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-3 sm:space-y-4" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex justify-between items-center text-xs sm:text-sm font-bold tracking-wider sm:tracking-widest", style: { color: "#64748b" } }, /* @__PURE__ */ React24__default.default.createElement("span", null, "TEXT SPEED"), /* @__PURE__ */ React24__default.default.createElement("span", null, "NORMAL")), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex gap-2 sm:gap-3" }, ["SLOW", "NORMAL", "FAST"].map((s, i) => /* @__PURE__ */ React24__default.default.createElement(
+      "div",
+      {
+        key: s,
+        className: "flex-1 py-2.5 sm:py-3 rounded-lg sm:rounded-xl border text-center text-[10px] sm:text-xs font-bold transition-all cursor-pointer touch-manipulation",
+        style: i === 1 ? {
+          background: "rgba(34, 197, 94, 0.15)",
+          borderColor: "#22c55e",
+          color: "#22c55e"
+        } : {
+          background: "rgba(241, 245, 249, 0.5)",
+          borderColor: "rgba(203, 213, 225, 0.4)",
+          color: "rgba(100, 116, 139, 0.6)"
+        }
+      },
+      s
+    )))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "pt-3 sm:pt-4 flex flex-col sm:flex-row items-center justify-between gap-2 sm:gap-0 opacity-50 italic text-[10px] sm:text-xs border-t", style: { borderColor: "rgba(203, 213, 225, 0.3)" } }, /* @__PURE__ */ React24__default.default.createElement("span", null, "Auto Save Enabled"), /* @__PURE__ */ React24__default.default.createElement("span", null, "Cloud Sync Active")))),
+    /* @__PURE__ */ React24__default.default.createElement(VNModal, { title: aboutText, show: showAbout, onClose: () => setShowAbout(false) }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-6 sm:space-y-8 py-2 sm:py-4" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center gap-3 sm:gap-6 p-4 sm:p-6 rounded-2xl sm:rounded-3xl border", style: { background: "rgba(241, 245, 249, 0.6)", borderColor: "rgba(203, 213, 225, 0.4)" } }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "w-14 h-14 sm:w-20 sm:h-20 rounded-xl sm:rounded-2xl flex items-center justify-center text-2xl sm:text-3xl font-black text-white shadow-lg shrink-0", style: { background: "linear-gradient(to bottom right, #22c55e, #4ade80)" } }, "S2"), /* @__PURE__ */ React24__default.default.createElement("div", null, /* @__PURE__ */ React24__default.default.createElement("h3", { className: "text-lg sm:text-2xl font-black tracking-tight", style: { color: "#22c55e" } }, scriptName || "Project SA2"), /* @__PURE__ */ React24__default.default.createElement("p", { className: "text-[10px] sm:text-xs font-bold tracking-wider sm:tracking-widest mt-1 uppercase", style: { color: "rgba(100, 116, 139, 0.6)" } }, "Visual Novel Experience"))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-3 sm:space-y-4 px-1 sm:px-2" }, /* @__PURE__ */ React24__default.default.createElement("p", { className: "font-medium leading-relaxed text-sm sm:text-base", style: { color: "#475569" } }, "\u91C7\u7528 sa2kit \u5F15\u64CE\u6784\u5EFA\u7684\u65B0\u4E00\u4EE3\u5B9E\u65F6 3D \u89C6\u89C9\u5C0F\u8BF4\u3002\u7ED3\u5408\u4E86 MMD \u5B9E\u65F6\u6E32\u67D3\u6280\u672F\u4E0E\u4EA4\u4E92\u5F0F\u5267\u60C5\u5206\u652F\u7CFB\u7EDF\uFF0C\u81F4\u529B\u4E8E\u6253\u9020\u6781\u81F4\u7684\u6C89\u6D78\u5F0F\u53D9\u4E8B\u4F53\u9A8C\u3002")), /* @__PURE__ */ React24__default.default.createElement("div", { className: "grid grid-cols-2 gap-3 sm:gap-4 pt-4 sm:pt-6 border-t", style: { borderColor: "rgba(203, 213, 225, 0.3)" } }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-[9px] sm:text-[10px] font-bold tracking-wider sm:tracking-widest", style: { color: "rgba(100, 116, 139, 0.5)" } }, "DEVELOPER"), /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-xs font-bold", style: { color: "#64748b" } }, "SA2KIT TEAM")), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex flex-col gap-1 text-right" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-[9px] sm:text-[10px] font-bold tracking-wider sm:tracking-widest", style: { color: "rgba(100, 116, 139, 0.5)" } }, "ENGINE"), /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-xs font-bold", style: { color: "#64748b" } }, "THREE.JS / REACT"))))),
+    /* @__PURE__ */ React24__default.default.createElement("style", null, `
         @keyframes floatParticle {
           from { transform: translateY(0) translateX(0); opacity: 0; }
           20% { opacity: 1; }
@@ -4472,14 +4516,14 @@ var LoadingOverlay = ({
   onStart,
   className = ""
 }) => {
-  return /* @__PURE__ */ React21__default.default.createElement(React21__default.default.Fragment, null, /* @__PURE__ */ React21__default.default.createElement(
+  return /* @__PURE__ */ React24__default.default.createElement(React24__default.default.Fragment, null, /* @__PURE__ */ React24__default.default.createElement(
     LoadingScreen,
     {
       isLoading,
       loadingText,
       className
     }
-  ), /* @__PURE__ */ React21__default.default.createElement(
+  ), /* @__PURE__ */ React24__default.default.createElement(
     StartScreen,
     {
       showStartScreen,
@@ -4497,18 +4541,18 @@ var SkipConfirmDialog = ({
   onConfirm,
   onCancel
 }) => {
-  const [isMounted, setIsMounted] = React21__default.default.useState(false);
-  React21__default.default.useEffect(() => {
+  const [isMounted, setIsMounted] = React24__default.default.useState(false);
+  React24__default.default.useEffect(() => {
     setIsMounted(true);
   }, []);
   if (!isMounted) return null;
-  const content = /* @__PURE__ */ React21__default.default.createElement(
+  const content = /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       className: "fixed inset-0 flex items-center justify-center bg-black/40 backdrop-blur-sm pointer-events-auto",
       style: { zIndex: 999999 }
     },
-    /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
         className: "p-8 rounded-3xl border border-white/30 shadow-2xl max-w-sm w-full mx-4 overflow-hidden relative",
@@ -4520,16 +4564,16 @@ var SkipConfirmDialog = ({
           WebkitBackdropFilter: "blur(32px) saturate(200%)"
         }
       },
-      /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-xl font-bold text-white mb-4 drop-shadow-md" }, "\u52A8\u753B\u5C1A\u672A\u64AD\u653E\u5B8C\u6210"),
-      /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-white/90 mb-8 leading-relaxed drop-shadow-sm" }, "\u5F53\u524D\u573A\u666F\u7684\u52A8\u753B\u8FD8\u6CA1\u6709\u5B8C\u6574\u64AD\u653E\u4E00\u904D\uFF0C\u662F\u5426\u76F4\u63A5\u8DF3\u8F6C\u5230\u4E0B\u4E00\u4E2A\u573A\u666F\uFF1F"),
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex justify-end gap-4" }, /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement("h3", { className: "text-xl font-bold text-white mb-4 drop-shadow-md" }, "\u52A8\u753B\u5C1A\u672A\u64AD\u653E\u5B8C\u6210"),
+      /* @__PURE__ */ React24__default.default.createElement("p", { className: "text-white/90 mb-8 leading-relaxed drop-shadow-sm" }, "\u5F53\u524D\u573A\u666F\u7684\u52A8\u753B\u8FD8\u6CA1\u6709\u5B8C\u6574\u64AD\u653E\u4E00\u904D\uFF0C\u662F\u5426\u76F4\u63A5\u8DF3\u8F6C\u5230\u4E0B\u4E00\u4E2A\u573A\u666F\uFF1F"),
+      /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex justify-end gap-4" }, /* @__PURE__ */ React24__default.default.createElement(
         "button",
         {
           onClick: onCancel,
           className: "px-6 py-2.5 rounded-2xl text-white/80 font-medium hover:text-white hover:bg-white/10 transition-all border border-white/10 hover:border-white/30"
         },
         "\u53D6\u6D88"
-      ), /* @__PURE__ */ React21__default.default.createElement(
+      ), /* @__PURE__ */ React24__default.default.createElement(
         "button",
         {
           onClick: onConfirm,
@@ -4553,34 +4597,51 @@ var ChoiceMenu = ({
   onSelect,
   theme
 }) => {
-  const [isMounted, setIsMounted] = React21__default.default.useState(false);
-  React21__default.default.useEffect(() => {
+  const [isMounted, setIsMounted] = React24__default.default.useState(false);
+  React24__default.default.useEffect(() => {
     setIsMounted(true);
   }, []);
   if (!isMounted) return null;
-  const content = /* @__PURE__ */ React21__default.default.createElement(
+  const content = /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       className: "fixed inset-0 flex flex-col items-center justify-center bg-black/20 backdrop-blur-sm pointer-events-auto transition-all animate-in fade-in duration-500",
       style: { zIndex: 1e6 }
     },
-    /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex flex-col gap-4 w-full max-w-md px-6" }, choices.map((choice, index) => /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex flex-col gap-4 w-full max-w-md px-6" }, choices.map((choice, index) => /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         key: index,
         onClick: () => onSelect(choice),
-        className: "w-full py-4 px-8 rounded-2xl text-white font-bold text-lg transition-all border border-white/20 shadow-xl hover:scale-105 active:scale-95 group relative overflow-hidden",
+        className: "w-full py-4 px-8 rounded-2xl font-bold text-lg transition-all border shadow-xl hover:scale-105 active:scale-95 group relative overflow-hidden",
         style: {
           background: `linear-gradient(135deg, 
-                rgba(255, 255, 255, 0.2) 0%, 
-                rgba(255, 255, 255, 0.1) 100%)`,
-          backdropFilter: "blur(32px) saturate(200%)",
-          WebkitBackdropFilter: "blur(32px) saturate(200%)"
+                rgba(248, 250, 252, 0.98) 0%, 
+                rgba(241, 245, 249, 0.95) 50%, 
+                rgba(226, 232, 240, 0.92) 100%)`,
+          backdropFilter: "blur(16px) saturate(200%)",
+          WebkitBackdropFilter: "blur(16px) saturate(200%)",
+          borderColor: "rgba(203, 213, 225, 0.8)",
+          color: "#22c55e",
+          boxShadow: `
+                0 8px 40px rgba(148, 163, 184, 0.2),
+                0 4px 16px rgba(100, 116, 139, 0.15),
+                inset 0 1px 0 rgba(255, 255, 255, 0.8),
+                inset 0 -1px 0 rgba(203, 213, 225, 0.5)
+              `
         }
       },
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute inset-0 bg-white/10 opacity-0 group-hover:opacity-100 transition-opacity" }),
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-white/5 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000 ease-in-out" }),
-      /* @__PURE__ */ React21__default.default.createElement("span", { className: "relative z-10 drop-shadow-md" }, choice.text)
+      /* @__PURE__ */ React24__default.default.createElement(
+        "div",
+        {
+          className: "absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity",
+          style: {
+            background: "linear-gradient(135deg, rgba(226, 232, 240, 0.5), rgba(203, 213, 225, 0.3))"
+          }
+        }
+      ),
+      /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-white/30 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000 ease-in-out" }),
+      /* @__PURE__ */ React24__default.default.createElement("span", { className: "relative z-10 " }, choice.text)
     )))
   );
   let portalContainer = document.getElementById("dialogue-portal-root");
@@ -4592,9 +4653,271 @@ var ChoiceMenu = ({
   }
   return reactDom.createPortal(content, portalContainer);
 };
+var LoopConfirmDialog = ({
+  onRestart,
+  onBackToStart,
+  onCancel
+}) => {
+  return /* @__PURE__ */ React24__default.default.createElement("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/70 backdrop-blur-sm" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "mx-4 w-full max-w-md rounded-lg bg-gradient-to-br from-slate-800 to-slate-900 p-6 shadow-2xl border border-slate-700" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "mb-6 text-center" }, /* @__PURE__ */ React24__default.default.createElement("h3", { className: "text-2xl font-bold text-white mb-2" }, "\u{1F3AC} \u5267\u672C\u5DF2\u64AD\u653E\u5B8C\u6BD5"), /* @__PURE__ */ React24__default.default.createElement("p", { className: "text-slate-300 text-sm" }, "\u4F60\u60F3\u8981\u505A\u4EC0\u4E48\u5462\uFF1F")), /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React24__default.default.createElement(
+    "button",
+    {
+      onClick: onRestart,
+      className: "w-full rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 px-6 py-4 text-white font-medium shadow-lg hover:from-blue-600 hover:to-blue-700 transition-all duration-200 hover:shadow-xl hover:scale-105 active:scale-95"
+    },
+    /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-center gap-2" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-xl" }, "\u{1F504}"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-left" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "font-bold" }, "\u91CD\u65B0\u5F00\u59CB"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-xs text-blue-100 opacity-90" }, "\u4ECE\u7B2C\u4E00\u4E2A\u8282\u70B9\u7EE7\u7EED\u64AD\u653E")))
+  ), /* @__PURE__ */ React24__default.default.createElement(
+    "button",
+    {
+      onClick: onBackToStart,
+      className: "w-full rounded-lg bg-gradient-to-r from-purple-500 to-purple-600 px-6 py-4 text-white font-medium shadow-lg hover:from-purple-600 hover:to-purple-700 transition-all duration-200 hover:shadow-xl hover:scale-105 active:scale-95"
+    },
+    /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-center gap-2" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-xl" }, "\u{1F3E0}"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-left" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "font-bold" }, "\u56DE\u5230\u5F00\u59CB\u9875\u9762"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-xs text-purple-100 opacity-90" }, "\u8FD4\u56DE\u6807\u9898\u754C\u9762")))
+  ), onCancel && /* @__PURE__ */ React24__default.default.createElement(
+    "button",
+    {
+      onClick: onCancel,
+      className: "w-full rounded-lg bg-slate-700 px-6 py-3 text-slate-300 font-medium hover:bg-slate-600 transition-all duration-200"
+    },
+    "\u53D6\u6D88"
+  )), /* @__PURE__ */ React24__default.default.createElement("div", { className: "mt-4 text-center text-xs text-slate-400" }, "\u{1F4A1} \u63D0\u793A\uFF1A\u4F60\u4E5F\u53EF\u4EE5\u4F7F\u7528\u5FEB\u8FDB\u6309\u94AE\u8DF3\u8FC7\u5DF2\u770B\u8FC7\u7684\u5185\u5BB9")));
+};
+var CheerButton = ({
+  onClick,
+  text = "\u5E94\u63F4",
+  show,
+  className = ""
+}) => {
+  if (!show) return null;
+  return /* @__PURE__ */ React24__default.default.createElement(
+    "button",
+    {
+      onClick,
+      className: `
+        fixed bottom-32 right-8
+        px-6 py-3 rounded-full
+        bg-gradient-to-r from-pink-500 to-purple-500
+        hover:from-pink-600 hover:to-purple-600
+        active:scale-95
+        text-white font-bold text-lg
+        shadow-lg hover:shadow-xl
+        transition-all duration-200
+        flex items-center gap-2
+        ${className}
+      `,
+      style: {
+        animation: "cheer-pulse 2s ease-in-out infinite",
+        zIndex: 1e6
+        // 高于对话框的 z-index (999999)
+      }
+    },
+    /* @__PURE__ */ React24__default.default.createElement("span", { className: "text-2xl" }, "\u{1F389}"),
+    /* @__PURE__ */ React24__default.default.createElement("span", null, text),
+    /* @__PURE__ */ React24__default.default.createElement("style", null, `
+        @keyframes cheer-pulse {
+          0%, 100% { 
+            transform: scale(1);
+            box-shadow: 0 0 0 0 rgba(236, 72, 153, 0.7);
+          }
+          50% { 
+            transform: scale(1.05);
+            box-shadow: 0 0 20px 10px rgba(236, 72, 153, 0);
+          }
+        }
+      `)
+  );
+};
+var CheerParticles = React24.forwardRef(
+  ({ className = "" }, ref) => {
+    const containerRef = React24.useRef(null);
+    const sceneRef = React24.useRef(null);
+    const cameraRef = React24.useRef(null);
+    const rendererRef = React24.useRef(null);
+    const particlesRef = React24.useRef([]);
+    const animationFrameRef = React24.useRef(null);
+    React24.useEffect(() => {
+      if (!containerRef.current) return;
+      const container = containerRef.current;
+      const width = container.clientWidth;
+      const height = container.clientHeight;
+      const scene = new THREE3__namespace.Scene();
+      sceneRef.current = scene;
+      const camera = new THREE3__namespace.OrthographicCamera(
+        -width / 2,
+        width / 2,
+        height / 2,
+        -height / 2,
+        1,
+        1e3
+      );
+      camera.position.z = 100;
+      cameraRef.current = camera;
+      const renderer = new THREE3__namespace.WebGLRenderer({
+        alpha: true,
+        antialias: true
+      });
+      renderer.setSize(width, height);
+      renderer.setPixelRatio(window.devicePixelRatio);
+      container.appendChild(renderer.domElement);
+      rendererRef.current = renderer;
+      const animate = () => {
+        animationFrameRef.current = requestAnimationFrame(animate);
+        updateParticles();
+        if (rendererRef.current && sceneRef.current && cameraRef.current) {
+          rendererRef.current.render(sceneRef.current, cameraRef.current);
+        }
+      };
+      animate();
+      const handleResize = () => {
+        if (!containerRef.current || !cameraRef.current || !rendererRef.current) return;
+        const newWidth = containerRef.current.clientWidth;
+        const newHeight = containerRef.current.clientHeight;
+        cameraRef.current.left = -newWidth / 2;
+        cameraRef.current.right = newWidth / 2;
+        cameraRef.current.top = newHeight / 2;
+        cameraRef.current.bottom = -newHeight / 2;
+        cameraRef.current.updateProjectionMatrix();
+        rendererRef.current.setSize(newWidth, newHeight);
+      };
+      window.addEventListener("resize", handleResize);
+      return () => {
+        window.removeEventListener("resize", handleResize);
+        if (animationFrameRef.current) {
+          cancelAnimationFrame(animationFrameRef.current);
+        }
+        if (rendererRef.current) {
+          container.removeChild(rendererRef.current.domElement);
+          rendererRef.current.dispose();
+        }
+        clearParticles();
+      };
+    }, []);
+    const createParticle = (position, velocity, color) => {
+      const shapes = [
+        new THREE3__namespace.SphereGeometry(8, 8, 8),
+        new THREE3__namespace.BoxGeometry(10, 10, 10),
+        new THREE3__namespace.ConeGeometry(5, 15, 6)
+      ];
+      const geometry = shapes[Math.floor(Math.random() * shapes.length)];
+      const material = new THREE3__namespace.MeshBasicMaterial({
+        color,
+        transparent: true,
+        opacity: 1
+      });
+      const mesh = new THREE3__namespace.Mesh(geometry, material);
+      mesh.position.copy(position);
+      const initialScale = 1 + Math.random() * 0.5;
+      mesh.scale.set(initialScale, initialScale, initialScale);
+      return {
+        mesh,
+        velocity: velocity.clone(),
+        acceleration: new THREE3__namespace.Vector3(0, -500, 0),
+        // 重力
+        lifetime: 0,
+        maxLifetime: 2 + Math.random() * 1,
+        // 2-3秒
+        initialScale
+      };
+    };
+    const triggerParticles = () => {
+      if (!sceneRef.current || !containerRef.current) return;
+      const scene = sceneRef.current;
+      containerRef.current.clientWidth;
+      const height = containerRef.current.clientHeight;
+      const colors = [
+        16738740,
+        // 粉红
+        16766720,
+        // 金黄
+        65535,
+        // 青色
+        16716947,
+        // 深粉
+        9662683,
+        // 紫色
+        16737095,
+        // 番茄红
+        8388564,
+        // 青绿色
+        16753920
+        // 橙色
+      ];
+      const particleCount = 100;
+      for (let i = 0; i < particleCount; i++) {
+        const angle = Math.PI * 2 * i / particleCount;
+        const speed = 200 + Math.random() * 300;
+        const spreadZ = (Math.random() - 0.5) * 200;
+        const velocity = new THREE3__namespace.Vector3(
+          Math.cos(angle) * speed,
+          Math.sin(angle) * speed + Math.random() * 200,
+          spreadZ
+        );
+        const color = colors[Math.floor(Math.random() * colors.length)] ?? 16738740;
+        const position = new THREE3__namespace.Vector3(0, -height / 4, 0);
+        const particle = createParticle(position, velocity, color);
+        scene.add(particle.mesh);
+        particlesRef.current.push(particle);
+      }
+    };
+    const updateParticles = () => {
+      const deltaTime = 1 / 60;
+      const particles = particlesRef.current;
+      for (let i = particles.length - 1; i >= 0; i--) {
+        const particle = particles[i];
+        if (!particle) continue;
+        particle.lifetime += deltaTime;
+        if (particle.lifetime >= particle.maxLifetime) {
+          if (sceneRef.current) {
+            sceneRef.current.remove(particle.mesh);
+          }
+          particle.mesh.geometry.dispose();
+          particle.mesh.material.dispose();
+          particles.splice(i, 1);
+          continue;
+        }
+        particle.velocity.add(
+          particle.acceleration.clone().multiplyScalar(deltaTime)
+        );
+        particle.mesh.position.add(
+          particle.velocity.clone().multiplyScalar(deltaTime)
+        );
+        particle.mesh.rotation.x += deltaTime * 2;
+        particle.mesh.rotation.y += deltaTime * 3;
+        const progress = particle.lifetime / particle.maxLifetime;
+        const opacity = Math.max(0, 1 - progress);
+        particle.mesh.material.opacity = opacity;
+        const scale = particle.initialScale * (1 - progress * 0.5);
+        particle.mesh.scale.set(scale, scale, scale);
+      }
+    };
+    const clearParticles = () => {
+      const particles = particlesRef.current;
+      particles.forEach((particle) => {
+        if (sceneRef.current) {
+          sceneRef.current.remove(particle.mesh);
+        }
+        particle.mesh.geometry.dispose();
+        particle.mesh.material.dispose();
+      });
+      particlesRef.current = [];
+    };
+    React24.useImperativeHandle(ref, () => ({
+      trigger: triggerParticles,
+      clear: clearParticles
+    }));
+    return /* @__PURE__ */ React24__default.default.createElement(
+      "div",
+      {
+        ref: containerRef,
+        className: `pointer-events-none absolute inset-0 ${className}`,
+        style: { zIndex: 999998 }
+      }
+    );
+  }
+);
+CheerParticles.displayName = "CheerParticles";
 
 // src/mmd/visual-novel/MMDVisualNovel.tsx
-var MMDVisualNovel = React21.forwardRef(
+var MMDVisualNovel = React24.forwardRef(
   ({
     script,
     stage,
@@ -4618,33 +4941,35 @@ var MMDVisualNovel = React21.forwardRef(
     style
   }, ref) => {
     const { nodes, loop = false } = script;
-    const [currentNodeIndex, setCurrentNodeIndex] = React21.useState(initialNodeIndex);
-    const [currentDialogueIndex, setCurrentDialogueIndex] = React21.useState(initialDialogueIndex);
-    const [isLoading, setIsLoading] = React21.useState(true);
-    const [isAnimationPlaying, setIsAnimationPlaying] = React21.useState(false);
-    const [isTransitioning, setIsTransitioning] = React21.useState(false);
-    const [isAutoMode, setIsAutoMode] = React21.useState(false);
-    const [isTyping, setIsTyping] = React21.useState(false);
-    const [showHistory, setShowHistory] = React21.useState(false);
-    const [history, setHistory] = React21.useState([]);
-    const [isStarted, setIsStarted] = React21.useState(autoStart);
-    const [isVmdFinished, setIsVmdFinished] = React21.useState(false);
-    const [pendingNodeIndex, setPendingNodeIndex] = React21.useState(null);
-    const [showChoices, setShowChoices] = React21.useState(false);
-    const [isCameraManual, setIsCameraManual] = React21.useState(false);
-    const [variables, setVariables] = React21.useState({});
-    const [activeEffect, setActiveEffect] = React21.useState(null);
-    const playerRef = React21.useRef(null);
-    const containerRef = React21.useRef(null);
-    const autoTimerRef = React21.useRef(null);
-    const typingCompleteRef = React21.useRef(false);
-    const isStartedRef = React21.useRef(autoStart);
-    const lastAnimationTimeRef = React21.useRef(0);
-    const isVmdFinishedRef = React21.useRef(false);
-    const effectTimerRef = React21.useRef(null);
+    const [currentNodeIndex, setCurrentNodeIndex] = React24.useState(initialNodeIndex);
+    const [currentDialogueIndex, setCurrentDialogueIndex] = React24.useState(initialDialogueIndex);
+    const [isLoading, setIsLoading] = React24.useState(true);
+    const [isAnimationPlaying, setIsAnimationPlaying] = React24.useState(false);
+    const [isTransitioning, setIsTransitioning] = React24.useState(false);
+    const [isAutoMode, setIsAutoMode] = React24.useState(false);
+    const [isTyping, setIsTyping] = React24.useState(false);
+    const [showHistory, setShowHistory] = React24.useState(false);
+    const [history, setHistory] = React24.useState([]);
+    const [isStarted, setIsStarted] = React24.useState(autoStart);
+    const [isVmdFinished, setIsVmdFinished] = React24.useState(false);
+    const [pendingNodeIndex, setPendingNodeIndex] = React24.useState(null);
+    const [showChoices, setShowChoices] = React24.useState(false);
+    const [isCameraManual, setIsCameraManual] = React24.useState(false);
+    const [variables, setVariables] = React24.useState({});
+    const [activeEffect, setActiveEffect] = React24.useState(null);
+    const [showLoopConfirm, setShowLoopConfirm] = React24.useState(false);
+    const playerRef = React24.useRef(null);
+    const containerRef = React24.useRef(null);
+    const autoTimerRef = React24.useRef(null);
+    const typingCompleteRef = React24.useRef(false);
+    const isStartedRef = React24.useRef(autoStart);
+    const lastAnimationTimeRef = React24.useRef(0);
+    const isVmdFinishedRef = React24.useRef(false);
+    const effectTimerRef = React24.useRef(null);
+    const cheerParticlesRef = React24.useRef(null);
     const currentNode = nodes[currentNodeIndex];
     const currentDialogue = currentNode?.dialogues[currentDialogueIndex] || null;
-    const addToHistory = React21.useCallback((dialogue, nodeIndex, dialogueIndex) => {
+    const addToHistory = React24.useCallback((dialogue, nodeIndex, dialogueIndex) => {
       setHistory((prev) => [
         ...prev,
         {
@@ -4656,7 +4981,7 @@ var MMDVisualNovel = React21.forwardRef(
         }
       ]);
     }, []);
-    const triggerEffect = React21.useCallback((effect) => {
+    const triggerEffect = React24.useCallback((effect) => {
       if (!effect) return;
       if (effectTimerRef.current) {
         clearTimeout(effectTimerRef.current);
@@ -4667,7 +4992,7 @@ var MMDVisualNovel = React21.forwardRef(
         effectTimerRef.current = null;
       }, effect.duration || 1e3);
     }, []);
-    const goToNode = React21.useCallback(
+    const goToNode = React24.useCallback(
       (nodeIndex, force = false) => {
         if (nodeIndex < 0 || nodeIndex >= nodes.length) return;
         if (isTransitioning) return;
@@ -4707,7 +5032,7 @@ var MMDVisualNovel = React21.forwardRef(
       },
       [nodes, isTransitioning, addToHistory, onNodeChange, onDialogueChange, currentNodeIndex]
     );
-    const triggerNodeTransition = React21.useCallback(() => {
+    const triggerNodeTransition = React24.useCallback(() => {
       if (!currentNode) return;
       let nextNodeIndex = currentNodeIndex + 1;
       if (currentNode.nextCondition) {
@@ -4723,12 +5048,13 @@ var MMDVisualNovel = React21.forwardRef(
       if (nextNodeIndex < nodes.length && nextNodeIndex >= 0) {
         goToNode(nextNodeIndex);
       } else if (loop) {
-        goToNode(0);
+        console.log("[MMDVisualNovel] \u5230\u8FBE\u6700\u540E\u4E00\u4E2A\u8282\u70B9\uFF0C\u663E\u793A\u5FAA\u73AF\u786E\u8BA4\u5BF9\u8BDD\u6846");
+        setShowLoopConfirm(true);
       } else {
         onScriptComplete?.();
       }
     }, [currentNode, currentNodeIndex, nodes.length, loop, variables, goToNode, onScriptComplete]);
-    const goToNextDialogue = React21.useCallback(() => {
+    const goToNextDialogue = React24.useCallback(() => {
       if (!currentNode) return;
       if (currentDialogue?.choices && currentDialogue.choices.length > 0 && !showChoices) {
         setShowChoices(true);
@@ -4751,7 +5077,7 @@ var MMDVisualNovel = React21.forwardRef(
         triggerNodeTransition();
       }
     }, [currentNode, currentDialogue, currentDialogueIndex, currentNodeIndex, nodes.length, loop, addToHistory, onDialogueChange, onScriptComplete, showChoices, variables, goToNode, triggerNodeTransition]);
-    const goToDialogue = React21.useCallback(
+    const goToDialogue = React24.useCallback(
       (dialogueIndex) => {
         if (!currentNode) return;
         const dialogue = currentNode.dialogues[dialogueIndex];
@@ -4763,14 +5089,14 @@ var MMDVisualNovel = React21.forwardRef(
       },
       [currentNode, currentNodeIndex, addToHistory, onDialogueChange]
     );
-    const handleDialogueClick = React21.useCallback(() => {
+    const handleDialogueClick = React24.useCallback(() => {
       if (!typingCompleteRef.current) {
         typingCompleteRef.current = true;
         return;
       }
       goToNextDialogue();
     }, [goToNextDialogue]);
-    const handleTypingComplete = React21.useCallback(() => {
+    const handleTypingComplete = React24.useCallback(() => {
       typingCompleteRef.current = true;
       setIsTyping(false);
       if (isAutoMode || currentDialogue?.waitForClick === false) {
@@ -4780,7 +5106,7 @@ var MMDVisualNovel = React21.forwardRef(
         }, delay);
       }
     }, [isAutoMode, currentDialogue, goToNextDialogue]);
-    React21.useEffect(() => {
+    React24.useEffect(() => {
       if (currentDialogue) {
         setIsTyping(true);
         typingCompleteRef.current = false;
@@ -4794,15 +5120,18 @@ var MMDVisualNovel = React21.forwardRef(
       }
       return void 0;
     }, [currentDialogue, handleTypingComplete]);
-    React21.useEffect(() => {
+    React24.useEffect(() => {
       if (currentDialogue?.effect) {
         triggerEffect(currentDialogue.effect);
       }
     }, [currentNodeIndex, currentDialogueIndex, triggerEffect]);
-    const toggleAutoMode = React21.useCallback(() => {
+    const toggleAutoMode = React24.useCallback(() => {
       setIsAutoMode((prev) => !prev);
     }, []);
-    const handleSkip = React21.useCallback(() => {
+    const handleSkip = React24.useCallback(() => {
+      if (showLoopConfirm) {
+        return;
+      }
       if (currentNode?.choices && currentNode.choices.length > 0) {
         setShowChoices(true);
         return;
@@ -4811,12 +5140,13 @@ var MMDVisualNovel = React21.forwardRef(
       if (nextNodeIndex < nodes.length) {
         goToNode(nextNodeIndex);
       } else if (loop) {
-        goToNode(0);
+        console.log("[MMDVisualNovel] \u5FEB\u8FDB\u5230\u6700\u540E\uFF0C\u663E\u793A\u5FAA\u73AF\u786E\u8BA4\u5BF9\u8BDD\u6846");
+        setShowLoopConfirm(true);
       } else {
         onScriptComplete?.();
       }
-    }, [currentNodeIndex, nodes.length, loop, goToNode, onScriptComplete]);
-    const handleStart = React21.useCallback(() => {
+    }, [currentNode, currentNodeIndex, nodes.length, loop, goToNode, onScriptComplete, showLoopConfirm]);
+    const handleStart = React24.useCallback(() => {
       setIsStarted(true);
       isStartedRef.current = true;
       if (currentNode && currentNode.dialogues.length > 0 && currentNode?.dialogues[0] !== void 0) {
@@ -4826,7 +5156,29 @@ var MMDVisualNovel = React21.forwardRef(
         playerRef.current?.play();
       }, 100);
     }, [currentNode, currentNodeIndex, addToHistory]);
-    React21.useImperativeHandle(
+    const handleBackToStart = React24.useCallback(() => {
+      setShowLoopConfirm(false);
+      setIsStarted(false);
+      isStartedRef.current = false;
+      setCurrentNodeIndex(initialNodeIndex);
+      setCurrentDialogueIndex(initialDialogueIndex);
+      setHistory([]);
+      setVariables({});
+      setIsLoading(true);
+      setIsAnimationPlaying(false);
+      typingCompleteRef.current = false;
+      console.log("[MMDVisualNovel] \u56DE\u5230\u5F00\u59CB\u9875\u9762");
+    }, [initialNodeIndex, initialDialogueIndex]);
+    const handleCheer = React24.useCallback(() => {
+      console.log("[MMDVisualNovel] \u89E6\u53D1\u5E94\u63F4\u6548\u679C");
+      cheerParticlesRef.current?.trigger();
+    }, []);
+    const handleRestartLoop = React24.useCallback(() => {
+      setShowLoopConfirm(false);
+      goToNode(0, true);
+      console.log("[MMDVisualNovel] \u91CD\u65B0\u5F00\u59CB\u5FAA\u73AF");
+    }, [goToNode]);
+    React24.useImperativeHandle(
       ref,
       () => ({
         goToNode,
@@ -4846,12 +5198,12 @@ var MMDVisualNovel = React21.forwardRef(
       }),
       [goToNode, goToDialogue, currentNodeIndex, currentDialogueIndex, history, triggerEffect]
     );
-    React21.useEffect(() => {
+    React24.useEffect(() => {
       if (autoStart && currentNode && currentNode.dialogues.length > 0 && history.length === 0 && currentNode?.dialogues[0] !== void 0) {
         addToHistory(currentNode?.dialogues[0], currentNodeIndex, 0);
       }
     }, [autoStart, currentNode, currentNodeIndex, history.length, addToHistory]);
-    React21.useEffect(() => {
+    React24.useEffect(() => {
       return () => {
         if (autoTimerRef.current) {
           clearTimeout(autoTimerRef.current);
@@ -4862,16 +5214,16 @@ var MMDVisualNovel = React21.forwardRef(
       };
     }, []);
     if (!currentNode) {
-      return /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex h-full w-full items-center justify-center bg-black text-white" }, "\u5267\u672C\u4E3A\u7A7A");
+      return /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex h-full w-full items-center justify-center bg-black text-white" }, "\u5267\u672C\u4E3A\u7A7A");
     }
-    return /* @__PURE__ */ React21__default.default.createElement(
+    return /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
         ref: containerRef,
         className: `relative bg-black ${className}`,
         style: { width: "100%", height: "100%", overflow: "hidden", ...style }
       },
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         "div",
         {
           className: "absolute inset-0 w-full h-full",
@@ -4882,7 +5234,7 @@ var MMDVisualNovel = React21.forwardRef(
             transition: "opacity 0.3s ease-in-out"
           }
         },
-        !isTransitioning && /* @__PURE__ */ React21__default.default.createElement(
+        !isTransitioning && /* @__PURE__ */ React24__default.default.createElement(
           MMDPlayerBase,
           {
             key: currentNode.id,
@@ -4931,13 +5283,13 @@ var MMDVisualNovel = React21.forwardRef(
           }
         )
       ),
-      activeEffect && /* @__PURE__ */ React21__default.default.createElement(
+      activeEffect && /* @__PURE__ */ React24__default.default.createElement(
         "div",
         {
           className: "pointer-events-none absolute inset-0 flex items-center justify-center",
           style: { zIndex: 999 }
         },
-        activeEffect.type === "flash" && /* @__PURE__ */ React21__default.default.createElement(
+        activeEffect.type === "flash" && /* @__PURE__ */ React24__default.default.createElement(
           "div",
           {
             className: "h-full w-full",
@@ -4947,7 +5299,7 @@ var MMDVisualNovel = React21.forwardRef(
             }
           }
         ),
-        activeEffect.type === "gif" && activeEffect.url && /* @__PURE__ */ React21__default.default.createElement(
+        activeEffect.type === "gif" && activeEffect.url && /* @__PURE__ */ React24__default.default.createElement(
           "img",
           {
             src: activeEffect.url,
@@ -4955,7 +5307,7 @@ var MMDVisualNovel = React21.forwardRef(
             className: activeEffect.position === "full" ? "h-full w-full object-cover" : "max-h-full max-w-full"
           }
         ),
-        /* @__PURE__ */ React21__default.default.createElement("style", null, `
+        /* @__PURE__ */ React24__default.default.createElement("style", null, `
               @keyframes flash-anim {
                 0% { opacity: 0; }
                 25% { opacity: 1; }
@@ -4963,7 +5315,7 @@ var MMDVisualNovel = React21.forwardRef(
               }
             `)
       ),
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         LoadingOverlay,
         {
           isLoading: (() => {
@@ -4987,17 +5339,18 @@ var MMDVisualNovel = React21.forwardRef(
         }
       ),
       (() => {
-        const shouldShow = isStarted && isAnimationPlaying && currentDialogue && !showHistory && !showChoices;
+        const shouldShow = isStarted && isAnimationPlaying && currentDialogue && !showHistory && !showChoices && !showLoopConfirm;
         console.log("[MMDVisualNovel] DialogueBox render condition:", {
           isStarted,
           isAnimationPlaying,
           hasDialogue: !!currentDialogue,
           showHistory,
           showChoices,
+          showLoopConfirm,
           shouldShow,
           dialogue: currentDialogue
         });
-        return shouldShow ? /* @__PURE__ */ React21__default.default.createElement(
+        return shouldShow ? /* @__PURE__ */ React24__default.default.createElement(
           DialogueBox,
           {
             dialogue: currentDialogue,
@@ -5023,7 +5376,7 @@ var MMDVisualNovel = React21.forwardRef(
           }
         ) : null;
       })(),
-      pendingNodeIndex !== null && /* @__PURE__ */ React21__default.default.createElement(
+      pendingNodeIndex !== null && /* @__PURE__ */ React24__default.default.createElement(
         SkipConfirmDialog,
         {
           onConfirm: () => {
@@ -5036,7 +5389,7 @@ var MMDVisualNovel = React21.forwardRef(
           }
         }
       ),
-      showChoices && (currentDialogue?.choices || currentNode.choices) && /* @__PURE__ */ React21__default.default.createElement(
+      showChoices && (currentDialogue?.choices || currentNode.choices) && /* @__PURE__ */ React24__default.default.createElement(
         ChoiceMenu,
         {
           choices: currentDialogue?.choices || currentNode.choices,
@@ -5075,13 +5428,29 @@ var MMDVisualNovel = React21.forwardRef(
           }
         }
       ),
-      showHistory && /* @__PURE__ */ React21__default.default.createElement(
+      showHistory && /* @__PURE__ */ React24__default.default.createElement(
         HistoryPanel,
         {
           history,
           theme: dialogueTheme,
           onClose: () => setShowHistory(false)
         }
+      ),
+      showLoopConfirm && /* @__PURE__ */ React24__default.default.createElement(
+        LoopConfirmDialog,
+        {
+          onRestart: handleRestartLoop,
+          onBackToStart: handleBackToStart
+        }
+      ),
+      /* @__PURE__ */ React24__default.default.createElement(CheerParticles, { ref: cheerParticlesRef }),
+      /* @__PURE__ */ React24__default.default.createElement(
+        CheerButton,
+        {
+          show: isStarted && isAnimationPlaying && !showHistory && !showChoices && !showLoopConfirm && currentNode?.supportCheer === true,
+          onClick: handleCheer,
+          text: "\u5E94\u63F4"
+        }
       )
     );
   }
@@ -5108,18 +5477,18 @@ var MusicControls = ({
     return `${mins}:${secs.toString().padStart(2, "0")}`;
   };
   const progress = duration > 0 ? currentTime / duration * 100 : 0;
-  return /* @__PURE__ */ React21__default.default.createElement(
+  return /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       className: `w-full max-w-4xl mx-auto px-6 py-4 bg-white/10 backdrop-blur-xl border border-white/20 rounded-2xl shadow-2xl pointer-events-auto transition-all group ${className}`
     },
-    /* @__PURE__ */ React21__default.default.createElement("div", { className: "relative w-full h-1.5 bg-white/20 rounded-full mb-4 cursor-pointer group/progress overflow-hidden" }, /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement("div", { className: "relative w-full h-1.5 bg-white/20 rounded-full mb-4 cursor-pointer group/progress overflow-hidden" }, /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
         className: "absolute h-full bg-blue-500 rounded-full transition-all duration-300",
         style: { width: `${progress}%` }
       }
-    ), /* @__PURE__ */ React21__default.default.createElement(
+    ), /* @__PURE__ */ React24__default.default.createElement(
       "input",
       {
         type: "range",
@@ -5130,52 +5499,52 @@ var MusicControls = ({
         className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer"
       }
     )),
-    /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-2 text-xs font-mono text-white/60 w-32" }, /* @__PURE__ */ React21__default.default.createElement("span", null, formatTime(currentTime)), /* @__PURE__ */ React21__default.default.createElement("span", null, "/"), /* @__PURE__ */ React21__default.default.createElement("span", null, formatTime(duration))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-6" }, /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center gap-2 text-xs font-mono text-white/60 w-32" }, /* @__PURE__ */ React24__default.default.createElement("span", null, formatTime(currentTime)), /* @__PURE__ */ React24__default.default.createElement("span", null, "/"), /* @__PURE__ */ React24__default.default.createElement("span", null, formatTime(duration))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center gap-6" }, /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         onClick: onPrevious,
         className: "text-white/80 hover:text-white transition-colors"
       },
-      /* @__PURE__ */ React21__default.default.createElement(lucideReact.SkipBack, { className: "w-6 h-6 fill-current" })
-    ), /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(lucideReact.SkipBack, { className: "w-6 h-6 fill-current" })
+    ), /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         onClick: onPlayPause,
         className: "w-12 h-12 flex items-center justify-center bg-blue-500 hover:bg-blue-400 text-white rounded-full shadow-lg shadow-blue-500/20 transition-all hover:scale-105 active:scale-95"
       },
-      isPlaying ? /* @__PURE__ */ React21__default.default.createElement(lucideReact.Pause, { className: "w-6 h-6 fill-current" }) : /* @__PURE__ */ React21__default.default.createElement(lucideReact.Play, { className: "w-6 h-6 fill-current ml-1" })
-    ), /* @__PURE__ */ React21__default.default.createElement(
+      isPlaying ? /* @__PURE__ */ React24__default.default.createElement(lucideReact.Pause, { className: "w-6 h-6 fill-current" }) : /* @__PURE__ */ React24__default.default.createElement(lucideReact.Play, { className: "w-6 h-6 fill-current ml-1" })
+    ), /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         onClick: onNext,
         className: "text-white/80 hover:text-white transition-colors"
       },
-      /* @__PURE__ */ React21__default.default.createElement(lucideReact.SkipForward, { className: "w-6 h-6 fill-current" })
-    )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-4 w-32 justify-end" }, isCameraManual && /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(lucideReact.SkipForward, { className: "w-6 h-6 fill-current" })
+    )), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center gap-4 w-32 justify-end" }, isCameraManual && /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         onClick: onResetCamera,
         className: "text-blue-400 hover:text-blue-300 transition-colors animate-in zoom-in duration-300",
         title: "\u6062\u590D\u521D\u59CB\u89C6\u89D2"
       },
-      /* @__PURE__ */ React21__default.default.createElement(lucideReact.Camera, { className: "w-5 h-5" })
-    ), /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(lucideReact.Camera, { className: "w-5 h-5" })
+    ), /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         onClick: onToggleLoop,
         className: "text-white/60 hover:text-white transition-colors",
         title: loopMode
       },
-      loopMode === "list" && /* @__PURE__ */ React21__default.default.createElement(lucideReact.Repeat, { className: "w-5 h-5" }),
-      loopMode === "single" && /* @__PURE__ */ React21__default.default.createElement(lucideReact.Repeat1, { className: "w-5 h-5 text-blue-400" }),
-      loopMode === "shuffle" && /* @__PURE__ */ React21__default.default.createElement(lucideReact.Shuffle, { className: "w-5 h-5 text-orange-400" })
-    ), /* @__PURE__ */ React21__default.default.createElement(
+      loopMode === "list" && /* @__PURE__ */ React24__default.default.createElement(lucideReact.Repeat, { className: "w-5 h-5" }),
+      loopMode === "single" && /* @__PURE__ */ React24__default.default.createElement(lucideReact.Repeat1, { className: "w-5 h-5 text-blue-400" }),
+      loopMode === "shuffle" && /* @__PURE__ */ React24__default.default.createElement(lucideReact.Shuffle, { className: "w-5 h-5 text-orange-400" })
+    ), /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         onClick: onTogglePlaylist,
         className: "text-white/60 hover:text-white transition-colors"
       },
-      /* @__PURE__ */ React21__default.default.createElement(lucideReact.ListMusic, { className: "w-5 h-5" })
+      /* @__PURE__ */ React24__default.default.createElement(lucideReact.ListMusic, { className: "w-5 h-5" })
     )))
   );
 };
@@ -5190,25 +5559,25 @@ var PlaylistPanel = ({
   onSearch,
   isSearching
 }) => {
-  const [searchValue, setSearchValue] = React21__default.default.useState("");
+  const [searchValue, setSearchValue] = React24__default.default.useState("");
   if (!isOpen) return null;
   const handleSearchSubmit = (e) => {
     e.preventDefault();
     onSearch?.(searchValue);
   };
-  return /* @__PURE__ */ React21__default.default.createElement(
+  return /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       className: `fixed inset-y-0 right-0 w-80 bg-gray-900/90 backdrop-blur-2xl border-l border-white/10 shadow-2xl z-50 flex flex-col pointer-events-auto transform transition-transform duration-500 ease-out ${isOpen ? "translate-x-0" : "translate-x-full"} ${className}`
     },
-    /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex flex-col p-6 border-b border-white/10 gap-4" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Music, { className: "w-5 h-5 text-blue-400" }), /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-lg font-bold text-white" }, mikuMode ? "Miku \u6B4C\u66F2\u5E93" : "\u64AD\u653E\u5217\u8868")), /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex flex-col p-6 border-b border-white/10 gap-4" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React24__default.default.createElement(lucideReact.Music, { className: "w-5 h-5 text-blue-400" }), /* @__PURE__ */ React24__default.default.createElement("h3", { className: "text-lg font-bold text-white" }, mikuMode ? "Miku \u6B4C\u66F2\u5E93" : "\u64AD\u653E\u5217\u8868")), /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         onClick: onClose,
         className: "p-2 text-white/60 hover:text-white transition-colors"
       },
-      /* @__PURE__ */ React21__default.default.createElement(lucideReact.X, { className: "w-5 h-5" })
-    )), mikuMode && /* @__PURE__ */ React21__default.default.createElement("form", { onSubmit: handleSearchSubmit, className: "relative" }, /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(lucideReact.X, { className: "w-5 h-5" })
+    )), mikuMode && /* @__PURE__ */ React24__default.default.createElement("form", { onSubmit: handleSearchSubmit, className: "relative" }, /* @__PURE__ */ React24__default.default.createElement(
       "input",
       {
         type: "text",
@@ -5217,23 +5586,23 @@ var PlaylistPanel = ({
         placeholder: "\u641C\u7D22 Miku \u6B4C\u66F2...",
         className: "w-full bg-white/5 border border-white/10 rounded-lg py-2 pl-10 pr-4 text-sm text-white placeholder:text-white/20 focus:outline-none focus:border-blue-500/50 transition-colors"
       }
-    ), /* @__PURE__ */ React21__default.default.createElement(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-white/20" }), isSearching && /* @__PURE__ */ React21__default.default.createElement(lucideReact.Loader2, { className: "absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-blue-400 animate-spin" }))),
-    /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex-1 overflow-y-auto p-4 space-y-2 custom-scrollbar" }, tracks.map((track, index) => {
+    ), /* @__PURE__ */ React24__default.default.createElement(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-white/20" }), isSearching && /* @__PURE__ */ React24__default.default.createElement(lucideReact.Loader2, { className: "absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-blue-400 animate-spin" }))),
+    /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex-1 overflow-y-auto p-4 space-y-2 custom-scrollbar" }, tracks.map((track, index) => {
       const isActive = index === currentIndex;
-      return /* @__PURE__ */ React21__default.default.createElement(
+      return /* @__PURE__ */ React24__default.default.createElement(
         "button",
         {
           key: track.id,
           onClick: () => onSelectTrack(index),
           className: `w-full flex items-center gap-4 p-3 rounded-xl transition-all group ${isActive ? "bg-blue-500/20 border border-blue-500/30" : "hover:bg-white/5 border border-transparent"}`
         },
-        /* @__PURE__ */ React21__default.default.createElement("div", { className: "relative w-12 h-12 flex-shrink-0 rounded-lg overflow-hidden bg-gray-800" }, track.coverUrl ? /* @__PURE__ */ React21__default.default.createElement("img", { src: track.coverUrl, alt: track.title, className: "w-full h-full object-cover" }) : /* @__PURE__ */ React21__default.default.createElement("div", { className: "w-full h-full flex items-center justify-center text-white/20" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Music, { className: "w-6 h-6" })), isActive && /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute inset-0 bg-blue-500/40 flex items-center justify-center" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex gap-1 items-end h-4" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "w-1 bg-white animate-music-bar-1" }), /* @__PURE__ */ React21__default.default.createElement("div", { className: "w-1 bg-white animate-music-bar-2" }), /* @__PURE__ */ React21__default.default.createElement("div", { className: "w-1 bg-white animate-music-bar-3" })))),
-        /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex-1 text-left min-w-0" }, /* @__PURE__ */ React21__default.default.createElement("h4", { className: `text-sm font-bold truncate ${isActive ? "text-blue-400" : "text-white/90"}` }, track.title), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-white/40 truncate mt-0.5" }, track.artist || "\u672A\u77E5\u827A\u672F\u5BB6")),
-        !isActive && /* @__PURE__ */ React21__default.default.createElement("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Play, { className: "w-4 h-4 text-white/40 fill-current" }))
+        /* @__PURE__ */ React24__default.default.createElement("div", { className: "relative w-12 h-12 flex-shrink-0 rounded-lg overflow-hidden bg-gray-800" }, track.coverUrl ? /* @__PURE__ */ React24__default.default.createElement("img", { src: track.coverUrl, alt: track.title, className: "w-full h-full object-cover" }) : /* @__PURE__ */ React24__default.default.createElement("div", { className: "w-full h-full flex items-center justify-center text-white/20" }, /* @__PURE__ */ React24__default.default.createElement(lucideReact.Music, { className: "w-6 h-6" })), isActive && /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute inset-0 bg-blue-500/40 flex items-center justify-center" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex gap-1 items-end h-4" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "w-1 bg-white animate-music-bar-1" }), /* @__PURE__ */ React24__default.default.createElement("div", { className: "w-1 bg-white animate-music-bar-2" }), /* @__PURE__ */ React24__default.default.createElement("div", { className: "w-1 bg-white animate-music-bar-3" })))),
+        /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex-1 text-left min-w-0" }, /* @__PURE__ */ React24__default.default.createElement("h4", { className: `text-sm font-bold truncate ${isActive ? "text-blue-400" : "text-white/90"}` }, track.title), /* @__PURE__ */ React24__default.default.createElement("p", { className: "text-xs text-white/40 truncate mt-0.5" }, track.artist || "\u672A\u77E5\u827A\u672F\u5BB6")),
+        !isActive && /* @__PURE__ */ React24__default.default.createElement("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity" }, /* @__PURE__ */ React24__default.default.createElement(lucideReact.Play, { className: "w-4 h-4 text-white/40 fill-current" }))
       );
     })),
-    /* @__PURE__ */ React21__default.default.createElement("div", { className: "p-6 border-t border-white/10" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-gray-500 text-center" }, "\u5171 ", tracks.length, " \u9996\u66F2\u76EE")),
-    /* @__PURE__ */ React21__default.default.createElement("style", { dangerouslySetInnerHTML: { __html: `
+    /* @__PURE__ */ React24__default.default.createElement("div", { className: "p-6 border-t border-white/10" }, /* @__PURE__ */ React24__default.default.createElement("p", { className: "text-xs text-gray-500 text-center" }, "\u5171 ", tracks.length, " \u9996\u66F2\u76EE")),
+    /* @__PURE__ */ React24__default.default.createElement("style", { dangerouslySetInnerHTML: { __html: `
         .custom-scrollbar::-webkit-scrollbar {
           width: 4px;
         }
@@ -5266,11 +5635,11 @@ var PlaylistPanel = ({
   );
 };
 var TrackInfo = ({ track, className = "" }) => {
-  return /* @__PURE__ */ React21__default.default.createElement("div", { className: `flex flex-col items-center text-center gap-2 ${className}` }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "px-4 py-1.5 bg-black/40 backdrop-blur-md rounded-full border border-white/10 shadow-lg" }, /* @__PURE__ */ React21__default.default.createElement("h2", { className: "text-lg font-bold text-white tracking-wider truncate max-w-md" }, track.title)), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm font-medium text-white/60 drop-shadow-md" }, track.artist || "\u672A\u77E5\u827A\u672F\u5BB6"));
+  return /* @__PURE__ */ React24__default.default.createElement("div", { className: `flex flex-col items-center text-center gap-2 ${className}` }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "px-4 py-1.5 bg-black/40 backdrop-blur-md rounded-full border border-white/10 shadow-lg" }, /* @__PURE__ */ React24__default.default.createElement("h2", { className: "text-lg font-bold text-white tracking-wider truncate max-w-md" }, track.title)), /* @__PURE__ */ React24__default.default.createElement("p", { className: "text-sm font-medium text-white/60 drop-shadow-md" }, track.artist || "\u672A\u77E5\u827A\u672F\u5BB6"));
 };
 
 // src/mmd/music-player/MMDMusicPlayer.tsx
-var MMDMusicPlayer = React21.forwardRef(
+var MMDMusicPlayer = React24.forwardRef(
   ({
     config,
     stage,
@@ -5286,25 +5655,25 @@ var MMDMusicPlayer = React21.forwardRef(
     style
   }, ref) => {
     const { tracks: initialTracks, autoPlay = false, defaultLoopMode = "list" } = config;
-    const [tracks, setTracks] = React21.useState(initialTracks);
-    const [currentIndex, setCurrentIndex] = React21.useState(initialTrackIndex);
-    const [isPlaying, setIsPlaying] = React21.useState(autoPlay);
-    const [isLoading, setIsLoading] = React21.useState(true);
-    const [isTransitioning, setIsTransitioning] = React21.useState(false);
-    const [currentTime, setCurrentTime] = React21.useState(0);
-    const [duration, setDuration] = React21.useState(0);
-    const [loopMode, setLoopMode] = React21.useState(defaultLoopMode);
-    const [showPlaylist, setShowPlaylist] = React21.useState(false);
-    const [isUIVisible, setIsUIVisible] = React21.useState(true);
-    const [isCameraManual, setIsCameraManual] = React21.useState(false);
-    const [searchKeyword, setSearchKeyword] = React21.useState("");
+    const [tracks, setTracks] = React24.useState(initialTracks);
+    const [currentIndex, setCurrentIndex] = React24.useState(initialTrackIndex);
+    const [isPlaying, setIsPlaying] = React24.useState(autoPlay);
+    const [isLoading, setIsLoading] = React24.useState(true);
+    const [isTransitioning, setIsTransitioning] = React24.useState(false);
+    const [currentTime, setCurrentTime] = React24.useState(0);
+    const [duration, setDuration] = React24.useState(0);
+    const [loopMode, setLoopMode] = React24.useState(defaultLoopMode);
+    const [showPlaylist, setShowPlaylist] = React24.useState(false);
+    const [isUIVisible, setIsUIVisible] = React24.useState(true);
+    const [isCameraManual, setIsCameraManual] = React24.useState(false);
+    const [searchKeyword, setSearchKeyword] = React24.useState("");
     const { search, searchResult, isSearching, getSongUrl } = chunkL5PW2YTI_js.useMusic();
-    React21.useEffect(() => {
+    React24.useEffect(() => {
       if (mikuMode && tracks.length === 0) {
         search({ keyword: "", miku: true });
       }
     }, [mikuMode]);
-    React21.useEffect(() => {
+    React24.useEffect(() => {
       if (searchResult && searchResult.tracks.length > 0) {
         const newTracks = searchResult.tracks.map((t) => ({
           id: t.id,
@@ -5348,12 +5717,12 @@ var MMDMusicPlayer = React21.forwardRef(
         goToTrack(index, currentTracksList);
       }
     };
-    const playerRef = React21.useRef(null);
-    const containerRef = React21.useRef(null);
-    const isStartedRef = React21.useRef(autoPlay);
-    const uiTimeoutRef = React21.useRef(null);
+    const playerRef = React24.useRef(null);
+    const containerRef = React24.useRef(null);
+    const isStartedRef = React24.useRef(autoPlay);
+    const uiTimeoutRef = React24.useRef(null);
     const currentTrack = tracks[currentIndex];
-    const goToTrack = React21.useCallback(
+    const goToTrack = React24.useCallback(
       (index, tracksList = tracks) => {
         if (index < 0 || index >= tracksList.length) return;
         const track = tracksList[index];
@@ -5393,7 +5762,7 @@ var MMDMusicPlayer = React21.forwardRef(
       },
       [tracks, currentTrack, isTransitioning, isPlaying, onTrackChange, fixedResources]
     );
-    const next = React21.useCallback(() => {
+    const next = React24.useCallback(() => {
       let nextIndex = currentIndex + 1;
       if (loopMode === "shuffle") {
         nextIndex = Math.floor(Math.random() * tracks.length);
@@ -5402,14 +5771,14 @@ var MMDMusicPlayer = React21.forwardRef(
       }
       fetchAndGoToTrack(nextIndex);
     }, [currentIndex, tracks.length, loopMode, fetchAndGoToTrack]);
-    const previous = React21.useCallback(() => {
+    const previous = React24.useCallback(() => {
       let prevIndex = currentIndex - 1;
       if (prevIndex < 0) {
         prevIndex = tracks.length - 1;
       }
       fetchAndGoToTrack(prevIndex);
     }, [currentIndex, tracks.length, fetchAndGoToTrack]);
-    React21.useImperativeHandle(
+    React24.useImperativeHandle(
       ref,
       () => ({
         play: () => {
@@ -5436,7 +5805,7 @@ var MMDMusicPlayer = React21.forwardRef(
       }),
       [next, previous, goToTrack, currentIndex, isPlaying, currentTime, duration, loopMode]
     );
-    const handleEnded = React21.useCallback(() => {
+    const handleEnded = React24.useCallback(() => {
       if (loopMode === "single") {
         playerRef.current?.seek(0);
         playerRef.current?.play();
@@ -5444,7 +5813,7 @@ var MMDMusicPlayer = React21.forwardRef(
         next();
       }
     }, [loopMode, next]);
-    const handleTimeUpdate = React21.useCallback((time) => {
+    const handleTimeUpdate = React24.useCallback((time) => {
       setCurrentTime(time);
       if (playerRef.current) {
         const total = playerRef.current.getDuration();
@@ -5452,7 +5821,7 @@ var MMDMusicPlayer = React21.forwardRef(
         onProgress?.(time, total);
       }
     }, [onProgress]);
-    const resetUITimeout = React21.useCallback(() => {
+    const resetUITimeout = React24.useCallback(() => {
       setIsUIVisible(true);
       if (uiTimeoutRef.current) clearTimeout(uiTimeoutRef.current);
       if (isPlaying) {
@@ -5461,16 +5830,16 @@ var MMDMusicPlayer = React21.forwardRef(
         }, 5e3);
       }
     }, [isPlaying, showPlaylist]);
-    React21.useEffect(() => {
+    React24.useEffect(() => {
       resetUITimeout();
       return () => {
         if (uiTimeoutRef.current) clearTimeout(uiTimeoutRef.current);
       };
     }, [resetUITimeout]);
     if (!currentTrack) {
-      return /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex h-full w-full items-center justify-center bg-black text-white" }, "\u64AD\u653E\u5217\u8868\u4E3A\u7A7A");
+      return /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex h-full w-full items-center justify-center bg-black text-white" }, "\u64AD\u653E\u5217\u8868\u4E3A\u7A7A");
     }
-    return /* @__PURE__ */ React21__default.default.createElement(
+    return /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
         ref: containerRef,
@@ -5479,7 +5848,7 @@ var MMDMusicPlayer = React21.forwardRef(
         onMouseMove: resetUITimeout,
         onClick: resetUITimeout
       },
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         "div",
         {
           className: "absolute inset-0 w-full h-full",
@@ -5489,7 +5858,7 @@ var MMDMusicPlayer = React21.forwardRef(
             transition: "opacity 0.5s ease-in-out"
           }
         },
-        !isTransitioning && /* @__PURE__ */ React21__default.default.createElement(
+        !isTransitioning && /* @__PURE__ */ React24__default.default.createElement(
           MMDPlayerBase,
           {
             ref: playerRef,
@@ -5523,14 +5892,14 @@ var MMDMusicPlayer = React21.forwardRef(
           }
         )
       ),
-      (isLoading || isTransitioning) && /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-md" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex flex-col items-center gap-4" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "h-12 w-12 animate-spin rounded-full border-4 border-white/20 border-t-blue-500" }), /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-white font-medium" }, isTransitioning ? "\u51C6\u5907\u4E0B\u4E00\u9996..." : "\u6B63\u5728\u52A0\u8F7D\u821E\u53F0..."))),
-      /* @__PURE__ */ React21__default.default.createElement(
+      (isLoading || isTransitioning) && /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-md" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex flex-col items-center gap-4" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "h-12 w-12 animate-spin rounded-full border-4 border-white/20 border-t-blue-500" }), /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-white font-medium" }, isTransitioning ? "\u51C6\u5907\u4E0B\u4E00\u9996..." : "\u6B63\u5728\u52A0\u8F7D\u821E\u53F0..."))),
+      /* @__PURE__ */ React24__default.default.createElement(
         "div",
         {
           className: `absolute inset-0 z-10 flex flex-col justify-between transition-opacity duration-700 pointer-events-none ${isUIVisible ? "opacity-100" : "opacity-0"}`
         },
-        /* @__PURE__ */ React21__default.default.createElement("div", { className: "pt-12 px-8 flex justify-center" }, /* @__PURE__ */ React21__default.default.createElement(TrackInfo, { track: currentTrack })),
-        /* @__PURE__ */ React21__default.default.createElement("div", { className: "pb-12 px-8" }, /* @__PURE__ */ React21__default.default.createElement(
+        /* @__PURE__ */ React24__default.default.createElement("div", { className: "pt-12 px-8 flex justify-center" }, /* @__PURE__ */ React24__default.default.createElement(TrackInfo, { track: currentTrack })),
+        /* @__PURE__ */ React24__default.default.createElement("div", { className: "pb-12 px-8" }, /* @__PURE__ */ React24__default.default.createElement(
           MusicControls,
           {
             isPlaying,
@@ -5555,7 +5924,7 @@ var MMDMusicPlayer = React21.forwardRef(
           }
         ))
       ),
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         PlaylistPanel,
         {
           tracks,
@@ -5575,7 +5944,7 @@ var MMDMusicPlayer = React21.forwardRef(
   }
 );
 MMDMusicPlayer.displayName = "MMDMusicPlayer";
-var MMDARPlayer = React21.forwardRef((props, ref) => {
+var MMDARPlayer = React24.forwardRef((props, ref) => {
   const {
     resources,
     stage = {},
@@ -5593,24 +5962,24 @@ var MMDARPlayer = React21.forwardRef((props, ref) => {
     className,
     style
   } = props;
-  const videoRef = React21.useRef(null);
-  const playerRef = React21.useRef(null);
-  const streamRef = React21.useRef(null);
-  const [isCameraStarted, setIsCameraStarted] = React21.useState(false);
-  const [cameraError, setCameraError] = React21.useState(null);
-  const [facingMode, setFacingMode] = React21.useState(cameraConfig.facingMode || "user");
-  const [isLoading, setIsLoading] = React21.useState(true);
-  const [isSettingsOpen, setIsSettingsOpen] = React21.useState(false);
-  const [currentResources, setCurrentResources] = React21.useState(resources);
-  const [tempResources, setTempResources] = React21.useState(resources);
-  React21.useEffect(() => {
+  const videoRef = React24.useRef(null);
+  const playerRef = React24.useRef(null);
+  const streamRef = React24.useRef(null);
+  const [isCameraStarted, setIsCameraStarted] = React24.useState(false);
+  const [cameraError, setCameraError] = React24.useState(null);
+  const [facingMode, setFacingMode] = React24.useState(cameraConfig.facingMode || "user");
+  const [isLoading, setIsLoading] = React24.useState(true);
+  const [isSettingsOpen, setIsSettingsOpen] = React24.useState(false);
+  const [currentResources, setCurrentResources] = React24.useState(resources);
+  const [tempResources, setTempResources] = React24.useState(resources);
+  React24.useEffect(() => {
     if (!isSettingsOpen) {
       setCurrentResources(resources);
       setTempResources(resources);
     }
   }, [resources, isSettingsOpen]);
   const shouldMirror = mirrored !== void 0 ? mirrored : facingMode === "user";
-  const startCamera = React21.useCallback(async (mode = facingMode) => {
+  const startCamera = React24.useCallback(async (mode = facingMode) => {
     try {
       setCameraError(null);
       if (streamRef.current) {
@@ -5640,7 +6009,7 @@ var MMDARPlayer = React21.forwardRef((props, ref) => {
       onCameraError?.(err instanceof Error ? err : new Error(errorMsg));
     }
   }, [facingMode, cameraConfig, onCameraReady, onCameraError]);
-  const stopCamera = React21.useCallback(() => {
+  const stopCamera = React24.useCallback(() => {
     if (streamRef.current) {
       streamRef.current.getTracks().forEach((track) => track.stop());
       streamRef.current = null;
@@ -5650,11 +6019,11 @@ var MMDARPlayer = React21.forwardRef((props, ref) => {
     }
     setIsCameraStarted(false);
   }, []);
-  const switchCamera = React21.useCallback(async () => {
+  const switchCamera = React24.useCallback(async () => {
     const newMode = facingMode === "user" ? "environment" : "user";
     await startCamera(newMode);
   }, [facingMode, startCamera]);
-  const snapshot = React21.useCallback(async () => {
+  const snapshot = React24.useCallback(async () => {
     if (!videoRef.current || !playerRef.current) return "";
     const canvas = document.createElement("canvas");
     const video = videoRef.current;
@@ -5681,25 +6050,25 @@ var MMDARPlayer = React21.forwardRef((props, ref) => {
     });
     return canvas.toDataURL("image/png");
   }, [shouldMirror]);
-  React21.useImperativeHandle(ref, () => ({
+  React24.useImperativeHandle(ref, () => ({
     startCamera,
     stopCamera,
     switchCamera,
     snapshot
   }));
-  React21.useEffect(() => {
+  React24.useEffect(() => {
     if (autoPlay) {
       startCamera();
     }
     return () => stopCamera();
   }, [autoPlay, startCamera, stopCamera]);
-  return /* @__PURE__ */ React21__default.default.createElement(
+  return /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       className: `relative w-full h-full bg-black overflow-hidden ${className}`,
       style
     },
-    /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement(
       "video",
       {
         ref: videoRef,
@@ -5710,13 +6079,13 @@ var MMDARPlayer = React21.forwardRef((props, ref) => {
         style: { zIndex: 0 }
       }
     ),
-    /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement(
       "div",
       {
         className: "absolute inset-0 w-full h-full",
         style: { zIndex: 1 }
       },
-      /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(
         MMDPlayerBase,
         {
           ref: playerRef,
@@ -5739,45 +6108,45 @@ var MMDARPlayer = React21.forwardRef((props, ref) => {
         }
       )
     ),
-    /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute inset-0 z-10 pointer-events-none flex flex-col justify-between p-6" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex justify-between items-start pointer-events-auto" }, cameraError ? /* @__PURE__ */ React21__default.default.createElement("div", { className: "bg-red-500/80 backdrop-blur-md text-white px-4 py-2 rounded-full flex items-center gap-2 text-sm" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.AlertCircle, { className: "w-4 h-4" }), cameraError, /* @__PURE__ */ React21__default.default.createElement(
+    /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute inset-0 z-10 pointer-events-none flex flex-col justify-between p-6" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex justify-between items-start pointer-events-auto" }, cameraError ? /* @__PURE__ */ React24__default.default.createElement("div", { className: "bg-red-500/80 backdrop-blur-md text-white px-4 py-2 rounded-full flex items-center gap-2 text-sm" }, /* @__PURE__ */ React24__default.default.createElement(lucideReact.AlertCircle, { className: "w-4 h-4" }), cameraError, /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         onClick: () => startCamera(),
         className: "ml-2 underline"
       },
       "\u91CD\u8BD5"
-    )) : /* @__PURE__ */ React21__default.default.createElement("div", { className: "bg-black/40 backdrop-blur-md text-white px-4 py-2 rounded-full flex items-center gap-2 text-sm" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Camera, { className: "w-4 h-4 text-green-400" }), isCameraStarted ? "\u5B9E\u666F AR \u6A21\u5F0F\u5DF2\u5F00\u542F" : "\u7B49\u5F85\u6444\u50CF\u5934..."), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex flex-col gap-2" }, showSettings && /* @__PURE__ */ React21__default.default.createElement(
+    )) : /* @__PURE__ */ React24__default.default.createElement("div", { className: "bg-black/40 backdrop-blur-md text-white px-4 py-2 rounded-full flex items-center gap-2 text-sm" }, /* @__PURE__ */ React24__default.default.createElement(lucideReact.Camera, { className: "w-4 h-4 text-green-400" }), isCameraStarted ? "\u5B9E\u666F AR \u6A21\u5F0F\u5DF2\u5F00\u542F" : "\u7B49\u5F85\u6444\u50CF\u5934..."), /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex flex-col gap-2" }, showSettings && /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         onClick: () => setIsSettingsOpen(!isSettingsOpen),
         className: `p-3 backdrop-blur-md rounded-full text-white transition-all active:scale-95 pointer-events-auto ${isSettingsOpen ? "bg-blue-500" : "bg-white/10 hover:bg-white/20"}`,
         title: "\u8BBE\u7F6E\u6A21\u578B\u4E0E\u52A8\u4F5C"
       },
-      /* @__PURE__ */ React21__default.default.createElement(lucideReact.Settings, { className: "w-5 h-5" })
-    ), /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(lucideReact.Settings, { className: "w-5 h-5" })
+    ), /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         onClick: switchCamera,
         className: "p-3 bg-white/10 hover:bg-white/20 backdrop-blur-md rounded-full text-white transition-all active:scale-95 pointer-events-auto",
         title: "\u5207\u6362\u524D\u540E\u6444\u50CF\u5934"
       },
-      /* @__PURE__ */ React21__default.default.createElement(lucideReact.RefreshCw, { className: "w-5 h-5" })
-    ), /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(lucideReact.RefreshCw, { className: "w-5 h-5" })
+    ), /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         onClick: isCameraStarted ? stopCamera : () => startCamera(),
         className: `p-3 backdrop-blur-md rounded-full text-white transition-all active:scale-95 pointer-events-auto ${isCameraStarted ? "bg-red-500/20 hover:bg-red-500/40" : "bg-green-500/20 hover:bg-green-500/40"}`,
         title: isCameraStarted ? "\u5173\u95ED\u6444\u50CF\u5934" : "\u5F00\u542F\u6444\u50CF\u5934"
       },
-      isCameraStarted ? /* @__PURE__ */ React21__default.default.createElement(lucideReact.CameraOff, { className: "w-5 h-5" }) : /* @__PURE__ */ React21__default.default.createElement(lucideReact.Camera, { className: "w-5 h-5" })
-    ))), isSettingsOpen && /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute top-20 right-6 w-80 bg-black/80 backdrop-blur-xl border border-white/10 rounded-2xl p-6 pointer-events-auto shadow-2xl animate-in slide-in-from-right-4 duration-300" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-white font-bold flex items-center gap-2" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Settings, { className: "w-4 h-4" }), "\u8D44\u6E90\u8BBE\u7F6E"), /* @__PURE__ */ React21__default.default.createElement(
+      isCameraStarted ? /* @__PURE__ */ React24__default.default.createElement(lucideReact.CameraOff, { className: "w-5 h-5" }) : /* @__PURE__ */ React24__default.default.createElement(lucideReact.Camera, { className: "w-5 h-5" })
+    ))), isSettingsOpen && /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute top-20 right-6 w-80 bg-black/80 backdrop-blur-xl border border-white/10 rounded-2xl p-6 pointer-events-auto shadow-2xl animate-in slide-in-from-right-4 duration-300" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React24__default.default.createElement("h3", { className: "text-white font-bold flex items-center gap-2" }, /* @__PURE__ */ React24__default.default.createElement(lucideReact.Settings, { className: "w-4 h-4" }), "\u8D44\u6E90\u8BBE\u7F6E"), /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         onClick: () => setIsSettingsOpen(false),
         className: "p-1 hover:bg-white/10 rounded-full transition-colors text-white/60"
       },
-      /* @__PURE__ */ React21__default.default.createElement(lucideReact.X, { className: "w-4 h-4" })
-    )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("label", { className: "block text-xs font-medium text-white/50 mb-1.5 ml-1 uppercase tracking-wider" }, "\u6A21\u578B\u8DEF\u5F84 (.pmx)"), /* @__PURE__ */ React21__default.default.createElement(
+      /* @__PURE__ */ React24__default.default.createElement(lucideReact.X, { className: "w-4 h-4" })
+    )), /* @__PURE__ */ React24__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React24__default.default.createElement("div", null, /* @__PURE__ */ React24__default.default.createElement("label", { className: "block text-xs font-medium text-white/50 mb-1.5 ml-1 uppercase tracking-wider" }, "\u6A21\u578B\u8DEF\u5F84 (.pmx)"), /* @__PURE__ */ React24__default.default.createElement(
       "input",
       {
         type: "text",
@@ -5786,7 +6155,7 @@ var MMDARPlayer = React21.forwardRef((props, ref) => {
         placeholder: "\u8BF7\u8F93\u5165\u6A21\u578B URL...",
         className: "w-full bg-white/5 border border-white/10 rounded-xl px-4 py-2.5 text-sm text-white placeholder:text-white/10 focus:outline-none focus:border-blue-500/50 transition-colors"
       }
-    )), /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("label", { className: "block text-xs font-medium text-white/50 mb-1.5 ml-1 uppercase tracking-wider" }, "\u52A8\u4F5C\u8DEF\u5F84 (.vmd)"), /* @__PURE__ */ React21__default.default.createElement(
+    )), /* @__PURE__ */ React24__default.default.createElement("div", null, /* @__PURE__ */ React24__default.default.createElement("label", { className: "block text-xs font-medium text-white/50 mb-1.5 ml-1 uppercase tracking-wider" }, "\u52A8\u4F5C\u8DEF\u5F84 (.vmd)"), /* @__PURE__ */ React24__default.default.createElement(
       "input",
       {
         type: "text",
@@ -5795,7 +6164,7 @@ var MMDARPlayer = React21.forwardRef((props, ref) => {
         placeholder: "\u8BF7\u8F93\u5165\u52A8\u4F5C URL...",
         className: "w-full bg-white/5 border border-white/10 rounded-xl px-4 py-2.5 text-sm text-white placeholder:text-white/10 focus:outline-none focus:border-blue-500/50 transition-colors"
       }
-    )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React21__default.default.createElement(
+    )), /* @__PURE__ */ React24__default.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React24__default.default.createElement(
       "button",
       {
         onClick: () => {
@@ -5806,9 +6175,9 @@ var MMDARPlayer = React21.forwardRef((props, ref) => {
         },
         className: "w-full bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 rounded-xl flex items-center justify-center gap-2 transition-all active:scale-95 shadow-lg shadow-blue-500/20"
       },
-      /* @__PURE__ */ React21__default.default.createElement(lucideReact.Check, { className: "w-4 h-4" }),
+      /* @__PURE__ */ React24__default.default.createElement(lucideReact.Check, { className: "w-4 h-4" }),
       "\u5E94\u7528\u66F4\u6539"
-    )))), isLoading && /* @__PURE__ */ React21__default.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex flex-col items-center gap-3" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "w-12 h-12 border-4 border-blue-500/30 border-t-blue-500 rounded-full animate-spin" }), /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-white text-sm font-medium bg-black/40 px-3 py-1 rounded-full backdrop-blur-sm" }, "\u6B63\u5728\u52A0\u8F7D Miku \u8D44\u6E90..."))))
+    )))), isLoading && /* @__PURE__ */ React24__default.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "flex flex-col items-center gap-3" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "w-12 h-12 border-4 border-blue-500/30 border-t-blue-500 rounded-full animate-spin" }), /* @__PURE__ */ React24__default.default.createElement("div", { className: "text-white text-sm font-medium bg-black/40 px-3 py-1 rounded-full backdrop-blur-sm" }, "\u6B63\u5728\u52A0\u8F7D Miku \u8D44\u6E90..."))))
   );
 });
 MMDARPlayer.displayName = "MMDARPlayer";
@@ -6030,12 +6399,12 @@ var FXViewer = ({
   onError,
   className = ""
 }) => {
-  const [effect, setEffect] = React21.useState(null);
-  const [summary, setSummary] = React21.useState(null);
-  const [loading, setLoading] = React21.useState(true);
-  const [error, setError] = React21.useState(null);
-  const [activeTab, setActiveTab] = React21.useState("summary");
-  React21.useEffect(() => {
+  const [effect, setEffect] = React24.useState(null);
+  const [summary, setSummary] = React24.useState(null);
+  const [loading, setLoading] = React24.useState(true);
+  const [error, setError] = React24.useState(null);
+  const [activeTab, setActiveTab] = React24.useState("summary");
+  React24.useEffect(() => {
     const parse = async () => {
       try {
         setLoading(true);
@@ -6061,20 +6430,20 @@ var FXViewer = ({
     parse();
   }, [source, isContent, fileName, onParsed, onError]);
   if (loading) {
-    return /* @__PURE__ */ React21__default.default.createElement("div", { className: `fx-viewer loading ${className}` }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-viewer-spinner" }, "\u52A0\u8F7D\u4E2D..."));
+    return /* @__PURE__ */ React24__default.default.createElement("div", { className: `fx-viewer loading ${className}` }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-viewer-spinner" }, "\u52A0\u8F7D\u4E2D..."));
   }
   if (error || !effect || !summary) {
-    return /* @__PURE__ */ React21__default.default.createElement("div", { className: `fx-viewer error ${className}` }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-viewer-error" }, /* @__PURE__ */ React21__default.default.createElement("h3", null, "\u274C \u89E3\u6790\u9519\u8BEF"), /* @__PURE__ */ React21__default.default.createElement("p", null, error || "\u672A\u77E5\u9519\u8BEF")));
+    return /* @__PURE__ */ React24__default.default.createElement("div", { className: `fx-viewer error ${className}` }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-viewer-error" }, /* @__PURE__ */ React24__default.default.createElement("h3", null, "\u274C \u89E3\u6790\u9519\u8BEF"), /* @__PURE__ */ React24__default.default.createElement("p", null, error || "\u672A\u77E5\u9519\u8BEF")));
   }
   const validation = validateFXEffect(effect);
-  return /* @__PURE__ */ React21__default.default.createElement("div", { className: `fx-viewer ${className}` }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-viewer-header" }, /* @__PURE__ */ React21__default.default.createElement("h2", null, effect.fileName), /* @__PURE__ */ React21__default.default.createElement("p", { className: "fx-viewer-config-summary" }, getConfigSummaryText(effect))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-viewer-tabs" }, /* @__PURE__ */ React21__default.default.createElement(
+  return /* @__PURE__ */ React24__default.default.createElement("div", { className: `fx-viewer ${className}` }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-viewer-header" }, /* @__PURE__ */ React24__default.default.createElement("h2", null, effect.fileName), /* @__PURE__ */ React24__default.default.createElement("p", { className: "fx-viewer-config-summary" }, getConfigSummaryText(effect))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-viewer-tabs" }, /* @__PURE__ */ React24__default.default.createElement(
     "button",
     {
       className: activeTab === "summary" ? "active" : "",
       onClick: () => setActiveTab("summary")
     },
     "\u6458\u8981"
-  ), /* @__PURE__ */ React21__default.default.createElement(
+  ), /* @__PURE__ */ React24__default.default.createElement(
     "button",
     {
       className: activeTab === "defines" ? "active" : "",
@@ -6083,7 +6452,7 @@ var FXViewer = ({
     "\u5B8F\u5B9A\u4E49 (",
     summary.defineCount,
     ")"
-  ), /* @__PURE__ */ React21__default.default.createElement(
+  ), /* @__PURE__ */ React24__default.default.createElement(
     "button",
     {
       className: activeTab === "textures" ? "active" : "",
@@ -6092,7 +6461,7 @@ var FXViewer = ({
     "\u7EB9\u7406 (",
     summary.textureCount,
     ")"
-  ), /* @__PURE__ */ React21__default.default.createElement(
+  ), /* @__PURE__ */ React24__default.default.createElement(
     "button",
     {
       className: activeTab === "parameters" ? "active" : "",
@@ -6101,20 +6470,20 @@ var FXViewer = ({
     "\u53C2\u6570 (",
     summary.parameterCount,
     ")"
-  ), /* @__PURE__ */ React21__default.default.createElement(
+  ), /* @__PURE__ */ React24__default.default.createElement(
     "button",
     {
       className: activeTab === "validation" ? "active" : "",
       onClick: () => setActiveTab("validation")
     },
     "\u9A8C\u8BC1"
-  )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-viewer-content" }, activeTab === "summary" && /* @__PURE__ */ React21__default.default.createElement(SummaryTab, { summary, effect }), activeTab === "defines" && /* @__PURE__ */ React21__default.default.createElement(DefinesTab, { effect }), activeTab === "textures" && /* @__PURE__ */ React21__default.default.createElement(TexturesTab, { effect }), activeTab === "parameters" && /* @__PURE__ */ React21__default.default.createElement(ParametersTab, { effect }), activeTab === "validation" && /* @__PURE__ */ React21__default.default.createElement(ValidationTab, { validation })));
+  )), /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-viewer-content" }, activeTab === "summary" && /* @__PURE__ */ React24__default.default.createElement(SummaryTab, { summary, effect }), activeTab === "defines" && /* @__PURE__ */ React24__default.default.createElement(DefinesTab, { effect }), activeTab === "textures" && /* @__PURE__ */ React24__default.default.createElement(TexturesTab, { effect }), activeTab === "parameters" && /* @__PURE__ */ React24__default.default.createElement(ParametersTab, { effect }), activeTab === "validation" && /* @__PURE__ */ React24__default.default.createElement(ValidationTab, { validation })));
 };
-var SummaryTab = ({ summary, effect }) => /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-tab-summary" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-stats-grid" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-stat-card" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-stat-label" }, "\u5B8F\u5B9A\u4E49"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-stat-value" }, summary.defineCount)), /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-stat-card" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-stat-label" }, "\u53C2\u6570"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-stat-value" }, summary.parameterCount)), /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-stat-card" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-stat-label" }, "\u7EB9\u7406"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-stat-value" }, summary.textureCount)), /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-stat-card" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-stat-label" }, "Technique"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-stat-value" }, summary.techniqueCount))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-features" }, /* @__PURE__ */ React21__default.default.createElement("h3", null, "\u529F\u80FD\u7279\u6027"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-feature-list" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: `fx-feature ${summary.hasLocalShadow ? "enabled" : "disabled"}` }, summary.hasLocalShadow ? "\u2713" : "\u2717", " LocalShadow"), /* @__PURE__ */ React21__default.default.createElement("div", { className: `fx-feature ${summary.hasExcellentShadow ? "enabled" : "disabled"}` }, summary.hasExcellentShadow ? "\u2713" : "\u2717", " ExcellentShadow"), /* @__PURE__ */ React21__default.default.createElement("div", { className: `fx-feature ${summary.hasHgShadow ? "enabled" : "disabled"}` }, summary.hasHgShadow ? "\u2713" : "\u2717", " HgShadow"))), effect.includes.length > 0 && /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-includes" }, /* @__PURE__ */ React21__default.default.createElement("h3", null, "\u5305\u542B\u6587\u4EF6"), /* @__PURE__ */ React21__default.default.createElement("ul", null, effect.includes.map((inc, idx) => /* @__PURE__ */ React21__default.default.createElement("li", { key: idx }, /* @__PURE__ */ React21__default.default.createElement("code", null, inc))))), effect.controllers.length > 0 && /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-controllers" }, /* @__PURE__ */ React21__default.default.createElement("h3", null, "\u63A7\u5236\u5668"), /* @__PURE__ */ React21__default.default.createElement("ul", null, effect.controllers.map((ctrl, idx) => /* @__PURE__ */ React21__default.default.createElement("li", { key: idx }, /* @__PURE__ */ React21__default.default.createElement("strong", null, ctrl.name), ": ", ctrl.objectName, " / ", ctrl.itemName)))));
-var DefinesTab = ({ effect }) => /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-tab-defines" }, /* @__PURE__ */ React21__default.default.createElement("table", { className: "fx-table" }, /* @__PURE__ */ React21__default.default.createElement("thead", null, /* @__PURE__ */ React21__default.default.createElement("tr", null, /* @__PURE__ */ React21__default.default.createElement("th", null, "\u540D\u79F0"), /* @__PURE__ */ React21__default.default.createElement("th", null, "\u503C"), /* @__PURE__ */ React21__default.default.createElement("th", null, "\u72B6\u6001"), /* @__PURE__ */ React21__default.default.createElement("th", null, "\u884C\u53F7"))), /* @__PURE__ */ React21__default.default.createElement("tbody", null, effect.defines.map((define, idx) => /* @__PURE__ */ React21__default.default.createElement("tr", { key: idx, className: define.isCommented ? "disabled" : "enabled" }, /* @__PURE__ */ React21__default.default.createElement("td", null, /* @__PURE__ */ React21__default.default.createElement("code", null, define.name)), /* @__PURE__ */ React21__default.default.createElement("td", null, define.value || "-"), /* @__PURE__ */ React21__default.default.createElement("td", null, /* @__PURE__ */ React21__default.default.createElement("span", { className: `status-badge ${define.isCommented ? "disabled" : "enabled"}` }, define.isCommented ? "\u7981\u7528" : "\u542F\u7528")), /* @__PURE__ */ React21__default.default.createElement("td", null, define.lineNumber))))));
-var TexturesTab = ({ effect }) => /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-tab-textures" }, effect.textures.length === 0 ? /* @__PURE__ */ React21__default.default.createElement("p", { className: "fx-empty-message" }, "\u672A\u627E\u5230\u7EB9\u7406\u5B9A\u4E49") : /* @__PURE__ */ React21__default.default.createElement("table", { className: "fx-table" }, /* @__PURE__ */ React21__default.default.createElement("thead", null, /* @__PURE__ */ React21__default.default.createElement("tr", null, /* @__PURE__ */ React21__default.default.createElement("th", null, "\u540D\u79F0"), /* @__PURE__ */ React21__default.default.createElement("th", null, "\u8DEF\u5F84"), /* @__PURE__ */ React21__default.default.createElement("th", null, "\u5C3A\u5BF8"), /* @__PURE__ */ React21__default.default.createElement("th", null, "\u7528\u9014"))), /* @__PURE__ */ React21__default.default.createElement("tbody", null, effect.textures.map((texture, idx) => /* @__PURE__ */ React21__default.default.createElement("tr", { key: idx }, /* @__PURE__ */ React21__default.default.createElement("td", null, /* @__PURE__ */ React21__default.default.createElement("code", null, texture.name)), /* @__PURE__ */ React21__default.default.createElement("td", null, texture.path), /* @__PURE__ */ React21__default.default.createElement("td", null, texture.width && texture.height ? `${texture.width}\xD7${texture.height}` : "-"), /* @__PURE__ */ React21__default.default.createElement("td", null, texture.purpose || "-"))))));
-var ParametersTab = ({ effect }) => /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-tab-parameters" }, /* @__PURE__ */ React21__default.default.createElement("table", { className: "fx-table" }, /* @__PURE__ */ React21__default.default.createElement("thead", null, /* @__PURE__ */ React21__default.default.createElement("tr", null, /* @__PURE__ */ React21__default.default.createElement("th", null, "\u540D\u79F0"), /* @__PURE__ */ React21__default.default.createElement("th", null, "\u7C7B\u578B"), /* @__PURE__ */ React21__default.default.createElement("th", null, "\u8BED\u4E49"), /* @__PURE__ */ React21__default.default.createElement("th", null, "\u9ED8\u8BA4\u503C"), /* @__PURE__ */ React21__default.default.createElement("th", null, "\u884C\u53F7"))), /* @__PURE__ */ React21__default.default.createElement("tbody", null, effect.parameters.map((param, idx) => /* @__PURE__ */ React21__default.default.createElement("tr", { key: idx }, /* @__PURE__ */ React21__default.default.createElement("td", null, /* @__PURE__ */ React21__default.default.createElement("code", null, param.name)), /* @__PURE__ */ React21__default.default.createElement("td", null, /* @__PURE__ */ React21__default.default.createElement("code", null, param.type)), /* @__PURE__ */ React21__default.default.createElement("td", null, param.semantic || "-"), /* @__PURE__ */ React21__default.default.createElement("td", null, param.defaultValue || "-"), /* @__PURE__ */ React21__default.default.createElement("td", null, param.lineNumber))))));
-var ValidationTab = ({ validation }) => /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-tab-validation" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: `fx-validation-status ${validation.isValid ? "valid" : "invalid"}` }, /* @__PURE__ */ React21__default.default.createElement("h3", null, validation.isValid ? "\u2713 \u9A8C\u8BC1\u901A\u8FC7" : "\u2717 \u9A8C\u8BC1\u5931\u8D25")), validation.errors.length > 0 && /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-validation-section fx-errors" }, /* @__PURE__ */ React21__default.default.createElement("h4", null, "\u9519\u8BEF (", validation.errors.length, ")"), /* @__PURE__ */ React21__default.default.createElement("ul", null, validation.errors.map((error, idx) => /* @__PURE__ */ React21__default.default.createElement("li", { key: idx, className: "fx-error-item" }, error)))), validation.warnings.length > 0 && /* @__PURE__ */ React21__default.default.createElement("div", { className: "fx-validation-section fx-warnings" }, /* @__PURE__ */ React21__default.default.createElement("h4", null, "\u8B66\u544A (", validation.warnings.length, ")"), /* @__PURE__ */ React21__default.default.createElement("ul", null, validation.warnings.map((warning, idx) => /* @__PURE__ */ React21__default.default.createElement("li", { key: idx, className: "fx-warning-item" }, warning)))), validation.isValid && validation.warnings.length === 0 && /* @__PURE__ */ React21__default.default.createElement("p", { className: "fx-success-message" }, "FX\u6587\u4EF6\u7ED3\u6784\u5B8C\u6574\uFF0C\u6CA1\u6709\u53D1\u73B0\u95EE\u9898\u3002"));
+var SummaryTab = ({ summary, effect }) => /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-tab-summary" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-stats-grid" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-stat-card" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-stat-label" }, "\u5B8F\u5B9A\u4E49"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-stat-value" }, summary.defineCount)), /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-stat-card" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-stat-label" }, "\u53C2\u6570"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-stat-value" }, summary.parameterCount)), /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-stat-card" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-stat-label" }, "\u7EB9\u7406"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-stat-value" }, summary.textureCount)), /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-stat-card" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-stat-label" }, "Technique"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-stat-value" }, summary.techniqueCount))), /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-features" }, /* @__PURE__ */ React24__default.default.createElement("h3", null, "\u529F\u80FD\u7279\u6027"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-feature-list" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: `fx-feature ${summary.hasLocalShadow ? "enabled" : "disabled"}` }, summary.hasLocalShadow ? "\u2713" : "\u2717", " LocalShadow"), /* @__PURE__ */ React24__default.default.createElement("div", { className: `fx-feature ${summary.hasExcellentShadow ? "enabled" : "disabled"}` }, summary.hasExcellentShadow ? "\u2713" : "\u2717", " ExcellentShadow"), /* @__PURE__ */ React24__default.default.createElement("div", { className: `fx-feature ${summary.hasHgShadow ? "enabled" : "disabled"}` }, summary.hasHgShadow ? "\u2713" : "\u2717", " HgShadow"))), effect.includes.length > 0 && /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-includes" }, /* @__PURE__ */ React24__default.default.createElement("h3", null, "\u5305\u542B\u6587\u4EF6"), /* @__PURE__ */ React24__default.default.createElement("ul", null, effect.includes.map((inc, idx) => /* @__PURE__ */ React24__default.default.createElement("li", { key: idx }, /* @__PURE__ */ React24__default.default.createElement("code", null, inc))))), effect.controllers.length > 0 && /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-controllers" }, /* @__PURE__ */ React24__default.default.createElement("h3", null, "\u63A7\u5236\u5668"), /* @__PURE__ */ React24__default.default.createElement("ul", null, effect.controllers.map((ctrl, idx) => /* @__PURE__ */ React24__default.default.createElement("li", { key: idx }, /* @__PURE__ */ React24__default.default.createElement("strong", null, ctrl.name), ": ", ctrl.objectName, " / ", ctrl.itemName)))));
+var DefinesTab = ({ effect }) => /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-tab-defines" }, /* @__PURE__ */ React24__default.default.createElement("table", { className: "fx-table" }, /* @__PURE__ */ React24__default.default.createElement("thead", null, /* @__PURE__ */ React24__default.default.createElement("tr", null, /* @__PURE__ */ React24__default.default.createElement("th", null, "\u540D\u79F0"), /* @__PURE__ */ React24__default.default.createElement("th", null, "\u503C"), /* @__PURE__ */ React24__default.default.createElement("th", null, "\u72B6\u6001"), /* @__PURE__ */ React24__default.default.createElement("th", null, "\u884C\u53F7"))), /* @__PURE__ */ React24__default.default.createElement("tbody", null, effect.defines.map((define, idx) => /* @__PURE__ */ React24__default.default.createElement("tr", { key: idx, className: define.isCommented ? "disabled" : "enabled" }, /* @__PURE__ */ React24__default.default.createElement("td", null, /* @__PURE__ */ React24__default.default.createElement("code", null, define.name)), /* @__PURE__ */ React24__default.default.createElement("td", null, define.value || "-"), /* @__PURE__ */ React24__default.default.createElement("td", null, /* @__PURE__ */ React24__default.default.createElement("span", { className: `status-badge ${define.isCommented ? "disabled" : "enabled"}` }, define.isCommented ? "\u7981\u7528" : "\u542F\u7528")), /* @__PURE__ */ React24__default.default.createElement("td", null, define.lineNumber))))));
+var TexturesTab = ({ effect }) => /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-tab-textures" }, effect.textures.length === 0 ? /* @__PURE__ */ React24__default.default.createElement("p", { className: "fx-empty-message" }, "\u672A\u627E\u5230\u7EB9\u7406\u5B9A\u4E49") : /* @__PURE__ */ React24__default.default.createElement("table", { className: "fx-table" }, /* @__PURE__ */ React24__default.default.createElement("thead", null, /* @__PURE__ */ React24__default.default.createElement("tr", null, /* @__PURE__ */ React24__default.default.createElement("th", null, "\u540D\u79F0"), /* @__PURE__ */ React24__default.default.createElement("th", null, "\u8DEF\u5F84"), /* @__PURE__ */ React24__default.default.createElement("th", null, "\u5C3A\u5BF8"), /* @__PURE__ */ React24__default.default.createElement("th", null, "\u7528\u9014"))), /* @__PURE__ */ React24__default.default.createElement("tbody", null, effect.textures.map((texture, idx) => /* @__PURE__ */ React24__default.default.createElement("tr", { key: idx }, /* @__PURE__ */ React24__default.default.createElement("td", null, /* @__PURE__ */ React24__default.default.createElement("code", null, texture.name)), /* @__PURE__ */ React24__default.default.createElement("td", null, texture.path), /* @__PURE__ */ React24__default.default.createElement("td", null, texture.width && texture.height ? `${texture.width}\xD7${texture.height}` : "-"), /* @__PURE__ */ React24__default.default.createElement("td", null, texture.purpose || "-"))))));
+var ParametersTab = ({ effect }) => /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-tab-parameters" }, /* @__PURE__ */ React24__default.default.createElement("table", { className: "fx-table" }, /* @__PURE__ */ React24__default.default.createElement("thead", null, /* @__PURE__ */ React24__default.default.createElement("tr", null, /* @__PURE__ */ React24__default.default.createElement("th", null, "\u540D\u79F0"), /* @__PURE__ */ React24__default.default.createElement("th", null, "\u7C7B\u578B"), /* @__PURE__ */ React24__default.default.createElement("th", null, "\u8BED\u4E49"), /* @__PURE__ */ React24__default.default.createElement("th", null, "\u9ED8\u8BA4\u503C"), /* @__PURE__ */ React24__default.default.createElement("th", null, "\u884C\u53F7"))), /* @__PURE__ */ React24__default.default.createElement("tbody", null, effect.parameters.map((param, idx) => /* @__PURE__ */ React24__default.default.createElement("tr", { key: idx }, /* @__PURE__ */ React24__default.default.createElement("td", null, /* @__PURE__ */ React24__default.default.createElement("code", null, param.name)), /* @__PURE__ */ React24__default.default.createElement("td", null, /* @__PURE__ */ React24__default.default.createElement("code", null, param.type)), /* @__PURE__ */ React24__default.default.createElement("td", null, param.semantic || "-"), /* @__PURE__ */ React24__default.default.createElement("td", null, param.defaultValue || "-"), /* @__PURE__ */ React24__default.default.createElement("td", null, param.lineNumber))))));
+var ValidationTab = ({ validation }) => /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-tab-validation" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: `fx-validation-status ${validation.isValid ? "valid" : "invalid"}` }, /* @__PURE__ */ React24__default.default.createElement("h3", null, validation.isValid ? "\u2713 \u9A8C\u8BC1\u901A\u8FC7" : "\u2717 \u9A8C\u8BC1\u5931\u8D25")), validation.errors.length > 0 && /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-validation-section fx-errors" }, /* @__PURE__ */ React24__default.default.createElement("h4", null, "\u9519\u8BEF (", validation.errors.length, ")"), /* @__PURE__ */ React24__default.default.createElement("ul", null, validation.errors.map((error, idx) => /* @__PURE__ */ React24__default.default.createElement("li", { key: idx, className: "fx-error-item" }, error)))), validation.warnings.length > 0 && /* @__PURE__ */ React24__default.default.createElement("div", { className: "fx-validation-section fx-warnings" }, /* @__PURE__ */ React24__default.default.createElement("h4", null, "\u8B66\u544A (", validation.warnings.length, ")"), /* @__PURE__ */ React24__default.default.createElement("ul", null, validation.warnings.map((warning, idx) => /* @__PURE__ */ React24__default.default.createElement("li", { key: idx, className: "fx-warning-item" }, warning)))), validation.isValid && validation.warnings.length === 0 && /* @__PURE__ */ React24__default.default.createElement("p", { className: "fx-success-message" }, "FX\u6587\u4EF6\u7ED3\u6784\u5B8C\u6574\uFF0C\u6CA1\u6709\u53D1\u73B0\u95EE\u9898\u3002"));
 FXViewer.displayName = "FXViewer";
 var FXThreePreview = ({
   effect,
@@ -6123,17 +6492,17 @@ var FXThreePreview = ({
   className = "",
   showInfo = true
 }) => {
-  const containerRef = React21.useRef(null);
-  const sceneRef = React21.useRef(null);
-  const rendererRef = React21.useRef(null);
-  const cameraRef = React21.useRef(null);
-  const controlsRef = React21.useRef(null);
-  const animationIdRef = React21.useRef(null);
-  const meshRef = React21.useRef(null);
-  const [loading, setLoading] = React21.useState(true);
-  const [error, setError] = React21.useState(null);
-  const [adapterInfo, setAdapterInfo] = React21.useState(null);
-  React21.useEffect(() => {
+  const containerRef = React24.useRef(null);
+  const sceneRef = React24.useRef(null);
+  const rendererRef = React24.useRef(null);
+  const cameraRef = React24.useRef(null);
+  const controlsRef = React24.useRef(null);
+  const animationIdRef = React24.useRef(null);
+  const meshRef = React24.useRef(null);
+  const [loading, setLoading] = React24.useState(true);
+  const [error, setError] = React24.useState(null);
+  const [adapterInfo, setAdapterInfo] = React24.useState(null);
+  React24.useEffect(() => {
     if (!containerRef.current) return;
     const init = async () => {
       try {
@@ -6240,12 +6609,12 @@ var FXThreePreview = ({
     };
   }, [effect, texturePath, objectType]);
   if (loading) {
-    return /* @__PURE__ */ React21__default.default.createElement("div", { className: `fx-three-preview loading ${className}` }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "preview-loading" }, "\u52A0\u8F7D\u4E2D..."));
+    return /* @__PURE__ */ React24__default.default.createElement("div", { className: `fx-three-preview loading ${className}` }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "preview-loading" }, "\u52A0\u8F7D\u4E2D..."));
   }
   if (error) {
-    return /* @__PURE__ */ React21__default.default.createElement("div", { className: `fx-three-preview error ${className}` }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "preview-error" }, /* @__PURE__ */ React21__default.default.createElement("h3", null, "\u274C \u6E32\u67D3\u5931\u8D25"), /* @__PURE__ */ React21__default.default.createElement("p", null, error)));
+    return /* @__PURE__ */ React24__default.default.createElement("div", { className: `fx-three-preview error ${className}` }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "preview-error" }, /* @__PURE__ */ React24__default.default.createElement("h3", null, "\u274C \u6E32\u67D3\u5931\u8D25"), /* @__PURE__ */ React24__default.default.createElement("p", null, error)));
   }
-  return /* @__PURE__ */ React21__default.default.createElement("div", { className: `fx-three-preview ${className}` }, /* @__PURE__ */ React21__default.default.createElement(
+  return /* @__PURE__ */ React24__default.default.createElement("div", { className: `fx-three-preview ${className}` }, /* @__PURE__ */ React24__default.default.createElement(
     "div",
     {
       ref: containerRef,
@@ -6257,7 +6626,7 @@ var FXThreePreview = ({
         position: "relative"
       }
     }
-  ), showInfo && adapterInfo && /* @__PURE__ */ React21__default.default.createElement("div", { className: "preview-info" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "info-section" }, /* @__PURE__ */ React21__default.default.createElement("h4", null, "\u{1F3A8} \u5E94\u7528\u7684FX\u53C2\u6570"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "info-badges" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "badge" }, adapterInfo.materialParams.length, " \u4E2A\u6750\u8D28\u53C2\u6570"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "badge" }, adapterInfo.textures.length, " \u4E2A\u7EB9\u7406"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "badge" }, adapterInfo.renderFeatures.length, " \u4E2A\u6E32\u67D3\u7279\u6027"))), adapterInfo.renderFeatures.length > 0 && /* @__PURE__ */ React21__default.default.createElement("div", { className: "info-section" }, /* @__PURE__ */ React21__default.default.createElement("h5", null, "\u542F\u7528\u7684\u7279\u6027:"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "feature-list" }, adapterInfo.renderFeatures.map((feature, idx) => /* @__PURE__ */ React21__default.default.createElement("span", { key: idx, className: "feature-tag" }, feature))))), /* @__PURE__ */ React21__default.default.createElement("style", null, `
+  ), showInfo && adapterInfo && /* @__PURE__ */ React24__default.default.createElement("div", { className: "preview-info" }, /* @__PURE__ */ React24__default.default.createElement("div", { className: "info-section" }, /* @__PURE__ */ React24__default.default.createElement("h4", null, "\u{1F3A8} \u5E94\u7528\u7684FX\u53C2\u6570"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "info-badges" }, /* @__PURE__ */ React24__default.default.createElement("span", { className: "badge" }, adapterInfo.materialParams.length, " \u4E2A\u6750\u8D28\u53C2\u6570"), /* @__PURE__ */ React24__default.default.createElement("span", { className: "badge" }, adapterInfo.textures.length, " \u4E2A\u7EB9\u7406"), /* @__PURE__ */ React24__default.default.createElement("span", { className: "badge" }, adapterInfo.renderFeatures.length, " \u4E2A\u6E32\u67D3\u7279\u6027"))), adapterInfo.renderFeatures.length > 0 && /* @__PURE__ */ React24__default.default.createElement("div", { className: "info-section" }, /* @__PURE__ */ React24__default.default.createElement("h5", null, "\u542F\u7528\u7684\u7279\u6027:"), /* @__PURE__ */ React24__default.default.createElement("div", { className: "feature-list" }, adapterInfo.renderFeatures.map((feature, idx) => /* @__PURE__ */ React24__default.default.createElement("span", { key: idx, className: "feature-tag" }, feature))))), /* @__PURE__ */ React24__default.default.createElement("style", null, `
         .fx-three-preview {
           display: flex;
           flex-direction: column;
@@ -6357,6 +6726,8 @@ var FXThreePreview = ({
 };
 FXThreePreview.displayName = "FXThreePreview";
 
+exports.CheerButton = CheerButton;
+exports.CheerParticles = CheerParticles;
 exports.ChoiceMenu = ChoiceMenu;
 exports.DialogueBox = DialogueBox;
 exports.FXParser = FXParser;
@@ -6367,6 +6738,7 @@ exports.HLSLToGLSLConverter = HLSLToGLSLConverter;
 exports.HistoryPanel = HistoryPanel;
 exports.LoadingOverlay = LoadingOverlay;
 exports.LoadingScreen = LoadingScreen;
+exports.LoopConfirmDialog = LoopConfirmDialog;
 exports.MMDARPlayer = MMDARPlayer;
 exports.MMDMusicPlayer = MMDMusicPlayer;
 exports.MMDPlayerBase = MMDPlayerBase;