sa2kit 1.6.9 → 1.6.11

package/dist/mmd/index.mjs

@@ -1,9 +1,9 @@
 import { useMusic } from '../chunk-CDK3DHKM.mjs';
 import '../chunk-ZCLAF3XN.mjs';
 import '../chunk-BJTO5JO5.mjs';
-import React6, { forwardRef, useRef, useEffect, useImperativeHandle, useState, useCallback } from 'react';
-import * as THREE from 'three';
-import { UnrealBloomPass, OutlineEffect, EffectComposer, RenderPass, OrbitControls, MMDLoader, MMDAnimationHelper } from 'three-stdlib';
+import React21, { forwardRef, useRef, useEffect, useImperativeHandle, useState, useCallback } from 'react';
+import * as THREE3 from 'three';
+import { OutlineEffect, OrbitControls, MMDLoader, MMDAnimationHelper } from 'three-stdlib';
 import { AlertCircle, Camera, Settings, RefreshCw, CameraOff, X, Check, SkipBack, Pause, Play, SkipForward, Repeat, Repeat1, Shuffle, ListMusic, Music, Search, Loader2, Grid3x3, Minimize, Maximize, Video, User, Image as Image$1 } from 'lucide-react';
 import { createPortal } from 'react-dom';
 
@@ -48,19 +48,1561 @@ var loadAmmo = (path = "/libs/ammo.wasm.js") => {
   return ammoPromise;
 };
 
+// src/mmd/fx/HLSLToGLSLConverter.ts
+var HLSLToGLSLConverter = class {
+  constructor() {
+    this.warnings = [];
+    this.uniforms = /* @__PURE__ */ new Map();
+    this.attributes = /* @__PURE__ */ new Map();
+    this.varyings = /* @__PURE__ */ new Map();
+    /**
+     * HLSL类型到GLSL类型的映射
+     */
+    this.typeMap = {
+      // 标量类型
+      "float": "float",
+      "int": "int",
+      "bool": "bool",
+      "half": "float",
+      // GLSL没有half，使用float
+      // 向量类型
+      "float2": "vec2",
+      "float3": "vec3",
+      "float4": "vec4",
+      "int2": "ivec2",
+      "int3": "ivec3",
+      "int4": "ivec4",
+      "bool2": "bvec2",
+      "bool3": "bvec3",
+      "bool4": "bvec4",
+      "half2": "vec2",
+      "half3": "vec3",
+      "half4": "vec4",
+      // 矩阵类型
+      "float2x2": "mat2",
+      "float3x3": "mat3",
+      "float4x4": "mat4",
+      "matrix": "mat4",
+      // 纹理类型
+      "texture": "sampler2D",
+      "texture2D": "sampler2D",
+      "sampler": "sampler2D",
+      "sampler2D": "sampler2D",
+      "samplerCUBE": "samplerCube"
+    };
+    /**
+     * HLSL函数到GLSL函数的映射
+     */
+    this.functionMap = {
+      // 纹理采样
+      "tex2D": "texture2D",
+      "tex2Dlod": "texture2DLod",
+      "texCUBE": "textureCube",
+      // 数学函数
+      "mul": "matrixCompMult",
+      // 注意：mul可能需要特殊处理
+      "lerp": "mix",
+      "frac": "fract",
+      "saturate": "clamp01",
+      // 需要自定义函数
+      "ddx": "dFdx",
+      "ddy": "dFdy",
+      // 向量函数
+      "length": "length",
+      "normalize": "normalize",
+      "dot": "dot",
+      "cross": "cross",
+      "reflect": "reflect",
+      "refract": "refract",
+      // 数学运算
+      "pow": "pow",
+      "exp": "exp",
+      "log": "log",
+      "sqrt": "sqrt",
+      "abs": "abs",
+      "sin": "sin",
+      "cos": "cos",
+      "tan": "tan",
+      "asin": "asin",
+      "acos": "acos",
+      "atan": "atan",
+      "atan2": "atan",
+      "floor": "floor",
+      "ceil": "ceil",
+      "min": "min",
+      "max": "max",
+      "clamp": "clamp",
+      "step": "step",
+      "smoothstep": "smoothstep"
+    };
+    /**
+     * HLSL语义到GLSL的映射
+     */
+    this.semanticMap = {
+      // 顶点着色器输入
+      "POSITION": "position",
+      "POSITION0": "position",
+      "NORMAL": "normal",
+      "NORMAL0": "normal",
+      "TEXCOORD": "uv",
+      "TEXCOORD0": "uv",
+      "TEXCOORD1": "uv2",
+      "COLOR": "color",
+      "COLOR0": "color",
+      "TANGENT": "tangent",
+      "BINORMAL": "binormal",
+      // 顶点着色器输出 / 像素着色器输入
+      "SV_POSITION": "gl_Position",
+      // 像素着色器输出
+      "SV_TARGET": "gl_FragColor",
+      "SV_TARGET0": "gl_FragColor"
+    };
+  }
+  /**
+   * 转换HLSL shader代码为GLSL
+   */
+  convert(hlslCode, shaderType) {
+    this.warnings = [];
+    this.uniforms.clear();
+    this.attributes.clear();
+    this.varyings.clear();
+    let glslCode = hlslCode;
+    glslCode = this.preprocessCode(glslCode);
+    glslCode = this.convertTypes(glslCode);
+    glslCode = this.convertFunctions(glslCode);
+    glslCode = this.convertSemantics(glslCode, shaderType);
+    glslCode = this.convertIOStructs(glslCode, shaderType);
+    glslCode = this.addGLSLHeader(glslCode);
+    glslCode = this.fixSyntaxDifferences(glslCode);
+    return {
+      glslCode,
+      uniforms: this.uniforms,
+      attributes: this.attributes,
+      varyings: this.varyings,
+      warnings: this.warnings
+    };
+  }
+  /**
+   * 预处理代码
+   */
+  preprocessCode(code) {
+    code = code.replace(/:\s*register\([^)]+\)/g, "");
+    code = code.replace(/:\s*packoffset\([^)]+\)/g, "");
+    return code;
+  }
+  /**
+   * 转换类型声明
+   */
+  convertTypes(code) {
+    for (const [hlslType, glslType] of Object.entries(this.typeMap)) {
+      const regex = new RegExp(`\\b${hlslType}\\b`, "g");
+      code = code.replace(regex, glslType);
+    }
+    return code;
+  }
+  /**
+   * 转换函数调用
+   */
+  convertFunctions(code) {
+    for (const [hlslFunc, glslFunc] of Object.entries(this.functionMap)) {
+      const regex = new RegExp(`\\b${hlslFunc}\\b`, "g");
+      code = code.replace(regex, glslFunc);
+    }
+    code = this.convertMulFunction(code);
+    code = code.replace(/\bclamp01\s*\(/g, "clamp(");
+    code = code.replace(/saturate\s*\(([^)]+)\)/g, "clamp($1, 0.0, 1.0)");
+    return code;
+  }
+  /**
+   * 转换mul()函数
+   * HLSL: mul(matrix, vector) 或 mul(vector, matrix)
+   * GLSL: matrix * vector 或 vector * matrix
+   */
+  convertMulFunction(code) {
+    code = code.replace(/mul\s*\(\s*([^,]+)\s*,\s*([^)]+)\s*\)/g, "($1 * $2)");
+    this.warnings.push("mul() function converted to (*) operator - may need manual adjustment for matrix multiplication order");
+    return code;
+  }
+  /**
+   * 转换语义
+   */
+  convertSemantics(code, shaderType) {
+    for (const [hlslSemantic, glslSemantic] of Object.entries(this.semanticMap)) {
+      const regex = new RegExp(`\\b${hlslSemantic}\\b`, "g");
+      code = code.replace(regex, glslSemantic);
+    }
+    return code;
+  }
+  /**
+   * 转换输入/输出结构
+   */
+  convertIOStructs(code, shaderType) {
+    const inputStructRegex = /struct\s+(\w+)\s*{([^}]+)}/g;
+    let match;
+    while ((match = inputStructRegex.exec(code)) !== null) {
+      if (!match[1] || !match[2]) continue;
+      match[1];
+      const structBody = match[2];
+      const members = this.parseStructMembers(structBody);
+      if (shaderType === "vertex") {
+        members.forEach((member) => {
+          this.attributes.set(member.name, {
+            type: member.type,
+            glslType: this.typeMap[member.type] || member.type,
+            semantic: member.semantic || ""
+          });
+        });
+      }
+    }
+    return code;
+  }
+  /**
+   * 解析结构体成员
+   */
+  parseStructMembers(structBody) {
+    const members = [];
+    const lines = structBody.split(";");
+    lines.forEach((line) => {
+      const trimmed = line.trim();
+      if (!trimmed) return;
+      const match = trimmed.match(/(\w+)\s+(\w+)\s*(?::\s*(\w+))?/);
+      if (match && match[1] && match[2]) {
+        members.push({
+          type: match[1],
+          name: match[2],
+          semantic: match[3]
+        });
+      }
+    });
+    return members;
+  }
+  /**
+   * 添加GLSL头部和辅助函数
+   */
+  addGLSLHeader(code) {
+    const header = `
+// Auto-converted from HLSL to GLSL
+#ifdef GL_ES
+precision highp float;
+#endif
+
+// Helper functions for HLSL compatibility
+vec3 mul(mat3 m, vec3 v) { return m * v; }
+vec4 mul(mat4 m, vec4 v) { return m * v; }
+float saturate(float x) { return clamp(x, 0.0, 1.0); }
+vec2 saturate(vec2 x) { return clamp(x, 0.0, 1.0); }
+vec3 saturate(vec3 x) { return clamp(x, 0.0, 1.0); }
+vec4 saturate(vec4 x) { return clamp(x, 0.0, 1.0); }
+
+`;
+    return header + code;
+  }
+  /**
+   * 修复语法差异
+   */
+  fixSyntaxDifferences(code) {
+    return code;
+  }
+  /**
+   * 从FX效果中提取并转换shader
+   */
+  convertFromFXEffect(effect, vertexShaderName, fragmentShaderName) {
+    const vsFunc = effect.shaderFunctions?.find((f) => f.name === vertexShaderName);
+    const fsFunc = effect.shaderFunctions?.find((f) => f.name === fragmentShaderName);
+    if (!vsFunc || !fsFunc) {
+      this.warnings.push(`Shader functions not found: ${vertexShaderName} or ${fragmentShaderName}`);
+      return null;
+    }
+    const vertexShader = this.convert(vsFunc.body, "vertex");
+    const fragmentShader = this.convert(fsFunc.body, "fragment");
+    return {
+      vertexShader,
+      fragmentShader
+    };
+  }
+};
+
+// src/mmd/fx/FXParser.ts
+var FXParser = class {
+  constructor(options = {}) {
+    this.options = {
+      keepComments: options.keepComments ?? true,
+      parseTechniques: options.parseTechniques ?? true,
+      parseShaderFunctions: options.parseShaderFunctions ?? true,
+      parseTextures: options.parseTextures ?? true,
+      parseControllers: options.parseControllers ?? true,
+      convertToGLSL: options.convertToGLSL ?? false,
+      vertexShaderFunction: options.vertexShaderFunction,
+      fragmentShaderFunction: options.fragmentShaderFunction
+    };
+    this.hlslConverter = new HLSLToGLSLConverter();
+  }
+  /**
+   * 从URL加载并解析FX文件
+   */
+  async loadAndParse(url) {
+    const response = await fetch(url);
+    const content = await response.text();
+    const fileName = url.split("/").pop() || "unknown.fx";
+    return this.parse(content, fileName);
+  }
+  /**
+   * 解析FX文件内容
+   */
+  parse(content, fileName = "unknown.fx") {
+    const lines = content.split("\n");
+    const effect = {
+      fileName,
+      rawContent: content,
+      defines: [],
+      parameters: [],
+      staticVariables: [],
+      textures: [],
+      controllers: [],
+      includes: [],
+      techniques: [],
+      shaderFunctions: [],
+      comments: []
+    };
+    effect.defines = this.parseDefines(lines);
+    effect.parameters = this.parseParameters(lines);
+    effect.staticVariables = this.parseStaticVariables(lines);
+    effect.includes = this.parseIncludes(lines);
+    if (this.options.parseTextures) {
+      effect.textures = this.parseTextures(effect.defines);
+    }
+    if (this.options.parseControllers) {
+      effect.controllers = this.parseControllers(lines);
+    }
+    if (this.options.parseTechniques) {
+      effect.techniques = this.parseTechniques(content);
+    }
+    if (this.options.parseShaderFunctions) {
+      effect.shaderFunctions = this.parseShaderFunctions(content);
+    }
+    if (this.options.keepComments) {
+      effect.comments = this.parseComments(lines);
+    }
+    if (this.options.convertToGLSL) {
+      effect.glslShaders = this.convertShadersToGLSL(effect);
+    }
+    return effect;
+  }
+  /**
+   * 转换shader到GLSL
+   */
+  convertShadersToGLSL(effect) {
+    const warnings = [];
+    let vertexShaderName = this.options.vertexShaderFunction;
+    let fragmentShaderName = this.options.fragmentShaderFunction;
+    if (!vertexShaderName || !fragmentShaderName) {
+      const firstTechnique = effect.techniques[0];
+      if (firstTechnique?.passes && firstTechnique.passes.length > 0) {
+        const firstPass = firstTechnique.passes[0];
+        if (firstPass) {
+          vertexShaderName = vertexShaderName || firstPass.vertexShader?.function || void 0;
+          fragmentShaderName = fragmentShaderName || firstPass.pixelShader?.function || void 0;
+        }
+      }
+    }
+    if (!vertexShaderName || !fragmentShaderName) {
+      warnings.push("Could not determine shader function names. Skipping GLSL conversion.");
+      return {
+        warnings
+      };
+    }
+    const vsFunc = effect.shaderFunctions.find((f) => f.name === vertexShaderName);
+    const fsFunc = effect.shaderFunctions.find((f) => f.name === fragmentShaderName);
+    if (!vsFunc || !fsFunc) {
+      warnings.push(`Shader functions not found: ${vertexShaderName} or ${fragmentShaderName}`);
+      return {
+        warnings
+      };
+    }
+    const vertexResult = this.hlslConverter.convert(vsFunc.body, "vertex");
+    warnings.push(...vertexResult.warnings);
+    const fragmentResult = this.hlslConverter.convert(fsFunc.body, "fragment");
+    warnings.push(...fragmentResult.warnings);
+    return {
+      vertexShader: {
+        code: vertexResult.glslCode,
+        uniforms: vertexResult.uniforms,
+        attributes: vertexResult.attributes,
+        varyings: vertexResult.varyings
+      },
+      fragmentShader: {
+        code: fragmentResult.glslCode,
+        uniforms: fragmentResult.uniforms,
+        attributes: /* @__PURE__ */ new Map(),
+        varyings: fragmentResult.varyings
+      },
+      warnings
+    };
+  }
+  /**
+   * 解析宏定义 (#define)
+   */
+  parseDefines(lines) {
+    const defines = [];
+    const defineRegex = /^\s*(\/\/)?\s*#define\s+(\w+)(?:\s+(.+))?\s*$/;
+    lines.forEach((line, index) => {
+      const match = line.match(defineRegex);
+      if (match && match[2]) {
+        const isCommented = !!match[1];
+        const name = match[2];
+        const value = match[3]?.trim();
+        let comment;
+        if (value) {
+          const commentMatch = value.match(/\/\/(.+)$/);
+          if (commentMatch && commentMatch[1]) {
+            comment = commentMatch[1].trim();
+          }
+        }
+        const cleanValue = value?.replace(/\/\/.*$/, "").trim();
+        defines.push({
+          name,
+          value: cleanValue || void 0,
+          isCommented,
+          lineNumber: index + 1,
+          comment
+        });
+      }
+    });
+    return defines;
+  }
+  /**
+   * 解析参数声明
+   */
+  parseParameters(lines) {
+    const parameters = [];
+    const paramRegex = /^\s*(float|float2|float3|float4|float4x4|texture|sampler|sampler2D|bool|int)\s+(\w+)\s*(?::\s*(\w+))?\s*(?:<([^>]+)>)?\s*(?:=\s*([^;]+))?\s*;/;
+    lines.forEach((line, index) => {
+      const match = line.match(paramRegex);
+      if (match && match[1] && match[2]) {
+        const type = match[1];
+        const name = match[2];
+        const semantic = match[3];
+        const annotationsStr = match[4];
+        const defaultValue = match[5]?.trim();
+        let annotations;
+        if (annotationsStr) {
+          annotations = this.parseAnnotations(annotationsStr);
+        }
+        parameters.push({
+          type,
+          name,
+          semantic,
+          defaultValue,
+          annotations,
+          lineNumber: index + 1
+        });
+      }
+    });
+    return parameters;
+  }
+  /**
+   * 解析注解 (annotations)
+   */
+  parseAnnotations(annotationsStr) {
+    const annotations = {};
+    const annotationRegex = /(string|float|int|bool)\s+(\w+)\s*=\s*"?([^;"]+)"?/g;
+    let match;
+    while ((match = annotationRegex.exec(annotationsStr)) !== null) {
+      if (!match[1] || !match[2] || !match[3]) continue;
+      const type = match[1];
+      const name = match[2];
+      const value = match[3].trim();
+      if (type === "float") {
+        annotations[name] = parseFloat(value);
+      } else if (type === "int") {
+        annotations[name] = parseInt(value, 10);
+      } else if (type === "bool") {
+        annotations[name] = value === "true";
+      } else {
+        annotations[name] = value;
+      }
+    }
+    return annotations;
+  }
+  /**
+   * 解析静态变量
+   */
+  parseStaticVariables(lines) {
+    const variables = [];
+    const staticRegex = /^\s*static\s+(float|float2|float3|float4|bool|int)\s+(\w+)\s*=\s*(.+?);/;
+    lines.forEach((line, index) => {
+      const match = line.match(staticRegex);
+      if (match && match[1] && match[2] && match[3]) {
+        variables.push({
+          type: match[1],
+          name: match[2],
+          expression: match[3].trim(),
+          lineNumber: index + 1
+        });
+      }
+    });
+    return variables;
+  }
+  /**
+   * 解析纹理引用
+   */
+  parseTextures(defines) {
+    const textures = [];
+    const textureDefineRegex = /^BLEND(\w+)TEXTURE$/;
+    defines.forEach((define) => {
+      const match = define.name.match(textureDefineRegex);
+      if (match && match[1] && define.value && !define.isCommented) {
+        const purpose = match[1].toLowerCase();
+        const path = define.value.replace(/"/g, "");
+        const widthDefine = defines.find((d) => d.name === `${define.name}_X`);
+        const heightDefine = defines.find((d) => d.name === `${define.name}_Y`);
+        textures.push({
+          name: define.name,
+          path,
+          width: widthDefine?.value ? parseInt(widthDefine.value, 10) : void 0,
+          height: heightDefine?.value ? parseInt(heightDefine.value, 10) : void 0,
+          purpose
+        });
+      }
+    });
+    return textures;
+  }
+  /**
+   * 解析控制器引用 (CONTROLOBJECT)
+   */
+  parseControllers(lines) {
+    const controllers = [];
+    const controllerRegex = /(\w+)\s*:\s*CONTROLOBJECT\s*<\s*string\s+name\s*=\s*"([^"]+)"\s*;\s*string\s+item\s*=\s*"([^"]+)"\s*>/;
+    lines.forEach((line) => {
+      const match = line.match(controllerRegex);
+      if (match && match[1] && match[2] && match[3]) {
+        controllers.push({
+          name: match[1],
+          objectName: match[2],
+          itemName: match[3],
+          boundParameter: match[1]
+        });
+      }
+    });
+    return controllers;
+  }
+  /**
+   * 解析include指令
+   */
+  parseIncludes(lines) {
+    const includes = [];
+    const includeRegex = /^\s*#include\s+"([^"]+)"/;
+    lines.forEach((line) => {
+      const match = line.match(includeRegex);
+      if (match && match[1]) {
+        includes.push(match[1]);
+      }
+    });
+    return includes;
+  }
+  /**
+   * 解析Technique定义
+   */
+  parseTechniques(content) {
+    const techniques = [];
+    const techniqueRegex = /technique\s+(\w+)\s*\{([^}]+(?:\{[^}]*\}[^}]*)*)\}/g;
+    let match;
+    while ((match = techniqueRegex.exec(content)) !== null) {
+      if (!match[1] || !match[2]) continue;
+      const name = match[1];
+      const body = match[2];
+      const lineNumber = content.substring(0, match.index).split("\n").length;
+      techniques.push({
+        name,
+        passes: this.parsePasses(body),
+        lineNumber
+      });
+    }
+    return techniques;
+  }
+  /**
+   * 解析Pass定义
+   */
+  parsePasses(techniqueBody) {
+    const passes = [];
+    const passRegex = /pass\s+(\w+)?\s*\{([^}]+)\}/g;
+    let match;
+    while ((match = passRegex.exec(techniqueBody)) !== null) {
+      if (!match[2]) continue;
+      const name = match[1] || void 0;
+      const body = match[2];
+      const pass = {
+        name,
+        renderStates: {}
+      };
+      const vsMatch = /VertexShader\s*=\s*compile\s+(\w+)\s+(\w+)/i.exec(body);
+      if (vsMatch && vsMatch[1] && vsMatch[2]) {
+        pass.vertexShader = {
+          profile: vsMatch[1],
+          function: vsMatch[2]
+        };
+      }
+      const psMatch = /PixelShader\s*=\s*compile\s+(\w+)\s+(\w+)/i.exec(body);
+      if (psMatch && psMatch[1] && psMatch[2]) {
+        pass.pixelShader = {
+          profile: psMatch[1],
+          function: psMatch[2]
+        };
+      }
+      const stateRegex = /(\w+)\s*=\s*([^;]+);/g;
+      let stateMatch;
+      while ((stateMatch = stateRegex.exec(body)) !== null) {
+        if (!stateMatch[1] || !stateMatch[2]) continue;
+        const stateName = stateMatch[1];
+        const stateValue = stateMatch[2].trim();
+        if (stateName !== "VertexShader" && stateName !== "PixelShader") {
+          pass.renderStates[stateName] = stateValue;
+        }
+      }
+      passes.push(pass);
+    }
+    return passes;
+  }
+  /**
+   * 解析着色器函数
+   */
+  parseShaderFunctions(content) {
+    const functions = [];
+    const functionRegex = /(struct|void|float|float2|float3|float4)\s+(\w+)\s*\(([^)]*)\)\s*(?::\s*(\w+))?\s*\{/g;
+    let match;
+    while ((match = functionRegex.exec(content)) !== null) {
+      if (!match[1] || !match[2] || !match[3]) continue;
+      const returnType = match[1];
+      const name = match[2];
+      const parameters = match[3];
+      const outputSemantic = match[4] || void 0;
+      const lineNumber = content.substring(0, match.index).split("\n").length;
+      const bodyStart = match.index + match[0].length;
+      let braceCount = 1;
+      let bodyEnd = bodyStart;
+      for (let i = bodyStart; i < content.length && braceCount > 0; i++) {
+        if (content[i] === "{") braceCount++;
+        if (content[i] === "}") braceCount--;
+        bodyEnd = i;
+      }
+      const body = content.substring(bodyStart, bodyEnd);
+      functions.push({
+        name,
+        returnType,
+        parameters,
+        body,
+        outputSemantic,
+        lineNumber
+      });
+    }
+    return functions;
+  }
+  /**
+   * 解析注释
+   */
+  parseComments(lines) {
+    const comments = [];
+    lines.forEach((line, index) => {
+      const lineCommentMatch = line.match(/^\s*\/\/(.*)$/);
+      if (lineCommentMatch && lineCommentMatch[1]) {
+        comments.push({
+          content: lineCommentMatch[1].trim(),
+          type: "line",
+          lineNumber: index + 1
+        });
+      }
+      const blockCommentMatch = line.match(/\/\*(.+?)\*\//);
+      if (blockCommentMatch && blockCommentMatch[1]) {
+        comments.push({
+          content: blockCommentMatch[1].trim(),
+          type: "block",
+          lineNumber: index + 1
+        });
+      }
+    });
+    return comments;
+  }
+  /**
+   * 生成FX文件摘要
+   */
+  generateSummary(effect) {
+    const enabledDefines = effect.defines.filter((d) => !d.isCommented).map((d) => d.name);
+    const disabledDefines = effect.defines.filter((d) => d.isCommented).map((d) => d.name);
+    return {
+      fileName: effect.fileName,
+      defineCount: effect.defines.length,
+      parameterCount: effect.parameters.length,
+      textureCount: effect.textures.length,
+      techniqueCount: effect.techniques.length,
+      hasLocalShadow: enabledDefines.includes("USE_LOCALSHADOW"),
+      hasExcellentShadow: enabledDefines.includes("USE_EXCELLENTSHADOW"),
+      hasHgShadow: enabledDefines.includes("USE_HGSHADOW"),
+      enabledDefines,
+      disabledDefines
+    };
+  }
+  /**
+   * 提取特定着色器函数的代码
+   */
+  extractShaderFunction(effect, functionName) {
+    const func = effect.shaderFunctions.find((f) => f.name === functionName);
+    if (!func) return null;
+    return `${func.returnType} ${func.name}(${func.parameters})${func.outputSemantic ? " : " + func.outputSemantic : ""}
+{
+${func.body}
+}`;
+  }
+  /**
+   * 获取所有启用的功能标志
+   */
+  getEnabledFeatures(effect) {
+    return effect.defines.filter((d) => !d.isCommented && !d.value).map((d) => d.name);
+  }
+  /**
+   * 获取配置参数
+   */
+  getConfigParameters(effect) {
+    return effect.parameters.filter(
+      (p) => p.annotations?.UIName || p.annotations?.UIWidget
+    );
+  }
+};
+var FXToThreeAdapter = class {
+  constructor(effect, basePath = "") {
+    this.effect = effect;
+    this.basePath = basePath;
+    this.textureLoader = new THREE3.TextureLoader();
+    this.loadedTextures = /* @__PURE__ */ new Map();
+  }
+  /**
+   * 创建ShaderMaterial（如果有GLSL shader）
+   */
+  createShaderMaterial() {
+    if (!this.effect.glslShaders?.vertexShader || !this.effect.glslShaders?.fragmentShader) {
+      console.warn("[FXToThreeAdapter] No GLSL shaders available. Use convertToGLSL option in FXParser.");
+      return null;
+    }
+    const vs = this.effect.glslShaders.vertexShader;
+    const fs = this.effect.glslShaders.fragmentShader;
+    const uniforms = {};
+    vs.uniforms.forEach((info, name) => {
+      uniforms[name] = { value: this.getDefaultUniformValue(info.glslType) };
+    });
+    fs.uniforms.forEach((info, name) => {
+      if (!uniforms[name]) {
+        uniforms[name] = { value: this.getDefaultUniformValue(info.glslType) };
+      }
+    });
+    uniforms.modelMatrix = { value: new THREE3.Matrix4() };
+    uniforms.viewMatrix = { value: new THREE3.Matrix4() };
+    uniforms.projectionMatrix = { value: new THREE3.Matrix4() };
+    uniforms.normalMatrix = { value: new THREE3.Matrix3() };
+    uniforms.cameraPosition = { value: new THREE3.Vector3() };
+    const material = new THREE3.ShaderMaterial({
+      vertexShader: vs.code,
+      fragmentShader: fs.code,
+      uniforms
+    });
+    console.log("[FXToThreeAdapter] Created ShaderMaterial with", Object.keys(uniforms).length, "uniforms");
+    console.log("[FXToThreeAdapter] Conversion warnings:", this.effect.glslShaders.warnings);
+    return material;
+  }
+  /**
+   * 获取uniform的默认值
+   */
+  getDefaultUniformValue(glslType) {
+    switch (glslType) {
+      case "float":
+        return 0;
+      case "vec2":
+        return new THREE3.Vector2(0, 0);
+      case "vec3":
+        return new THREE3.Vector3(0, 0, 0);
+      case "vec4":
+        return new THREE3.Vector4(0, 0, 0, 0);
+      case "mat3":
+        return new THREE3.Matrix3();
+      case "mat4":
+        return new THREE3.Matrix4();
+      case "sampler2D":
+        return null;
+      case "samplerCube":
+        return null;
+      default:
+        return null;
+    }
+  }
+  /**
+   * 提取材质配置
+   */
+  extractMaterialConfig() {
+    const config = {
+      uniforms: {}
+    };
+    console.log("[FXToThreeAdapter] Extracting material config from FX:", this.effect.fileName);
+    console.log("[FXToThreeAdapter] Total parameters:", this.effect.parameters.length);
+    this.effect.parameters.forEach((param) => {
+      const name = param.name.toLowerCase();
+      if (name.startsWith("add")) {
+        console.log(`[FXToThreeAdapter]   Skipping additive param "${param.name}" (not an absolute value)`);
+        return;
+      }
+      if (name.includes("materialrgb") || name.includes("material")) {
+        const colorValue = this.parseFloat3(param.defaultValue);
+        if (colorValue) {
+          config.color = new THREE3.Color(
+            colorValue[0],
+            colorValue[1],
+            colorValue[2]
+          );
+          console.log(`[FXToThreeAdapter]   Found color param "${param.name}":`, colorValue);
+        }
+      }
+      if (name.includes("emissive")) {
+        const emissiveValue = this.parseFloat3(param.defaultValue);
+        if (emissiveValue) {
+          config.emissive = new THREE3.Color(
+            emissiveValue[0],
+            emissiveValue[1],
+            emissiveValue[2]
+          );
+          console.log(`[FXToThreeAdapter]   Found emissive param "${param.name}":`, emissiveValue);
+        }
+      }
+      if (name.includes("specular")) {
+        const specularValue = this.parseFloat3(param.defaultValue);
+        if (specularValue) {
+          config.specular = new THREE3.Color(
+            specularValue[0],
+            specularValue[1],
+            specularValue[2]
+          );
+          console.log(`[FXToThreeAdapter]   Found specular param "${param.name}":`, specularValue);
+        }
+      }
+      if (name.includes("shininess") || name.includes("specularpower")) {
+        const shininessValue = this.parseFloat(param.defaultValue);
+        if (shininessValue !== null) {
+          config.shininess = shininessValue;
+          console.log(`[FXToThreeAdapter]   Found shininess param "${param.name}":`, shininessValue);
+        }
+      }
+      if (config.uniforms && param.defaultValue) {
+        config.uniforms[param.name] = {
+          value: this.parseParameterValue(param)
+        };
+      }
+    });
+    console.log("[FXToThreeAdapter] Final material config:", {
+      color: config.color,
+      emissive: config.emissive,
+      specular: config.specular,
+      shininess: config.shininess
+    });
+    return config;
+  }
+  /**
+   * 提取渲染配置
+   */
+  extractRenderConfig() {
+    const config = {};
+    const hasLocalShadow = this.effect.defines.some(
+      (d) => d.name === "USE_LOCALSHADOW" && !d.isCommented
+    );
+    const hasExcellentShadow = this.effect.defines.some(
+      (d) => d.name === "USE_EXCELLENTSHADOW" && !d.isCommented
+    );
+    const hasHgShadow = this.effect.defines.some(
+      (d) => d.name === "USE_HGSHADOW" && !d.isCommented
+    );
+    config.enableShadow = hasLocalShadow || hasExcellentShadow || hasHgShadow;
+    const shadowMapSizeDefine = this.effect.defines.find(
+      (d) => d.name === "LS_ShadowMapBuffSize"
+    );
+    if (shadowMapSizeDefine?.value) {
+      config.shadowMapSize = parseInt(shadowMapSizeDefine.value, 10);
+    }
+    const lightDirDefine = this.effect.defines.find(
+      (d) => d.name === "LS_InitDirection"
+    );
+    if (lightDirDefine?.value) {
+      const dir = this.parseFloat3(lightDirDefine.value);
+      if (dir) {
+        config.lightDirection = new THREE3.Vector3(dir[0], dir[1], dir[2]).normalize();
+      }
+    }
+    const hasToon = this.effect.defines.some(
+      (d) => d.name === "MODEL_TOON" && !d.isCommented
+    );
+    config.toneMapping = hasToon ? THREE3.NoToneMapping : THREE3.ACESFilmicToneMapping;
+    config.toneMappingExposure = 1;
+    console.log("[FXToThreeAdapter] Extracted render config:", config);
+    return config;
+  }
+  /**
+   * 加载纹理
+   */
+  async loadTextures() {
+    const promises = this.effect.textures.map(async (fxTexture) => {
+      const path = this.basePath ? `${this.basePath}/${fxTexture.path}` : fxTexture.path;
+      try {
+        const texture = await this.loadTexture(path);
+        this.loadedTextures.set(fxTexture.name, texture);
+        return { name: fxTexture.name, texture };
+      } catch (error) {
+        console.warn(`Failed to load texture ${fxTexture.name}:`, error);
+        return null;
+      }
+    });
+    await Promise.all(promises);
+    return this.loadedTextures;
+  }
+  /**
+   * 加载单个纹理
+   */
+  loadTexture(path) {
+    return new Promise((resolve, reject) => {
+      this.textureLoader.load(
+        path,
+        (texture) => {
+          texture.wrapS = THREE3.RepeatWrapping;
+          texture.wrapT = THREE3.RepeatWrapping;
+          texture.needsUpdate = true;
+          resolve(texture);
+        },
+        void 0,
+        (error) => reject(error)
+      );
+    });
+  }
+  /**
+   * 创建Three.js材质
+   */
+  createMaterial() {
+    const config = this.extractMaterialConfig();
+    const material = new THREE3.MeshPhongMaterial({
+      color: config.color || 16777215,
+      emissive: config.emissive || 0,
+      specular: config.specular || 1118481,
+      shininess: config.shininess ?? 30,
+      transparent: config.transparent ?? false,
+      opacity: config.opacity ?? 1
+    });
+    const diffuseTexture = this.getTextureByPurpose("diffuse");
+    if (diffuseTexture) {
+      material.map = diffuseTexture;
+    }
+    const normalTexture = this.getTextureByPurpose("normal");
+    if (normalTexture) {
+      material.normalMap = normalTexture;
+    }
+    return material;
+  }
+  /**
+   * 配置Three.js场景
+   * 仅应用渲染器配置，不添加光源
+   */
+  configureScene(scene, renderer) {
+    const renderConfig = this.extractRenderConfig();
+    if (renderConfig.enableShadow !== void 0) {
+      renderer.shadowMap.enabled = renderConfig.enableShadow;
+      if (renderConfig.enableShadow) {
+        renderer.shadowMap.type = THREE3.PCFSoftShadowMap;
+      }
+    }
+    if (renderConfig.toneMapping !== void 0) {
+      renderer.toneMapping = renderConfig.toneMapping;
+    }
+    if (renderConfig.toneMappingExposure !== void 0) {
+      renderer.toneMappingExposure = renderConfig.toneMappingExposure;
+    }
+  }
+  /**
+   * 获取指定用途的纹理
+   */
+  getTextureByPurpose(purpose) {
+    const fxTexture = this.effect.textures.find(
+      (t) => t.purpose?.toLowerCase().includes(purpose.toLowerCase())
+    );
+    if (!fxTexture) return null;
+    return this.loadedTextures.get(fxTexture.name) || null;
+  }
+  /**
+   * 解析float3值
+   */
+  parseFloat3(value) {
+    if (!value) return null;
+    const match = value.match(/float3\s*\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)/);
+    if (!match || !match[1] || !match[2] || !match[3]) return null;
+    return [
+      parseFloat(match[1]),
+      parseFloat(match[2]),
+      parseFloat(match[3])
+    ];
+  }
+  /**
+   * 解析float值
+   */
+  parseFloat(value) {
+    if (!value) return null;
+    const num = parseFloat(value);
+    return isNaN(num) ? null : num;
+  }
+  /**
+   * 解析参数值
+   */
+  parseParameterValue(param) {
+    if (!param.defaultValue) return null;
+    switch (param.type) {
+      case "float":
+        return this.parseFloat(param.defaultValue);
+      case "float2": {
+        const match = param.defaultValue.match(/float2\s*\(\s*([\d.]+)\s*,\s*([\d.]+)\s*\)/);
+        return match && match[1] && match[2] ? new THREE3.Vector2(parseFloat(match[1]), parseFloat(match[2])) : null;
+      }
+      case "float3": {
+        const values = this.parseFloat3(param.defaultValue);
+        return values ? new THREE3.Vector3(values[0], values[1], values[2]) : null;
+      }
+      case "float4": {
+        const match = param.defaultValue.match(/float4\s*\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)/);
+        if (match && match[1] && match[2] && match[3] && match[4]) {
+          return new THREE3.Vector4(
+            parseFloat(match[1]),
+            parseFloat(match[2]),
+            parseFloat(match[3]),
+            parseFloat(match[4])
+          );
+        }
+        return null;
+      }
+      default:
+        return param.defaultValue;
+    }
+  }
+  /**
+   * 获取所有自定义uniforms
+   */
+  getUniforms() {
+    const uniforms = {};
+    this.effect.parameters.forEach((param) => {
+      const value = this.parseParameterValue(param);
+      if (value !== null) {
+        uniforms[param.name] = { value };
+      }
+    });
+    this.loadedTextures.forEach((texture, name) => {
+      uniforms[name] = { value: texture };
+    });
+    return uniforms;
+  }
+  /**
+   * 生成配置摘要
+   */
+  getSummary() {
+    return {
+      materialParams: this.effect.parameters.map((p) => `${p.type} ${p.name}`),
+      textures: this.effect.textures.map((t) => t.path),
+      renderFeatures: this.effect.defines.filter((d) => !d.isCommented && (d.name.startsWith("USE_") || d.name.includes("SHADOW"))).map((d) => d.name)
+    };
+  }
+};
+var MultiFXAdapter = class {
+  constructor(options = {}) {
+    this.effects = /* @__PURE__ */ new Map();
+    this.adapters = /* @__PURE__ */ new Map();
+    this.configs = [];
+    this.options = {
+      mergeStrategy: options.mergeStrategy || "override",
+      autoLoadTextures: options.autoLoadTextures ?? true
+    };
+    this.parser = new FXParser();
+  }
+  /**
+   * 识别文件类型
+   */
+  detectFileType(path, configType) {
+    if (configType && configType !== "auto") {
+      return configType;
+    }
+    const ext = path.toLowerCase().split(".").pop();
+    if (ext === "x") return "x";
+    if (ext === "fx") return "fx";
+    return "fx";
+  }
+  /**
+   * 添加效果文件（支持.fx和.x）
+   */
+  async addFX(config) {
+    if (!config.enabled && config.enabled !== void 0) {
+      console.log("[MultiFXAdapter] Effect disabled:", config.path);
+      return;
+    }
+    try {
+      const fileType = this.detectFileType(config.path, config.type);
+      const desc = config.description || config.path;
+      console.log(`[MultiFXAdapter] Loading ${fileType.toUpperCase()} file:`, desc);
+      const effect = await this.parser.loadAndParse(config.path);
+      this.effects.set(config.path, effect);
+      const adapter = new FXToThreeAdapter(effect, config.texturePath || "");
+      this.adapters.set(config.path, adapter);
+      if (this.options.autoLoadTextures) {
+        console.log(`[MultiFXAdapter] Loading textures for ${fileType}:`, desc);
+        await adapter.loadTextures();
+      }
+      const defaultPriority = fileType === "x" ? -10 : 0;
+      const defaultTarget = fileType === "x" ? "all" : "model";
+      this.configs.push({
+        ...config,
+        type: fileType,
+        priority: config.priority ?? defaultPriority,
+        target: config.target ?? defaultTarget,
+        enabled: true
+      });
+      this.configs.sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0));
+      const lastConfig = this.configs[this.configs.length - 1];
+      console.log(`[MultiFXAdapter] ${fileType.toUpperCase()} loaded successfully:`, desc);
+      console.log(`[MultiFXAdapter]   - Priority: ${lastConfig?.priority ?? 0}`);
+      console.log(`[MultiFXAdapter]   - Target: ${lastConfig?.target ?? "all"}`);
+    } catch (error) {
+      console.error("[MultiFXAdapter] Failed to load effect file:", config.path, error);
+      throw error;
+    }
+  }
+  /**
+   * 批量添加FX文件
+   */
+  async addMultipleFX(configs) {
+    await Promise.all(configs.map((config) => this.addFX(config)));
+  }
+  /**
+   * 移除FX文件
+   */
+  removeFX(path) {
+    this.effects.delete(path);
+    this.adapters.delete(path);
+    this.configs = this.configs.filter((c) => c.path !== path);
+  }
+  /**
+   * 清空所有FX
+   */
+  clear() {
+    this.effects.clear();
+    this.adapters.clear();
+    this.configs = [];
+  }
+  /**
+   * 合并材质配置
+   */
+  extractMergedMaterialConfig(target) {
+    const merged = {
+      uniforms: {}
+    };
+    console.log("[MultiFXAdapter] Extracting material config for target:", target);
+    console.log("[MultiFXAdapter] Total configs:", this.configs.length);
+    this.configs.forEach((config) => {
+      let shouldApply = false;
+      if (!target || config.target === "all") {
+        shouldApply = true;
+      } else if (Array.isArray(config.target)) {
+        shouldApply = config.target.includes(target);
+      } else {
+        shouldApply = config.target === target;
+      }
+      if (!shouldApply) {
+        console.log(`[MultiFXAdapter]   - Skipping ${config.description || config.path} (target mismatch: ${config.target} !== ${target})`);
+        return;
+      }
+      const adapter = this.adapters.get(config.path);
+      if (!adapter) {
+        console.log(`[MultiFXAdapter]   - Skipping ${config.description || config.path} (adapter not found)`);
+        return;
+      }
+      console.log(`[MultiFXAdapter]   \u2705 Applying ${config.description || config.path} (priority: ${config.priority})`);
+      const materialConfig = adapter.extractMaterialConfig();
+      switch (this.options.mergeStrategy) {
+        case "override":
+          if (materialConfig.color) merged.color = materialConfig.color;
+          if (materialConfig.emissive) merged.emissive = materialConfig.emissive;
+          if (materialConfig.specular) merged.specular = materialConfig.specular;
+          if (materialConfig.shininess !== void 0) merged.shininess = materialConfig.shininess;
+          if (materialConfig.opacity !== void 0) merged.opacity = materialConfig.opacity;
+          if (materialConfig.transparent !== void 0) merged.transparent = materialConfig.transparent;
+          if (materialConfig.uniforms && merged.uniforms) {
+            Object.assign(merged.uniforms, materialConfig.uniforms);
+          }
+          break;
+        case "merge":
+          merged.color = materialConfig.color || merged.color;
+          merged.emissive = materialConfig.emissive || merged.emissive;
+          merged.specular = materialConfig.specular || merged.specular;
+          merged.shininess = materialConfig.shininess ?? merged.shininess;
+          merged.opacity = materialConfig.opacity ?? merged.opacity;
+          merged.transparent = materialConfig.transparent ?? merged.transparent;
+          if (materialConfig.uniforms && merged.uniforms) {
+            Object.assign(merged.uniforms, materialConfig.uniforms);
+          }
+          break;
+        case "additive":
+          if (materialConfig.color && merged.color) {
+            merged.color.add(materialConfig.color);
+          } else {
+            merged.color = materialConfig.color;
+          }
+          if (materialConfig.emissive && merged.emissive) {
+            merged.emissive.add(materialConfig.emissive);
+          } else {
+            merged.emissive = materialConfig.emissive;
+          }
+          if (materialConfig.shininess !== void 0) {
+            merged.shininess = (merged.shininess ?? 0) + materialConfig.shininess;
+          }
+          if (materialConfig.uniforms && merged.uniforms) {
+            Object.assign(merged.uniforms, materialConfig.uniforms);
+          }
+          break;
+      }
+    });
+    return merged;
+  }
+  /**
+   * 合并渲染配置
+   */
+  extractMergedRenderConfig() {
+    const merged = {};
+    console.log("[MultiFXAdapter] Extracting merged render config from", this.configs.length, "configs");
+    this.configs.forEach((config) => {
+      const adapter = this.adapters.get(config.path);
+      if (!adapter) return;
+      const renderConfig = adapter.extractRenderConfig();
+      console.log(`[MultiFXAdapter]   Processing ${config.description || config.path}:`);
+      console.log("    - enableShadow:", renderConfig.enableShadow);
+      console.log("    - shadowMapSize:", renderConfig.shadowMapSize);
+      console.log("    - toneMapping:", renderConfig.toneMapping);
+      if (renderConfig.enableShadow !== void 0) {
+        merged.enableShadow = renderConfig.enableShadow;
+      }
+      if (renderConfig.shadowMapSize !== void 0) {
+        merged.shadowMapSize = renderConfig.shadowMapSize;
+      }
+      if (renderConfig.ambientLightIntensity !== void 0) {
+        merged.ambientLightIntensity = renderConfig.ambientLightIntensity;
+      }
+      if (renderConfig.directionalLightIntensity !== void 0) {
+        merged.directionalLightIntensity = renderConfig.directionalLightIntensity;
+      }
+      if (renderConfig.lightDirection) {
+        merged.lightDirection = renderConfig.lightDirection;
+      }
+      if (renderConfig.toneMapping !== void 0) {
+        merged.toneMapping = renderConfig.toneMapping;
+        console.log(`[MultiFXAdapter]     \u2705 ToneMapping set to:`, renderConfig.toneMapping === THREE3.NoToneMapping ? "NoToneMapping (Toon)" : "ACESFilmicToneMapping");
+      }
+      if (renderConfig.toneMappingExposure !== void 0) {
+        merged.toneMappingExposure = renderConfig.toneMappingExposure;
+      }
+    });
+    console.log("[MultiFXAdapter] Final merged render config:", merged);
+    return merged;
+  }
+  /**
+   * 应用到Three.js材质
+   * 支持MeshPhongMaterial和MeshToonMaterial（MMD常用）
+   */
+  applyToMaterial(material, target) {
+    if (!(material instanceof THREE3.MeshPhongMaterial || material instanceof THREE3.MeshToonMaterial)) {
+      console.warn("[MultiFXAdapter] Material type not supported:", material.type);
+      return;
+    }
+    console.log("[MultiFXAdapter] Applying to material type:", material.type);
+    const config = this.extractMergedMaterialConfig(target);
+    console.log("[MultiFXAdapter] Extracted material config for target:", target);
+    console.log("  - color:", config.color);
+    console.log("  - emissive:", config.emissive);
+    console.log("  - specular:", config.specular);
+    console.log("  - shininess:", config.shininess);
+    let applied = false;
+    if (config.color) {
+      const isBlack = config.color.r === 0 && config.color.g === 0 && config.color.b === 0;
+      if (!isBlack) {
+        material.color.copy(config.color);
+        applied = true;
+      } else {
+        console.log("[MultiFXAdapter] Skipping black color (0,0,0) to preserve original material");
+      }
+    }
+    if (config.emissive && material.emissive) {
+      const isBlack = config.emissive.r === 0 && config.emissive.g === 0 && config.emissive.b === 0;
+      if (!isBlack) {
+        material.emissive.copy(config.emissive);
+        applied = true;
+      }
+    }
+    if (config.specular && material.specular) {
+      material.specular.copy(config.specular);
+      applied = true;
+      console.log("[MultiFXAdapter] Applied specular");
+    }
+    if (config.shininess !== void 0 && material.shininess !== void 0) {
+      material.shininess = config.shininess;
+      applied = true;
+      console.log("[MultiFXAdapter] Applied shininess:", config.shininess);
+    }
+    if (config.opacity !== void 0) {
+      material.opacity = config.opacity;
+      applied = true;
+    }
+    if (config.transparent !== void 0) {
+      material.transparent = config.transparent;
+      applied = true;
+    }
+    if (applied) {
+      console.log("[MultiFXAdapter] \u2705 Material config applied to:", target || "default");
+    } else {
+      console.warn("[MultiFXAdapter] \u26A0\uFE0F No material config to apply (all values are undefined)");
+    }
+  }
+  /**
+   * 创建ShaderMaterial（如果配置了useShaderMaterial）
+   * 返回第一个匹配target的ShaderMaterial，如果没有则返回null
+   */
+  createShaderMaterial(target) {
+    const shaderConfig = this.configs.find((config) => {
+      if (!config.useShaderMaterial) return false;
+      if (!target || config.target === "all") return true;
+      if (Array.isArray(config.target)) return config.target.includes(target);
+      return config.target === target;
+    });
+    if (!shaderConfig) {
+      console.log(`[MultiFXAdapter] No shader material config found for target: ${target}`);
+      return null;
+    }
+    const adapter = this.adapters.get(shaderConfig.path);
+    if (!adapter) {
+      console.warn(`[MultiFXAdapter] Adapter not found for: ${shaderConfig.path}`);
+      return null;
+    }
+    const material = adapter.createShaderMaterial();
+    if (material) {
+      console.log(`[MultiFXAdapter] \u2705 Created ShaderMaterial for target: ${target} from ${shaderConfig.description || shaderConfig.path}`);
+    }
+    return material;
+  }
+  /**
+   * 应用到Three.js场景
+   */
+  applyToScene(scene, renderer) {
+    const renderConfig = this.extractMergedRenderConfig();
+    console.log("[MultiFXAdapter] Applying render config:");
+    console.log("  - enableShadow:", renderConfig.enableShadow);
+    console.log("  - shadowMapSize:", renderConfig.shadowMapSize);
+    console.log("  - toneMapping:", renderConfig.toneMapping);
+    console.log("  - ambientLightIntensity:", renderConfig.ambientLightIntensity);
+    console.log("  - directionalLightIntensity:", renderConfig.directionalLightIntensity);
+    if (renderConfig.enableShadow !== void 0) {
+      renderer.shadowMap.enabled = renderConfig.enableShadow;
+      if (renderConfig.enableShadow) {
+        renderer.shadowMap.type = THREE3.PCFSoftShadowMap;
+      }
+      console.log("[MultiFXAdapter] \u2705 Shadow config applied:", renderConfig.enableShadow);
+    }
+    if (renderConfig.toneMapping !== void 0) {
+      renderer.toneMapping = renderConfig.toneMapping;
+      const toneMappingName = renderConfig.toneMapping === THREE3.NoToneMapping ? "NoToneMapping" : "ACESFilmicToneMapping";
+      console.log("[MultiFXAdapter] \u2705 ToneMapping applied:", toneMappingName);
+    }
+    if (renderConfig.toneMappingExposure !== void 0) {
+      renderer.toneMappingExposure = renderConfig.toneMappingExposure;
+    }
+    let ambientLight = scene.children.find((obj) => obj instanceof THREE3.AmbientLight);
+    let directionalLight = scene.children.find((obj) => obj instanceof THREE3.DirectionalLight);
+    console.log("[MultiFXAdapter] Found lights in scene:", {
+      ambientLight: !!ambientLight,
+      directionalLight: !!directionalLight
+    });
+    if (renderConfig.ambientLightIntensity !== void 0 && ambientLight) {
+      console.log("[MultiFXAdapter] Updating ambient light intensity:", renderConfig.ambientLightIntensity);
+      ambientLight.intensity = renderConfig.ambientLightIntensity;
+    }
+    if (renderConfig.directionalLightIntensity !== void 0 && directionalLight) {
+      console.log("[MultiFXAdapter] Updating directional light intensity:", renderConfig.directionalLightIntensity);
+      directionalLight.intensity = renderConfig.directionalLightIntensity;
+    }
+    if (renderConfig.lightDirection && directionalLight) {
+      directionalLight.position.copy(renderConfig.lightDirection).multiplyScalar(10);
+      console.log("[MultiFXAdapter] Updated light direction");
+    }
+    if (renderConfig.shadowMapSize && directionalLight?.shadow) {
+      directionalLight.shadow.mapSize.width = renderConfig.shadowMapSize;
+      directionalLight.shadow.mapSize.height = renderConfig.shadowMapSize;
+      console.log("[MultiFXAdapter] Updated shadow map size:", renderConfig.shadowMapSize);
+    }
+    console.log("[MultiFXAdapter] \u2705 Scene config applied");
+  }
+  /**
+   * 获取所有已加载的FX效果
+   */
+  getLoadedEffects() {
+    return Array.from(this.effects.values());
+  }
+  /**
+   * 获取配置摘要
+   */
+  getSummary() {
+    const xCount = this.configs.filter((c) => c.type === "x").length;
+    const fxCount = this.configs.filter((c) => c.type === "fx").length;
+    return {
+      totalFX: this.effects.size,
+      enabledFX: this.configs.length,
+      xFiles: xCount,
+      fxFiles: fxCount,
+      configs: this.configs.map((config) => {
+        const adapter = this.adapters.get(config.path);
+        const summary = adapter?.getSummary();
+        return {
+          path: config.path,
+          type: config.type ?? "fx",
+          priority: config.priority ?? 0,
+          target: config.target ?? "all",
+          features: summary?.renderFeatures || [],
+          description: config.description
+        };
+      })
+    };
+  }
+  /**
+   * 获取指定类型的配置
+   */
+  getConfigsByType(type) {
+    return this.configs.filter((c) => c.type === type);
+  }
+  /**
+   * 获取场景级效果（.x文件）
+   */
+  getSceneEffects() {
+    return this.getConfigsByType("x");
+  }
+  /**
+   * 获取模型级效果（.fx文件）
+   */
+  getModelEffects() {
+    return this.getConfigsByType("fx");
+  }
+  /**
+   * 获取合并后的Uniforms
+   */
+  getMergedUniforms(target) {
+    const merged = {};
+    this.configs.forEach((config) => {
+      if (target && config.target !== "all") {
+        if (Array.isArray(config.target)) {
+          if (!config.target.includes(target)) return;
+        } else if (config.target !== target) {
+          return;
+        }
+      }
+      const adapter = this.adapters.get(config.path);
+      if (!adapter) return;
+      const uniforms = adapter.getUniforms();
+      Object.assign(merged, uniforms);
+    });
+    return merged;
+  }
+  /**
+   * 分层应用到场景对象
+   * @param scene Three.js场景
+   * @param renderer Three.js渲染器
+   * @param modelMeshes 模型网格数组（可选，用于精确控制）
+   * @param stageMeshes 舞台网格数组（可选，用于精确控制）
+   */
+  applyLayered(scene, renderer, modelMeshes, stageMeshes) {
+    console.log("[MultiFXAdapter] Applying layered effects...");
+    const sceneEffects = this.getSceneEffects();
+    console.log(`[MultiFXAdapter] Applying ${sceneEffects.length} scene-level effects (.x files)`);
+    sceneEffects.forEach((config) => {
+      const adapter = this.adapters.get(config.path);
+      if (adapter) {
+        console.log(`[MultiFXAdapter]   - Applying: ${config.description || config.path}`);
+        const renderConfig = adapter.extractRenderConfig();
+        if (renderConfig.toneMapping !== void 0) {
+          renderer.toneMapping = renderConfig.toneMapping;
+        }
+        if (renderConfig.toneMappingExposure !== void 0) {
+          renderer.toneMappingExposure = renderConfig.toneMappingExposure;
+        }
+        if (renderConfig.enableShadow !== void 0) {
+          renderer.shadowMap.enabled = renderConfig.enableShadow;
+        }
+        scene.traverse((obj) => {
+          if (obj instanceof THREE3.Mesh && obj.material instanceof THREE3.MeshPhongMaterial) {
+            this.applyToMaterial(obj.material, "scene");
+          }
+        });
+      }
+    });
+    const modelEffects = this.getModelEffects();
+    console.log(`[MultiFXAdapter] Applying ${modelEffects.length} model-level effects (.fx files)`);
+    modelEffects.forEach((config) => {
+      console.log(`[MultiFXAdapter]   - Applying: ${config.description || config.path}`);
+      if (modelMeshes) {
+        modelMeshes.forEach((mesh) => {
+          if (mesh instanceof THREE3.Mesh && mesh.material instanceof THREE3.MeshPhongMaterial) {
+            this.applyToMaterial(mesh.material, "model");
+          }
+          mesh.traverse((obj) => {
+            if (obj instanceof THREE3.Mesh && obj.material instanceof THREE3.MeshPhongMaterial) {
+              this.applyToMaterial(obj.material, "model");
+            }
+          });
+        });
+      } else {
+        const targetStr = typeof config.target === "string" ? config.target : "model";
+        scene.traverse((obj) => {
+          if (obj instanceof THREE3.Mesh && obj.material instanceof THREE3.MeshPhongMaterial) {
+            const isModel = obj.isSkinnedMesh || obj.skeleton;
+            if (targetStr === "model" && isModel || targetStr === "all") {
+              this.applyToMaterial(obj.material, targetStr);
+            }
+          }
+        });
+      }
+    });
+    console.log("[MultiFXAdapter] Layered effects applied successfully");
+  }
+  /**
+   * 打印当前配置（调试用）
+   */
+  printConfig() {
+    console.log("\n[MultiFXAdapter] Current Configuration:");
+    console.log("\u2550".repeat(60));
+    const summary = this.getSummary();
+    console.log(`Total Effects: ${summary.totalFX}`);
+    console.log(`  - Scene-level (.x): ${summary.xFiles}`);
+    console.log(`  - Model-level (.fx): ${summary.fxFiles}`);
+    console.log("\nLoad Order (by priority):");
+    summary.configs.forEach((config, index) => {
+      const icon = config.type === "x" ? "\u{1F30D}" : "\u{1F3A8}";
+      console.log(`${index + 1}. ${icon} [${config.type.toUpperCase()}] ${config.description || config.path}`);
+      console.log(`   Priority: ${config.priority}, Target: ${config.target}`);
+      if (config.features.length > 0) {
+        console.log(`   Features: ${config.features.join(", ")}`);
+      }
+    });
+    console.log("\u2550".repeat(60) + "\n");
+  }
+};
+
 // src/mmd/components/MMDPlayerBase.tsx
 if (typeof window !== "undefined") {
-  THREE.Cache.enabled = true;
+  THREE3.Cache.enabled = true;
 }
 async function waitForMaterialsReady(object, renderer, scene, camera) {
   const textures = [];
-  let meshCount = 0;
   object.traverse((obj) => {
-    if (obj instanceof THREE.Mesh || obj instanceof THREE.SkinnedMesh) {
-      meshCount++;
+    if (obj instanceof THREE3.Mesh || obj instanceof THREE3.SkinnedMesh) {
       const materials = Array.isArray(obj.material) ? obj.material : [obj.material];
       materials.forEach((material) => {
-        if (material instanceof THREE.Material) {
+        if (material instanceof THREE3.Material) {
           const textureProps = [
             "map",
             "lightMap",
@@ -82,7 +1624,7 @@ async function waitForMaterialsReady(object, renderer, scene, camera) {
           ];
           textureProps.forEach((prop) => {
             const texture = material[prop];
-            if (texture instanceof THREE.Texture && !textures.includes(texture)) {
+            if (texture instanceof THREE3.Texture && !textures.includes(texture)) {
               textures.push(texture);
             }
           });
@@ -90,22 +1632,18 @@ async function waitForMaterialsReady(object, renderer, scene, camera) {
       });
     }
   });
-  console.log(`[MMDPlayerBase] Found ${meshCount} meshes and ${textures.length} unique textures`);
   const texturePromises = textures.map((texture, index) => {
     return new Promise((resolve) => {
       const image = texture.image;
       if (!image) {
-        console.log(`[MMDPlayerBase]   Texture ${index + 1}/${textures.length}: No image`);
         resolve();
         return;
       }
       if (image instanceof HTMLImageElement) {
         if (image.complete && image.naturalWidth > 0) {
-          console.log(`[MMDPlayerBase]   Texture ${index + 1}/${textures.length}: Already loaded`);
           resolve();
         } else {
           const onLoad = () => {
-            console.log(`[MMDPlayerBase]   Texture ${index + 1}/${textures.length}: Loaded`);
             image.removeEventListener("load", onLoad);
             image.removeEventListener("error", onError);
             resolve();
@@ -126,17 +1664,14 @@ async function waitForMaterialsReady(object, renderer, scene, camera) {
           }, 5e3);
         }
       } else {
-        console.log(`[MMDPlayerBase]   Texture ${index + 1}/${textures.length}: Non-image type`);
         resolve();
       }
     });
   });
   await Promise.all(texturePromises);
-  console.log("[MMDPlayerBase] All texture images loaded");
   textures.forEach((texture) => {
     texture.needsUpdate = true;
   });
-  console.log("[MMDPlayerBase] Warming up renderer...");
   for (let i = 0; i < 3; i++) {
     await new Promise((resolve) => {
       requestAnimationFrame(() => {
@@ -167,7 +1702,6 @@ async function waitForMaterialsReady(object, renderer, scene, camera) {
             }
           });
           renderer.render(scene, camera);
-          console.log(`[MMDPlayerBase]   Warmup render ${i + 1}/3`);
         } catch (renderError) {
           console.warn("[MMDPlayerBase] Warmup render failed (shader error?), skipping...", renderError);
         }
@@ -175,7 +1709,6 @@ async function waitForMaterialsReady(object, renderer, scene, camera) {
       });
     });
   }
-  console.log("[MMDPlayerBase] All materials and textures fully ready");
 }
 var MMDPlayerBase = forwardRef((props, ref) => {
   const {
@@ -200,20 +1733,23 @@ var MMDPlayerBase = forwardRef((props, ref) => {
   } = props;
   const renderEffect = props.renderEffect || stage.renderEffect || "default";
   const outlineOptions = { ...stage.outlineOptions, ...props.outlineOptions };
-  const bloomOptions = { ...stage.bloomOptions, ...props.bloomOptions };
-  const toonOptions = { ...stage.toonOptions, ...props.toonOptions };
+  const fxPath = props.fxPath || stage.fxPath;
+  const fxTexturePath = props.fxTexturePath || stage.fxTexturePath;
+  const fxConfigs = props.fxConfigs || stage.fxConfigs;
   const containerRef = useRef(null);
   const sceneRef = useRef(null);
   const cameraRef = useRef(null);
   const rendererRef = useRef(null);
   const outlineEffectRef = useRef(null);
-  const composerRef = useRef(null);
   const controlsRef = useRef(null);
   const helperRef = useRef(null);
   const axesHelperRef = useRef(null);
-  const clockRef = useRef(new THREE.Clock());
+  const clockRef = useRef(new THREE3.Clock());
   const animationIdRef = useRef(null);
   const resizeObserverRef = useRef(null);
+  const fxEffectRef = useRef(null);
+  const fxAdapterRef = useRef(null);
+  const multiFXAdapterRef = useRef(null);
   const isReadyRef = useRef(false);
   const isPlayingRef = useRef(false);
   const initIdRef = useRef(0);
@@ -222,7 +1758,7 @@ var MMDPlayerBase = forwardRef((props, ref) => {
   const loopRef = useRef(loop);
   const audioRef = useRef(null);
   const audioListenerRef = useRef(null);
-  const audioLoaderRef = useRef(new THREE.AudioLoader());
+  const audioLoaderRef = useRef(new THREE3.AudioLoader());
   const latestCallbacks = useRef({ onPlay, onPause, onEnded, onTimeUpdate });
   useEffect(() => {
     latestCallbacks.current = { onPlay, onPause, onEnded, onTimeUpdate };
@@ -313,23 +1849,15 @@ var MMDPlayerBase = forwardRef((props, ref) => {
       if (modelSwitchCountRef.current === 0) {
         startTimeRef.current = Date.now();
         modelSwitchCountRef.current = 1;
-        console.log("[MMDPlayerBase] \u{1F550} \u7CFB\u7EDF\u542F\u52A8\u65F6\u95F4:", new Date(startTimeRef.current).toLocaleString());
       } else {
         modelSwitchCountRef.current++;
-        const runningTime = Date.now() - startTimeRef.current;
-        const minutes = Math.floor(runningTime / 6e4);
-        const seconds = Math.floor(runningTime % 6e4 / 1e3);
-        console.log(`[MMDPlayerBase] \u{1F504} \u6A21\u578B\u5207\u6362 #${modelSwitchCountRef.current} (\u8FD0\u884C\u65F6\u95F4: ${minutes}\u5206${seconds}\u79D2)`);
       }
       try {
         if (stage.enablePhysics !== false && !mobileOptimization.disablePhysics) {
-          console.log("[MMDPlayerBase] Loading Ammo.js physics engine...");
           await loadAmmo(stage.physicsPath);
           if (checkCancelled()) return;
-          console.log("[MMDPlayerBase] Ammo.js loaded successfully");
           const Ammo = window.Ammo;
           if (Ammo) {
-            console.log("[MMDPlayerBase] Setting up physics component tracking...");
             const originalBtDefaultCollisionConfiguration = Ammo.btDefaultCollisionConfiguration;
             const originalBtCollisionDispatcher = Ammo.btCollisionDispatcher;
             const originalBtDbvtBroadphase = Ammo.btDbvtBroadphase;
@@ -339,52 +1867,44 @@ var MMDPlayerBase = forwardRef((props, ref) => {
             Ammo.btDefaultCollisionConfiguration = function(...args) {
               const obj = new originalBtDefaultCollisionConfiguration(...args);
               componentsRef.configs.push(obj);
-              console.log(`[MMDPlayerBase] \u{1F50D} Captured btDefaultCollisionConfiguration #${componentsRef.configs.length}`);
               return obj;
             };
             Ammo.btCollisionDispatcher = function(...args) {
               const obj = new originalBtCollisionDispatcher(...args);
               componentsRef.dispatchers.push(obj);
-              console.log(`[MMDPlayerBase] \u{1F50D} Captured btCollisionDispatcher #${componentsRef.dispatchers.length}`);
               return obj;
             };
             Ammo.btDbvtBroadphase = function(...args) {
               const obj = new originalBtDbvtBroadphase(...args);
               componentsRef.caches.push(obj);
-              console.log(`[MMDPlayerBase] \u{1F50D} Captured btDbvtBroadphase #${componentsRef.caches.length}`);
               return obj;
             };
             Ammo.btSequentialImpulseConstraintSolver = function(...args) {
               const obj = new originalBtSequentialImpulseConstraintSolver(...args);
               componentsRef.solvers.push(obj);
-              console.log(`[MMDPlayerBase] \u{1F50D} Captured btSequentialImpulseConstraintSolver #${componentsRef.solvers.length}`);
               return obj;
             };
             Ammo.btDiscreteDynamicsWorld = function(...args) {
               const obj = new originalBtDiscreteDynamicsWorld(...args);
               componentsRef.worlds.push(obj);
-              console.log(`[MMDPlayerBase] \u{1F50D} Captured btDiscreteDynamicsWorld #${componentsRef.worlds.length}`);
               return obj;
             };
-            console.log("[MMDPlayerBase] \u2705 Physics component tracking setup complete");
           }
-        } else {
-          console.log("[MMDPlayerBase] Physics disabled");
         }
         const container = containerRef.current;
         const width = container.clientWidth || 300;
         const height = container.clientHeight || 150;
-        const scene = new THREE.Scene();
+        const scene = new THREE3.Scene();
         if (stage.backgroundColor && stage.backgroundColor !== "transparent") {
-          scene.background = new THREE.Color(stage.backgroundColor);
+          scene.background = new THREE3.Color(stage.backgroundColor);
         } else if (stage.backgroundImage) {
-          const textureLoader = new THREE.TextureLoader();
+          const textureLoader = new THREE3.TextureLoader();
           textureLoader.load(stage.backgroundImage, (texture) => {
             scene.background = texture;
           });
         }
         sceneRef.current = scene;
-        const camera = new THREE.PerspectiveCamera(45, width / height, 0.1, 2e3);
+        const camera = new THREE3.PerspectiveCamera(45, width / height, 0.1, 2e3);
         if (stage.cameraPosition) {
           const pos = stage.cameraPosition;
           camera.position.set(pos.x, pos.y, pos.z);
@@ -392,10 +1912,10 @@ var MMDPlayerBase = forwardRef((props, ref) => {
           camera.position.set(0, 20, 30);
         }
         cameraRef.current = camera;
-        const listener = new THREE.AudioListener();
+        const listener = new THREE3.AudioListener();
         camera.add(listener);
         audioListenerRef.current = listener;
-        const renderer = new THREE.WebGLRenderer({
+        const renderer = new THREE3.WebGLRenderer({
           antialias: !mobileOptimization.enabled,
           alpha: true,
           preserveDrawingBuffer: true
@@ -403,12 +1923,7 @@ var MMDPlayerBase = forwardRef((props, ref) => {
         renderer.setSize(width, height);
         const pixelRatio = mobileOptimization.enabled ? mobileOptimization.pixelRatio || Math.min(window.devicePixelRatio, 2) : window.devicePixelRatio;
         renderer.setPixelRatio(pixelRatio);
-        console.log("[MMDPlayerBase] Pixel ratio set to:", pixelRatio);
-        if (renderEffect.includes("outline") || toonOptions.enabled) {
-          renderer.toneMapping = THREE.NoToneMapping;
-        } else {
-          renderer.toneMapping = THREE.ACESFilmicToneMapping;
-        }
+        renderer.toneMapping = THREE3.ACESFilmicToneMapping;
         if (checkCancelled()) {
           renderer.dispose();
           return;
@@ -421,31 +1936,20 @@ var MMDPlayerBase = forwardRef((props, ref) => {
         renderer.domElement.style.position = "relative";
         if (stage.enableShadow !== false && !mobileOptimization.reduceShadowQuality) {
           renderer.shadowMap.enabled = true;
-          renderer.shadowMap.type = THREE.PCFSoftShadowMap;
+          renderer.shadowMap.type = THREE3.PCFSoftShadowMap;
         }
         container.appendChild(renderer.domElement);
         rendererRef.current = renderer;
         const effect = new OutlineEffect(renderer, {
           defaultThickness: outlineOptions.thickness ?? 3e-3,
-          defaultColor: new THREE.Color(outlineOptions.color ?? "#000000").toArray(),
+          defaultColor: new THREE3.Color(outlineOptions.color ?? "#000000").toArray(),
           defaultAlpha: 1,
           defaultKeepAlive: true
         });
         outlineEffectRef.current = effect;
-        const composer = new EffectComposer(renderer);
-        const renderPass = new RenderPass(scene, camera);
-        composer.addPass(renderPass);
-        const bloomPass = new UnrealBloomPass(
-          new THREE.Vector2(width, height),
-          bloomOptions.strength ?? 1,
-          bloomOptions.radius ?? 0.4,
-          bloomOptions.threshold ?? 0.8
-        );
-        composer.addPass(bloomPass);
-        composerRef.current = composer;
-        const ambientLight = new THREE.AmbientLight(16777215, stage.ambientLightIntensity ?? 0.5);
+        const ambientLight = new THREE3.AmbientLight(16777215, stage.ambientLightIntensity ?? 0.5);
         scene.add(ambientLight);
-        const dirLight = new THREE.DirectionalLight(16777215, stage.directionalLightIntensity ?? 0.8);
+        const dirLight = new THREE3.DirectionalLight(16777215, stage.directionalLightIntensity ?? 0.8);
         dirLight.position.set(0, 10, 0);
         if (stage.enableShadow !== false) {
           dirLight.castShadow = true;
@@ -454,6 +1958,62 @@ var MMDPlayerBase = forwardRef((props, ref) => {
           dirLight.shadow.bias = -1e-4;
         }
         scene.add(dirLight);
+        if (fxConfigs && fxConfigs.length > 0) {
+          try {
+            console.log("[MMDPlayerBase] Loading multiple FX files:", fxConfigs.length);
+            const multiFX = new MultiFXAdapter({
+              mergeStrategy: "override",
+              autoLoadTextures: true
+            });
+            await multiFX.addMultipleFX(fxConfigs);
+            multiFXAdapterRef.current = multiFX;
+            multiFX.printConfig();
+            multiFX.applyToScene(scene, renderer);
+            console.log("[MMDPlayerBase] Multiple FX files loaded successfully");
+          } catch (error) {
+            console.error("[MMDPlayerBase] Failed to load multiple FX files:", error);
+          }
+        } else if (fxPath) {
+          try {
+            console.log("[MMDPlayerBase] Loading single FX file:", fxPath);
+            const parser = new FXParser();
+            const fxEffect = await parser.loadAndParse(fxPath);
+            fxEffectRef.current = fxEffect;
+            const fxAdapter = new FXToThreeAdapter(fxEffect, fxTexturePath || "");
+            fxAdapterRef.current = fxAdapter;
+            console.log("[MMDPlayerBase] Loading FX textures...");
+            await fxAdapter.loadTextures();
+            console.log("[MMDPlayerBase] Applying FX render config (renderer only)...");
+            const renderConfig = fxAdapter.extractRenderConfig();
+            if (renderConfig.toneMapping !== void 0) {
+              renderer.toneMapping = renderConfig.toneMapping;
+              console.log("[MMDPlayerBase] Applied toneMapping from FX:", renderConfig.toneMapping === THREE3.NoToneMapping ? "NoToneMapping" : "ACESFilmicToneMapping");
+            }
+            if (renderConfig.toneMappingExposure !== void 0) {
+              renderer.toneMappingExposure = renderConfig.toneMappingExposure;
+            }
+            if (renderConfig.enableShadow !== void 0) {
+              renderer.shadowMap.enabled = renderConfig.enableShadow;
+              if (renderConfig.enableShadow) {
+                renderer.shadowMap.type = THREE3.PCFSoftShadowMap;
+              }
+            }
+            if (renderConfig.ambientLightIntensity !== void 0) {
+              ambientLight.intensity = renderConfig.ambientLightIntensity;
+              console.log("[MMDPlayerBase] Updated ambient light from FX:", renderConfig.ambientLightIntensity);
+            }
+            if (renderConfig.directionalLightIntensity !== void 0) {
+              dirLight.intensity = renderConfig.directionalLightIntensity;
+              console.log("[MMDPlayerBase] Updated directional light from FX:", renderConfig.directionalLightIntensity);
+            }
+            if (renderConfig.lightDirection) {
+              dirLight.position.copy(renderConfig.lightDirection).multiplyScalar(10);
+            }
+            console.log("[MMDPlayerBase] FX file loaded successfully");
+          } catch (error) {
+            console.error("[MMDPlayerBase] Failed to load FX file:", error);
+          }
+        }
         const controls = new OrbitControls(camera, renderer.domElement);
         controls.minDistance = 10;
         controls.maxDistance = 100;
@@ -469,7 +2029,7 @@ var MMDPlayerBase = forwardRef((props, ref) => {
         });
         controlsRef.current = controls;
         if (showAxes) {
-          const axesHelper = new THREE.AxesHelper(20);
+          const axesHelper = new THREE3.AxesHelper(20);
           scene.add(axesHelper);
           axesHelperRef.current = axesHelper;
         }
@@ -481,21 +2041,12 @@ var MMDPlayerBase = forwardRef((props, ref) => {
           cameraRef.current.aspect = w / h;
           cameraRef.current.updateProjectionMatrix();
           rendererRef.current.setSize(w, h);
-          if (composerRef.current) {
-            composerRef.current.setSize(w, h);
-          }
         };
         const resizeObserver = new ResizeObserver(onResize);
         resizeObserver.observe(container);
         resizeObserverRef.current = resizeObserver;
         onResize();
-        console.log("[MMDPlayerBase] Starting render loop (animation paused)");
         animate();
-        console.log("[MMDPlayerBase] Start loading resources...", {
-          model: resources.modelPath,
-          stage: resources.stageModelPath,
-          motion: resources.motionPath
-        });
         const loader = new MMDLoader();
         const helper = new MMDAnimationHelper({
           afterglow: 2
@@ -503,7 +2054,6 @@ var MMDPlayerBase = forwardRef((props, ref) => {
         helperRef.current = helper;
         const loadModelPromise = new Promise((resolve, reject) => {
           if (resources.motionPath) {
-            console.log("[MMDPlayerBase] Loading model with motion:", resources.motionPath);
             loader.loadWithAnimation(
               resources.modelPath,
               resources.motionPath,
@@ -519,7 +2069,6 @@ var MMDPlayerBase = forwardRef((props, ref) => {
               (err) => reject(err)
             );
           } else {
-            console.log("[MMDPlayerBase] Loading model only");
             loader.load(
               resources.modelPath,
               (mesh2) => {
@@ -537,26 +2086,21 @@ var MMDPlayerBase = forwardRef((props, ref) => {
         });
         const { mesh, animation } = await loadModelPromise;
         if (checkCancelled()) return;
-        console.log("[MMDPlayerBase] Model loaded:", mesh);
         if (animation) {
           animationClipRef.current = animation;
           durationRef.current = animation.duration;
-          console.log("[MMDPlayerBase] Animation duration:", animation.duration);
         }
         mesh.castShadow = true;
         mesh.receiveShadow = true;
-        console.log("[MMDPlayerBase] Waiting for all materials and textures to load...");
-        const tempScene = new THREE.Scene();
+        const tempScene = new THREE3.Scene();
         tempScene.add(mesh);
         await waitForMaterialsReady(mesh, renderer, tempScene, camera);
         if (checkCancelled()) return;
-        console.log("[MMDPlayerBase] \u2705 All materials and textures loaded");
         tempScene.remove(mesh);
-        const box = new THREE.Box3().setFromObject(mesh);
+        const box = new THREE3.Box3().setFromObject(mesh);
         if (!box.isEmpty()) {
-          const center = box.getCenter(new THREE.Vector3());
-          const size = box.getSize(new THREE.Vector3());
-          console.log("[MMDPlayerBase] Model bounds:", { center, size });
+          const center = box.getCenter(new THREE3.Vector3());
+          const size = box.getSize(new THREE3.Vector3());
           if (!stage.cameraTarget) {
             controls.target.set(center.x, center.y + size.y * 0.35, center.z);
             if (!stage.cameraPosition) {
@@ -570,21 +2114,23 @@ var MMDPlayerBase = forwardRef((props, ref) => {
                 center.z + dist
                 // Z: 在模型正前方（+Z 方向）
               );
-              console.log("[MMDPlayerBase] Auto camera position:", camera.position);
             }
             controls.update();
           }
         }
         const enablePhysics = stage.enablePhysics !== false && !mobileOptimization.disablePhysics;
+        console.log("[MMDPlayerBase] \u{1F3A8} Traversing model mesh to apply FX and outline, multiFX:", !!multiFXAdapterRef.current, "singleFX:", !!fxAdapterRef.current);
+        let materialCount = 0;
         mesh.traverse((obj) => {
-          if (obj instanceof THREE.Mesh || obj instanceof THREE.SkinnedMesh) {
+          if (obj instanceof THREE3.Mesh || obj instanceof THREE3.SkinnedMesh) {
             const materials = Array.isArray(obj.material) ? obj.material : [obj.material];
+            materialCount += materials.length;
             materials.forEach((m) => {
               if (!m.userData) m.userData = {};
               if (!m.userData.outlineParameters) {
                 m.userData.outlineParameters = {
                   thickness: outlineOptions.thickness ?? 3e-3,
-                  color: new THREE.Color(outlineOptions.color ?? "#000000").toArray(),
+                  color: new THREE3.Color(outlineOptions.color ?? "#000000").toArray(),
                   alpha: 1,
                   visible: true,
                   keepAlive: true
@@ -594,46 +2140,74 @@ var MMDPlayerBase = forwardRef((props, ref) => {
                   m.userData.outlineParameters.thickness = outlineOptions.thickness;
                 }
                 if (outlineOptions.color !== void 0) {
-                  m.userData.outlineParameters.color = new THREE.Color(outlineOptions.color).toArray();
+                  m.userData.outlineParameters.color = new THREE3.Color(outlineOptions.color).toArray();
                 }
               }
-              if (m instanceof THREE.MeshPhongMaterial) {
-                if (toonOptions.enabled !== false && (toonOptions.enabled || renderEffect.includes("outline"))) {
-                  m.shininess = toonOptions.shininess ?? 0;
-                  m.specular.setScalar(0);
-                  if (toonOptions.forceHardShading && m.toonMap) {
-                    m.toonMap.magFilter = THREE.NearestFilter;
-                    m.toonMap.minFilter = THREE.NearestFilter;
-                    m.toonMap.needsUpdate = true;
+              if (m instanceof THREE3.MeshPhongMaterial || m instanceof THREE3.MeshToonMaterial) {
+                console.log("[MMDPlayerBase] \u{1F3A8} Applying FX to model material (type:", m.type, "), multiFX:", !!multiFXAdapterRef.current, "singleFX:", !!fxAdapterRef.current);
+                if (multiFXAdapterRef.current) {
+                  console.log("[MMDPlayerBase] Using MultiFXAdapter");
+                  multiFXAdapterRef.current.applyToMaterial(m, "model");
+                } else if (fxAdapterRef.current) {
+                  console.log("[MMDPlayerBase] Using single FXAdapter");
+                  const materialConfig = fxAdapterRef.current.extractMaterialConfig();
+                  console.log("[MMDPlayerBase] Extracted material config:");
+                  console.log("  - color:", materialConfig.color);
+                  console.log("  - emissive:", materialConfig.emissive);
+                  console.log("  - specular:", materialConfig.specular);
+                  console.log("  - shininess:", materialConfig.shininess);
+                  if (materialConfig.color) {
+                    const isBlack = materialConfig.color.r === 0 && materialConfig.color.g === 0 && materialConfig.color.b === 0;
+                    if (!isBlack) {
+                      m.color.copy(materialConfig.color);
+                      console.log("[MMDPlayerBase] Applied color:", materialConfig.color);
+                    } else {
+                      console.log("[MMDPlayerBase] Skipping black color (0,0,0) to preserve original material");
+                    }
+                  }
+                  if (materialConfig.emissive) {
+                    const isBlack = materialConfig.emissive.r === 0 && materialConfig.emissive.g === 0 && materialConfig.emissive.b === 0;
+                    if (!isBlack) {
+                      m.emissive.copy(materialConfig.emissive);
+                      console.log("[MMDPlayerBase] Applied emissive:", materialConfig.emissive);
+                    }
+                  }
+                  if (materialConfig.specular && m.specular) {
+                    m.specular.copy(materialConfig.specular);
+                    console.log("[MMDPlayerBase] Applied specular:", materialConfig.specular);
+                  }
+                  if (materialConfig.shininess !== void 0 && m.shininess !== void 0) {
+                    console.log("[MMDPlayerBase] Applying shininess:", materialConfig.shininess);
+                    m.shininess = materialConfig.shininess;
                   }
                 }
+              } else {
+                console.log("[MMDPlayerBase] Material type not supported for FX:", m.type);
               }
             });
           }
         });
+        console.log("[MMDPlayerBase] \u{1F3A8} Model traverse complete, processed materials:", materialCount);
         helper.add(mesh, {
           animation,
           physics: enablePhysics
         });
         scene.add(mesh);
-        console.log("[MMDPlayerBase] \u2705 Model added to scene (fully loaded)");
         const isMobileDevice = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768;
         if (isMobileDevice) {
           console.log("[MMDPlayerBase] \u{1F4F1} Mobile device detected, applying optimizations...");
-          if (renderer.capabilities.vertexTextures) {
-            console.log("[MMDPlayerBase]   \u2705 Vertex textures supported");
-          } else {
+          if (!renderer.capabilities.vertexTextures) {
             console.log("[MMDPlayerBase]   \u26A0\uFE0F Vertex textures NOT supported");
           }
           let simplifiedMaterialCount = 0;
           mesh.traverse((child) => {
-            if (child instanceof THREE.Mesh || child instanceof THREE.SkinnedMesh) {
+            if (child instanceof THREE3.Mesh || child instanceof THREE3.SkinnedMesh) {
               const materials = Array.isArray(child.material) ? child.material : [child.material];
               materials.forEach((material, idx) => {
-                if (material instanceof THREE.MeshPhongMaterial || material instanceof THREE.MeshStandardMaterial) {
+                if (material instanceof THREE3.MeshPhongMaterial || material instanceof THREE3.MeshStandardMaterial) {
                   const originalColor = material.color?.clone();
                   const originalMap = material.map;
-                  const basicMaterial = new THREE.MeshBasicMaterial({
+                  const basicMaterial = new THREE3.MeshBasicMaterial({
                     color: originalColor || 16777215,
                     map: originalMap,
                     transparent: material.transparent,
@@ -652,20 +2226,14 @@ var MMDPlayerBase = forwardRef((props, ref) => {
               });
             }
           });
-          if (simplifiedMaterialCount > 0) {
-            console.log(`[MMDPlayerBase]   \u2705 Simplified ${simplifiedMaterialCount} materials to MeshBasicMaterial`);
-          }
           const MAX_BONES = 64;
           if (mesh.skeleton) {
             const boneCount = mesh.skeleton.bones.length;
             if (boneCount > MAX_BONES) {
               console.warn(`[MMDPlayerBase]   \u26A0\uFE0F Model has ${boneCount} bones (max recommended: ${MAX_BONES})`);
               console.warn(`[MMDPlayerBase]   This may cause performance issues on mobile devices`);
-            } else {
-              console.log(`[MMDPlayerBase]   \u2705 Bone count: ${boneCount} (within limit)`);
             }
           }
-          console.log("[MMDPlayerBase] \u{1F4F1} Mobile optimizations applied");
         }
         if (resources.cameraPath) {
           loader.loadAnimation(
@@ -684,7 +2252,6 @@ var MMDPlayerBase = forwardRef((props, ref) => {
         const stagePaths = Array.isArray(resources.stageModelPath) ? resources.stageModelPath : resources.stageModelPath ? [resources.stageModelPath] : [];
         for (const stagePath of stagePaths) {
           try {
-            console.log(`[MMDPlayerBase] Loading stage from: ${stagePath}`);
             const stageMesh = await new Promise((resolve, reject) => {
               loader.load(
                 stagePath,
@@ -700,12 +2267,15 @@ var MMDPlayerBase = forwardRef((props, ref) => {
             });
             if (checkCancelled()) return;
             console.log(`[MMDPlayerBase] Stage model loaded: ${stagePath}`, stageMesh);
+            console.log("[MMDPlayerBase] \u{1F3A8} Traversing stage mesh to apply FX, multiFX:", !!multiFXAdapterRef.current, "singleFX:", !!fxAdapterRef.current);
+            let stageMaterialCount = 0;
             stageMesh.traverse((child) => {
-              if (child instanceof THREE.Mesh) {
+              if (child instanceof THREE3.Mesh) {
                 child.castShadow = true;
                 child.receiveShadow = true;
                 const mesh2 = child;
                 const materials = Array.isArray(mesh2.material) ? mesh2.material : [mesh2.material];
+                stageMaterialCount += materials.length;
                 materials.forEach((m, idx) => {
                   if (m.morphTargets) {
                     m.morphTargets = false;
@@ -722,20 +2292,56 @@ var MMDPlayerBase = forwardRef((props, ref) => {
                   if (!m.userData) m.userData = {};
                   m.userData.outlineParameters = {
                     thickness: outlineOptions.thickness ?? 3e-3,
-                    color: new THREE.Color(outlineOptions.color ?? "#000000").toArray(),
+                    color: new THREE3.Color(outlineOptions.color ?? "#000000").toArray(),
                     alpha: 1,
                     visible: true,
                     keepAlive: true
                   };
-                  if (m instanceof THREE.MeshPhongMaterial) {
-                    if (toonOptions.enabled !== false && (toonOptions.enabled || renderEffect.includes("outline"))) {
-                      m.shininess = toonOptions.shininess ?? 0;
-                      m.specular.setScalar(0);
+                  if (m instanceof THREE3.MeshPhongMaterial || m instanceof THREE3.MeshToonMaterial) {
+                    console.log("[MMDPlayerBase] \u{1F3A8} Applying FX to stage material (type:", m.type, "), multiFX:", !!multiFXAdapterRef.current, "singleFX:", !!fxAdapterRef.current);
+                    if (multiFXAdapterRef.current) {
+                      console.log("[MMDPlayerBase] Using MultiFXAdapter for stage");
+                      multiFXAdapterRef.current.applyToMaterial(m, "stage");
+                    } else if (fxAdapterRef.current) {
+                      console.log("[MMDPlayerBase] Using single FXAdapter for stage");
+                      const materialConfig = fxAdapterRef.current.extractMaterialConfig();
+                      console.log("[MMDPlayerBase] Extracted material config for stage:");
+                      console.log("  - color:", materialConfig.color);
+                      console.log("  - emissive:", materialConfig.emissive);
+                      console.log("  - specular:", materialConfig.specular);
+                      console.log("  - shininess:", materialConfig.shininess);
+                      if (materialConfig.color) {
+                        const isBlack = materialConfig.color.r === 0 && materialConfig.color.g === 0 && materialConfig.color.b === 0;
+                        if (!isBlack) {
+                          m.color.copy(materialConfig.color);
+                          console.log("[MMDPlayerBase] Applied color to stage:", materialConfig.color);
+                        } else {
+                          console.log("[MMDPlayerBase] Skipping black color (0,0,0) for stage to preserve original material");
+                        }
+                      }
+                      if (materialConfig.emissive) {
+                        const isBlack = materialConfig.emissive.r === 0 && materialConfig.emissive.g === 0 && materialConfig.emissive.b === 0;
+                        if (!isBlack) {
+                          m.emissive.copy(materialConfig.emissive);
+                          console.log("[MMDPlayerBase] Applied emissive to stage:", materialConfig.emissive);
+                        }
+                      }
+                      if (materialConfig.specular && m.specular) {
+                        m.specular.copy(materialConfig.specular);
+                        console.log("[MMDPlayerBase] Applied specular to stage:", materialConfig.specular);
+                      }
+                      if (materialConfig.shininess !== void 0 && m.shininess !== void 0) {
+                        console.log("[MMDPlayerBase] Applying shininess to stage:", materialConfig.shininess);
+                        m.shininess = materialConfig.shininess;
+                      }
                     }
+                  } else {
+                    console.log("[MMDPlayerBase] Stage material type not supported for FX:", m.type);
                   }
                 });
               }
             });
+            console.log("[MMDPlayerBase] \u{1F3A8} Stage traverse complete, processed materials:", stageMaterialCount);
             try {
               await waitForMaterialsReady(stageMesh, renderer, scene, camera);
             } catch (e) {
@@ -743,14 +2349,13 @@ var MMDPlayerBase = forwardRef((props, ref) => {
             }
             if (checkCancelled()) return;
             scene.add(stageMesh);
-            const stageBox = new THREE.Box3().setFromObject(stageMesh);
-            const stageSize = stageBox.getSize(new THREE.Vector3());
+            const stageBox = new THREE3.Box3().setFromObject(stageMesh);
+            const stageSize = stageBox.getSize(new THREE3.Vector3());
             if (stageSize.length() < 1) {
               stageMesh.scale.multiplyScalar(100);
             } else if (stageSize.y < 5) {
               stageMesh.scale.multiplyScalar(10);
             }
-            console.log(`[MMDPlayerBase] \u2705 Stage added: ${stagePath}`);
             if (resources.stageMotionPath) {
               loader.loadAnimation(resources.stageMotionPath, stageMesh, (anim) => {
                 if (!checkCancelled()) helper.add(stageMesh, { animation: anim });
@@ -762,21 +2367,10 @@ var MMDPlayerBase = forwardRef((props, ref) => {
         }
         if (checkCancelled()) return;
         isReadyRef.current = true;
-        console.log("[MMDPlayerBase] \u{1F389} All resources fully loaded and ready!");
-        console.log("[MMDPlayerBase] \u{1F4CA} Summary:");
-        console.log(`[MMDPlayerBase]   - Model: \u2705 Fully loaded with all textures`);
-        if (resources.stageModelPath) {
-          console.log(`[MMDPlayerBase]   - Stage: \u2705 Fully loaded with all textures`);
-        }
-        if (animation) {
-          console.log(`[MMDPlayerBase]   - Animation: \u2705 Ready (${animation.duration.toFixed(2)}s)`);
-        }
-        console.log("[MMDPlayerBase] \u{1F514} Triggering onLoad callback");
         onLoad?.();
         if (autoPlay) {
           setTimeout(() => {
             if (checkCancelled()) return;
-            console.log("[MMDPlayerBase] \u{1F3AC} Starting animation playback (after materials fully loaded)");
             isPlayingRef.current = true;
             if (!clockRef.current.running) clockRef.current.start();
             onPlay?.();
@@ -849,47 +2443,24 @@ ${errorMessage}
           console.log("[MMDPlayerBase] Found meshes count:", meshes.length);
           if (meshes && Array.isArray(meshes) && meshes.length > 0) {
             meshes.forEach((mesh, idx) => {
-              console.log(`[MMDPlayerBase] Cleaning mesh ${idx}:`, mesh.uuid);
               let meshData = null;
               if (helperObjects instanceof WeakMap) {
-                console.log("[MMDPlayerBase]   Accessing WeakMap with mesh as key...");
                 meshData = helperObjects.get(mesh);
-                if (meshData) {
-                  const meshDataKeys = Object.keys(meshData);
-                  console.log(`[MMDPlayerBase]   \u2705 Got meshData from WeakMap, keys (${meshDataKeys.length}):`, meshDataKeys);
-                  const physicsRelatedKeys = meshDataKeys.filter((k) => k.toLowerCase().includes("phys"));
-                  if (physicsRelatedKeys.length > 0) {
-                    console.log(`[MMDPlayerBase]   Physics-related keys:`, physicsRelatedKeys);
-                    physicsRelatedKeys.forEach((key) => {
-                      const value = meshData[key];
-                      console.log(`[MMDPlayerBase]     ${key}:`, typeof value, value?.constructor?.name || value);
-                    });
-                  }
-                } else {
-                  console.log("[MMDPlayerBase]   \u26A0\uFE0F No meshData found in WeakMap for this mesh");
-                }
               }
               if (!meshData) {
-                console.log("[MMDPlayerBase]   Using mesh itself as meshData");
                 meshData = mesh;
               }
               const physics = meshData?.physics;
               if (physics) {
                 try {
-                  console.log("[MMDPlayerBase] \u{1F3AF} Starting physics cleanup for mesh", idx);
-                  console.log("[MMDPlayerBase]   Debug: physics object keys:", Object.keys(physics));
                   if (typeof physics.dispose === "function") {
-                    console.log("[MMDPlayerBase]   Calling MMDPhysics.dispose()...");
                     physics.dispose();
-                    console.log("[MMDPlayerBase]   \u2705 MMDPhysics.dispose() completed");
                   } else {
-                    console.log("[MMDPlayerBase]   No dispose method, manually cleaning physics components...");
                     const Ammo2 = window.Ammo;
                     if (!Ammo2 || !Ammo2.destroy) {
                       console.warn("[MMDPlayerBase]   \u26A0\uFE0F Ammo.destroy not available");
                     } else {
                       if (physics.world && Array.isArray(physics.bodies) && physics.bodies.length > 0) {
-                        console.log(`[MMDPlayerBase]   Cleaning ${physics.bodies.length} rigid bodies...`);
                         for (let i = physics.bodies.length - 1; i >= 0; i--) {
                           try {
                             const body = physics.bodies[i];
@@ -901,10 +2472,8 @@ ${errorMessage}
                           }
                         }
                         physics.bodies.length = 0;
-                        console.log("[MMDPlayerBase]   \u2705 All rigid bodies removed");
                       }
                       if (physics.world && Array.isArray(physics.constraints) && physics.constraints.length > 0) {
-                        console.log(`[MMDPlayerBase]   Cleaning ${physics.constraints.length} constraints...`);
                         for (let i = physics.constraints.length - 1; i >= 0; i--) {
                           try {
                             const constraint = physics.constraints[i];
@@ -916,18 +2485,14 @@ ${errorMessage}
                           }
                         }
                         physics.constraints.length = 0;
-                        console.log("[MMDPlayerBase]   \u2705 All constraints removed");
                       }
                     }
                   }
                   meshData.physics = null;
-                  console.log("[MMDPlayerBase] \u2705 Physics cleanup completed for mesh", idx);
                 } catch (physicsError) {
                   console.error("[MMDPlayerBase] \u274C Error cleaning up physics:", physicsError);
                   console.error("[MMDPlayerBase] Physics error stack:", physicsError.stack);
                 }
-              } else {
-                console.log("[MMDPlayerBase] \u26A0\uFE0F No physics object found for mesh", idx);
               }
               if (meshData?.mixer) {
                 meshData.mixer.stopAllAction();
@@ -955,19 +2520,10 @@ ${errorMessage}
             });
             meshes.length = 0;
           }
-          console.log("[MMDPlayerBase] \u{1F525} Starting CRITICAL physics components cleanup...");
           const Ammo = window.Ammo;
           if (Ammo && Ammo.destroy) {
             const components = physicsComponentsRef.current;
-            console.log(`[MMDPlayerBase] \u{1F4CA} Physics components count:`, {
-              worlds: components.worlds.length,
-              solvers: components.solvers.length,
-              caches: components.caches.length,
-              dispatchers: components.dispatchers.length,
-              configs: components.configs.length
-            });
             if (components.worlds.length > 0) {
-              console.log(`[MMDPlayerBase]   \u{1F5D1}\uFE0F Destroying ${components.worlds.length} btDiscreteDynamicsWorld(s)...`);
               for (let i = components.worlds.length - 1; i >= 0; i--) {
                 try {
                   Ammo.destroy(components.worlds[i]);
@@ -976,10 +2532,8 @@ ${errorMessage}
                 }
               }
               components.worlds.length = 0;
-              console.log("[MMDPlayerBase]   \u2705 All btDiscreteDynamicsWorld destroyed");
             }
             if (components.solvers.length > 0) {
-              console.log(`[MMDPlayerBase]   \u{1F5D1}\uFE0F Destroying ${components.solvers.length} btSequentialImpulseConstraintSolver(s)...`);
               for (let i = components.solvers.length - 1; i >= 0; i--) {
                 try {
                   Ammo.destroy(components.solvers[i]);
@@ -988,10 +2542,8 @@ ${errorMessage}
                 }
               }
               components.solvers.length = 0;
-              console.log("[MMDPlayerBase]   \u2705 All btSequentialImpulseConstraintSolver destroyed");
             }
             if (components.caches.length > 0) {
-              console.log(`[MMDPlayerBase]   \u{1F5D1}\uFE0F Destroying ${components.caches.length} btDbvtBroadphase(s)...`);
               for (let i = components.caches.length - 1; i >= 0; i--) {
                 try {
                   Ammo.destroy(components.caches[i]);
@@ -1000,10 +2552,8 @@ ${errorMessage}
                 }
               }
               components.caches.length = 0;
-              console.log("[MMDPlayerBase]   \u2705 All btDbvtBroadphase destroyed");
             }
             if (components.dispatchers.length > 0) {
-              console.log(`[MMDPlayerBase]   \u{1F5D1}\uFE0F Destroying ${components.dispatchers.length} btCollisionDispatcher(s)...`);
               for (let i = components.dispatchers.length - 1; i >= 0; i--) {
                 try {
                   Ammo.destroy(components.dispatchers[i]);
@@ -1012,10 +2562,8 @@ ${errorMessage}
                 }
               }
               components.dispatchers.length = 0;
-              console.log("[MMDPlayerBase]   \u2705 All btCollisionDispatcher destroyed");
             }
             if (components.configs.length > 0) {
-              console.log(`[MMDPlayerBase]   \u{1F5D1}\uFE0F Destroying ${components.configs.length} btDefaultCollisionConfiguration(s)...`);
               for (let i = components.configs.length - 1; i >= 0; i--) {
                 try {
                   Ammo.destroy(components.configs[i]);
@@ -1024,19 +2572,14 @@ ${errorMessage}
                 }
               }
               components.configs.length = 0;
-              console.log("[MMDPlayerBase]   \u2705 All btDefaultCollisionConfiguration destroyed");
             }
-            console.log("[MMDPlayerBase] \u{1F389} Physics components cleanup completed!");
           } else {
             console.warn("[MMDPlayerBase] \u26A0\uFE0F Ammo.destroy not available, skipping physics cleanup");
           }
-          console.log("[MMDPlayerBase] Checking helper-level physics...");
           if (helperRef.current.sharedPhysics) {
-            console.log("[MMDPlayerBase] Clearing sharedPhysics reference...");
             helperRef.current.sharedPhysics = null;
           }
           if (helperRef.current.masterPhysics) {
-            console.log("[MMDPlayerBase] Clearing masterPhysics reference...");
             helperRef.current.masterPhysics = null;
           }
           if (helperRef.current.dispose) {
@@ -1057,8 +2600,8 @@ ${errorMessage}
       }
       if (sceneRef.current) {
         sceneRef.current.traverse((object) => {
-          if (object instanceof THREE.Mesh || object instanceof THREE.SkinnedMesh) {
-            if (object instanceof THREE.SkinnedMesh) {
+          if (object instanceof THREE3.Mesh || object instanceof THREE3.SkinnedMesh) {
+            if (object instanceof THREE3.SkinnedMesh) {
               if (object.skeleton) {
                 object.skeleton.dispose();
               }
@@ -1110,7 +2653,7 @@ ${errorMessage}
               object.material = null;
             }
           }
-          if (object instanceof THREE.AudioListener) {
+          if (object instanceof THREE3.AudioListener) {
             try {
               if (object.context && object.context.state !== "closed") {
                 object.context.close?.();
@@ -1119,7 +2662,7 @@ ${errorMessage}
               console.warn("[MMDPlayerBase] Error closing AudioContext:", e);
             }
           }
-          if (object instanceof THREE.Light) {
+          if (object instanceof THREE3.Light) {
             if (object.shadow && object.shadow.map) {
               object.shadow.map.dispose();
               object.shadow.map = null;
@@ -1135,13 +2678,13 @@ ${errorMessage}
       }
       if (rendererRef.current) {
         try {
-          if (composerRef.current) {
-            composerRef.current.passes.forEach((pass) => {
-              if (pass.dispose) pass.dispose();
-            });
-            composerRef.current = null;
-          }
           outlineEffectRef.current = null;
+          if (multiFXAdapterRef.current) {
+            multiFXAdapterRef.current.clear();
+            multiFXAdapterRef.current = null;
+          }
+          fxEffectRef.current = null;
+          fxAdapterRef.current = null;
           const renderer = rendererRef.current;
           if (renderer.renderLists) {
             renderer.renderLists.dispose();
@@ -1179,7 +2722,7 @@ ${errorMessage}
         rendererRef.current = null;
       }
       cameraRef.current = null;
-      clockRef.current = new THREE.Clock();
+      clockRef.current = new THREE3.Clock();
       durationRef.current = 0;
       console.log("[MMDPlayerBase] Cleanup completed");
       if (typeof window !== "undefined" && "gc" in window) {
@@ -1200,12 +2743,11 @@ ${errorMessage}
       if (oldSound.parent) oldSound.parent.remove(oldSound);
       audioRef.current = null;
     }
-    console.log("[MMDPlayerBase] Loading new audio track:", resources.audioPath);
     audioLoaderRef.current.load(
       resources.audioPath,
       (buffer) => {
         if (!audioListenerRef.current) return;
-        const sound = new THREE.Audio(listener);
+        const sound = new THREE3.Audio(listener);
         sound.setBuffer(buffer);
         sound.setLoop(loopRef.current);
         sound.setVolume(volume);
@@ -1226,7 +2768,7 @@ ${errorMessage}
   useEffect(() => {
     if (!sceneRef.current) return;
     if (showAxes && !axesHelperRef.current) {
-      const axesHelper = new THREE.AxesHelper(20);
+      const axesHelper = new THREE3.AxesHelper(20);
       sceneRef.current.add(axesHelper);
       axesHelperRef.current = axesHelper;
     } else if (!showAxes && axesHelperRef.current) {
@@ -1244,10 +2786,10 @@ ${errorMessage}
   useEffect(() => {
     if (outlineEffectRef.current) {
       outlineEffectRef.current.defaultThickness = outlineOptions.thickness ?? 3e-3;
-      outlineEffectRef.current.defaultColor = new THREE.Color(outlineOptions.color ?? "#000000").toArray();
+      outlineEffectRef.current.defaultColor = new THREE3.Color(outlineOptions.color ?? "#000000").toArray();
       if (sceneRef.current) {
         sceneRef.current.traverse((obj) => {
-          if (obj instanceof THREE.Mesh || obj instanceof THREE.SkinnedMesh) {
+          if (obj instanceof THREE3.Mesh || obj instanceof THREE3.SkinnedMesh) {
             const materials = Array.isArray(obj.material) ? obj.material : [obj.material];
             materials.forEach((m) => {
               if (m.userData && m.userData.outlineParameters) {
@@ -1255,7 +2797,7 @@ ${errorMessage}
                   m.userData.outlineParameters.thickness = outlineOptions.thickness;
                 }
                 if (outlineOptions.color !== void 0) {
-                  m.userData.outlineParameters.color = new THREE.Color(outlineOptions.color).toArray();
+                  m.userData.outlineParameters.color = new THREE3.Color(outlineOptions.color).toArray();
                 }
               }
             });
@@ -1263,36 +2805,7 @@ ${errorMessage}
         });
       }
     }
-    if (composerRef.current) {
-      const bloomPass = composerRef.current.passes.find((p) => p instanceof UnrealBloomPass);
-      if (bloomPass) {
-        bloomPass.strength = bloomOptions.strength ?? 1;
-        bloomPass.radius = bloomOptions.radius ?? 0.4;
-        bloomPass.threshold = bloomOptions.threshold ?? 0.8;
-      }
-    }
-  }, [outlineOptions.thickness, outlineOptions.color, bloomOptions.strength, bloomOptions.radius, bloomOptions.threshold]);
-  useEffect(() => {
-    if (!sceneRef.current) return;
-    sceneRef.current.traverse((obj) => {
-      if (obj instanceof THREE.Mesh || obj instanceof THREE.SkinnedMesh) {
-        const materials = Array.isArray(obj.material) ? obj.material : [obj.material];
-        materials.forEach((m) => {
-          if (m instanceof THREE.MeshPhongMaterial) {
-            if (toonOptions.enabled !== false && (toonOptions.enabled || renderEffect.includes("outline"))) {
-              m.shininess = toonOptions.shininess ?? 0;
-              m.specular.setScalar(0);
-              if (toonOptions.forceHardShading && m.toonMap) {
-                m.toonMap.magFilter = THREE.NearestFilter;
-                m.toonMap.minFilter = THREE.NearestFilter;
-                m.toonMap.needsUpdate = true;
-              }
-            }
-          }
-        });
-      }
-    });
-  }, [toonOptions.enabled, toonOptions.shininess, toonOptions.forceHardShading, renderEffect]);
+  }, [outlineOptions.thickness, outlineOptions.color]);
   useEffect(() => {
     if (!isReadyRef.current) return;
     if (sceneRef.current) {
@@ -1300,10 +2813,10 @@ ${errorMessage}
         if (stage.backgroundColor === "transparent") {
           sceneRef.current.background = null;
         } else {
-          sceneRef.current.background = new THREE.Color(stage.backgroundColor);
+          sceneRef.current.background = new THREE3.Color(stage.backgroundColor);
         }
       } else if (stage.backgroundImage) {
-        const textureLoader = new THREE.TextureLoader();
+        const textureLoader = new THREE3.TextureLoader();
         textureLoader.load(stage.backgroundImage, (texture) => {
           if (sceneRef.current) sceneRef.current.background = texture;
         });
@@ -1311,10 +2824,10 @@ ${errorMessage}
     }
     if (sceneRef.current) {
       sceneRef.current.traverse((obj) => {
-        if (obj instanceof THREE.AmbientLight && stage.ambientLightIntensity !== void 0) {
+        if (obj instanceof THREE3.AmbientLight && stage.ambientLightIntensity !== void 0) {
           obj.intensity = stage.ambientLightIntensity;
         }
-        if (obj instanceof THREE.DirectionalLight && stage.directionalLightIntensity !== void 0) {
+        if (obj instanceof THREE3.DirectionalLight && stage.directionalLightIntensity !== void 0) {
           obj.intensity = stage.directionalLightIntensity;
         }
       });
@@ -1345,18 +2858,14 @@ ${errorMessage}
           latestCallbacks.current.onEnded?.();
         }
       }
-      const useOutline = renderEffect === "outline" || renderEffect === "outline+bloom";
-      const useBloom = renderEffect === "bloom" || renderEffect === "outline+bloom";
-      if (useBloom && composerRef.current) {
-        composerRef.current.render();
-      } else if (useOutline && outlineEffectRef.current) {
+      if (renderEffect === "outline" && outlineEffectRef.current) {
         outlineEffectRef.current.render(sceneRef.current, cameraRef.current);
       } else {
         rendererRef.current.render(sceneRef.current, cameraRef.current);
       }
     }
   };
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React21.createElement(
     "div",
     {
       ref: containerRef,
@@ -1395,78 +2904,78 @@ var ControlPanel = ({
   onNext,
   onResetCamera
 }) => {
-  return /* @__PURE__ */ React6.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__ */ React6.createElement("div", { className: "flex items-center justify-between text-white" }, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center gap-2" }, showPrevNext && onPrevious && /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React21.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.createElement("div", { className: "flex items-center justify-between text-white" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, showPrevNext && onPrevious && /* @__PURE__ */ React21.createElement(
     "button",
     {
       onClick: onPrevious,
       className: "rounded-full p-2 hover:bg-white/20 transition-colors",
       title: "\u4E0A\u4E00\u4E2A"
     },
-    /* @__PURE__ */ React6.createElement(SkipBack, { size: 20 })
-  ), /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement(SkipBack, { size: 20 })
+  ), /* @__PURE__ */ React21.createElement(
     "button",
     {
       onClick: onPlayPause,
       className: "rounded-full p-2 hover:bg-white/20 transition-colors",
       title: isPlaying ? "\u6682\u505C" : "\u64AD\u653E"
     },
-    isPlaying ? /* @__PURE__ */ React6.createElement(Pause, { size: 24 }) : /* @__PURE__ */ React6.createElement(Play, { size: 24 })
-  ), showPrevNext && onNext && /* @__PURE__ */ React6.createElement(
+    isPlaying ? /* @__PURE__ */ React21.createElement(Pause, { size: 24 }) : /* @__PURE__ */ React21.createElement(Play, { size: 24 })
+  ), showPrevNext && onNext && /* @__PURE__ */ React21.createElement(
     "button",
     {
       onClick: onNext,
       className: "rounded-full p-2 hover:bg-white/20 transition-colors",
       title: "\u4E0B\u4E00\u4E2A"
     },
-    /* @__PURE__ */ React6.createElement(SkipForward, { size: 20 })
-  )), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center gap-4" }, (title || subtitle) && /* @__PURE__ */ React6.createElement("div", { className: "hidden text-sm font-medium opacity-80 md:block" }, title, subtitle && /* @__PURE__ */ React6.createElement("span", { className: "ml-2 text-xs opacity-60" }, subtitle)), onToggleListLoop && /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement(SkipForward, { size: 20 })
+  )), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-4" }, (title || subtitle) && /* @__PURE__ */ React21.createElement("div", { className: "hidden text-sm font-medium opacity-80 md:block" }, title, subtitle && /* @__PURE__ */ React21.createElement("span", { className: "ml-2 text-xs opacity-60" }, subtitle)), onToggleListLoop && /* @__PURE__ */ React21.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__ */ React6.createElement(Repeat, { size: 20 })
-  ), /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement(Repeat, { size: 20 })
+  ), /* @__PURE__ */ React21.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__ */ React6.createElement(Repeat1, { size: 20 })
-  ), isCameraManual && onResetCamera && /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement(Repeat1, { size: 20 })
+  ), isCameraManual && onResetCamera && /* @__PURE__ */ React21.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__ */ React6.createElement(Camera, { size: 20 })
-  ), onToggleAxes && /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement(Camera, { size: 20 })
+  ), onToggleAxes && /* @__PURE__ */ React21.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__ */ React6.createElement(Grid3x3, { size: 20 })
-  ), showSettings && /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement(Grid3x3, { size: 20 })
+  ), showSettings && /* @__PURE__ */ React21.createElement(
     "button",
     {
       onClick: onOpenSettings,
       className: "rounded-full p-2 hover:bg-white/20 transition-colors",
       title: "\u8D44\u6E90\u8BBE\u7F6E"
     },
-    /* @__PURE__ */ React6.createElement(Settings, { size: 20 })
-  ), /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement(Settings, { size: 20 })
+  ), /* @__PURE__ */ React21.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__ */ React6.createElement(Minimize, { size: 20 }) : /* @__PURE__ */ React6.createElement(Maximize, { size: 20 })
+    isFullscreen ? /* @__PURE__ */ React21.createElement(Minimize, { size: 20 }) : /* @__PURE__ */ React21.createElement(Maximize, { size: 20 })
   ))));
 };
 var SettingsPanel = ({
@@ -1481,44 +2990,44 @@ var SettingsPanel = ({
 }) => {
   const renderListMode = () => {
     if (!items) return null;
-    return /* @__PURE__ */ React6.createElement("div", { className: "grid grid-cols-1 gap-2 p-4 sm:grid-cols-2" }, items.map((item) => /* @__PURE__ */ React6.createElement(
+    return /* @__PURE__ */ React21.createElement("div", { className: "grid grid-cols-1 gap-2 p-4 sm:grid-cols-2" }, items.map((item) => /* @__PURE__ */ React21.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__ */ React6.createElement("div", { className: "flex h-12 w-12 flex-shrink-0 items-center justify-center rounded bg-black/20 overflow-hidden" }, item.thumbnail ? /* @__PURE__ */ React6.createElement("img", { src: item.thumbnail, alt: item.name, className: "h-full w-full object-cover" }) : /* @__PURE__ */ React6.createElement(Video, { size: 20, className: "opacity-50" })),
-      /* @__PURE__ */ React6.createElement("div", { className: "flex-1 text-left" }, /* @__PURE__ */ React6.createElement("div", { className: `font-medium ${currentId === item.id ? "text-blue-400" : "text-white"}` }, item.name), item.description && /* @__PURE__ */ React6.createElement("div", { className: "text-xs text-white/50 truncate" }, item.description)),
-      currentId === item.id && /* @__PURE__ */ React6.createElement(Check, { size: 16, className: "text-blue-400" })
+      /* @__PURE__ */ React21.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.createElement("img", { src: item.thumbnail, alt: item.name, className: "h-full w-full object-cover" }) : /* @__PURE__ */ React21.createElement(Video, { size: 20, className: "opacity-50" })),
+      /* @__PURE__ */ React21.createElement("div", { className: "flex-1 text-left" }, /* @__PURE__ */ React21.createElement("div", { className: `font-medium ${currentId === item.id ? "text-blue-400" : "text-white"}` }, item.name), item.description && /* @__PURE__ */ React21.createElement("div", { className: "text-xs text-white/50 truncate" }, item.description)),
+      currentId === item.id && /* @__PURE__ */ React21.createElement(Check, { size: 16, className: "text-blue-400" })
     )));
   };
   const renderOptionGroup = (title, icon, type, list = [], currentVal) => {
     if (!list || list.length === 0) return null;
-    return /* @__PURE__ */ React6.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React6.createElement("div", { className: "mb-3 flex items-center gap-2 text-sm font-medium text-white/70" }, icon, /* @__PURE__ */ React6.createElement("span", null, title)), /* @__PURE__ */ React6.createElement("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-3" }, list.map((opt) => /* @__PURE__ */ React6.createElement(
+    return /* @__PURE__ */ React21.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React21.createElement("div", { className: "mb-3 flex items-center gap-2 text-sm font-medium text-white/70" }, icon, /* @__PURE__ */ React21.createElement("span", null, title)), /* @__PURE__ */ React21.createElement("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-3" }, list.map((opt) => /* @__PURE__ */ React21.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__ */ React6.createElement("img", { src: opt.thumbnail, alt: opt.name, className: "h-16 w-full rounded object-cover bg-black/20" }) : /* @__PURE__ */ React6.createElement("div", { className: "flex h-16 w-full items-center justify-center rounded bg-black/20" }, /* @__PURE__ */ React6.createElement("div", { className: "text-xs opacity-30" }, opt.name.slice(0, 2))),
-      /* @__PURE__ */ React6.createElement("div", { className: `w-full truncate text-xs ${currentVal === opt.id ? "text-blue-400" : "text-white/80"}` }, opt.name),
-      currentVal === opt.id && /* @__PURE__ */ React6.createElement("div", { className: "absolute top-1 right-1 rounded-full bg-blue-500 p-0.5" }, /* @__PURE__ */ React6.createElement(Check, { size: 10, className: "text-white" }))
+      opt.thumbnail ? /* @__PURE__ */ React21.createElement("img", { src: opt.thumbnail, alt: opt.name, className: "h-16 w-full rounded object-cover bg-black/20" }) : /* @__PURE__ */ React21.createElement("div", { className: "flex h-16 w-full items-center justify-center rounded bg-black/20" }, /* @__PURE__ */ React21.createElement("div", { className: "text-xs opacity-30" }, opt.name.slice(0, 2))),
+      /* @__PURE__ */ React21.createElement("div", { className: `w-full truncate text-xs ${currentVal === opt.id ? "text-blue-400" : "text-white/80"}` }, opt.name),
+      currentVal === opt.id && /* @__PURE__ */ React21.createElement("div", { className: "absolute top-1 right-1 rounded-full bg-blue-500 p-0.5" }, /* @__PURE__ */ React21.createElement(Check, { size: 10, className: "text-white" }))
     ))));
   };
   const renderOptionsMode = () => {
     if (!options) return null;
-    return /* @__PURE__ */ React6.createElement("div", { className: "p-4" }, renderOptionGroup("\u6A21\u578B", /* @__PURE__ */ React6.createElement(User, { size: 16 }), "models", options.models, currentSelection?.modelId), renderOptionGroup("\u52A8\u4F5C", /* @__PURE__ */ React6.createElement(Video, { size: 16 }), "motions", options.motions, currentSelection?.motionId), renderOptionGroup("\u955C\u5934", /* @__PURE__ */ React6.createElement(Image$1, { size: 16 }), "cameras", options.cameras, currentSelection?.cameraId), renderOptionGroup("\u97F3\u9891", /* @__PURE__ */ React6.createElement(Music, { size: 16 }), "audios", options.audios, currentSelection?.audioId), renderOptionGroup("\u821E\u53F0", /* @__PURE__ */ React6.createElement(Image$1, { size: 16 }), "stages", options.stages, currentSelection?.stageId));
+    return /* @__PURE__ */ React21.createElement("div", { className: "p-4" }, renderOptionGroup("\u6A21\u578B", /* @__PURE__ */ React21.createElement(User, { size: 16 }), "models", options.models, currentSelection?.modelId), renderOptionGroup("\u52A8\u4F5C", /* @__PURE__ */ React21.createElement(Video, { size: 16 }), "motions", options.motions, currentSelection?.motionId), renderOptionGroup("\u955C\u5934", /* @__PURE__ */ React21.createElement(Image$1, { size: 16 }), "cameras", options.cameras, currentSelection?.cameraId), renderOptionGroup("\u97F3\u9891", /* @__PURE__ */ React21.createElement(Music, { size: 16 }), "audios", options.audios, currentSelection?.audioId), renderOptionGroup("\u821E\u53F0", /* @__PURE__ */ React21.createElement(Image$1, { size: 16 }), "stages", options.stages, currentSelection?.stageId));
   };
-  return /* @__PURE__ */ React6.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__ */ React6.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__ */ React6.createElement("h2", { className: "text-lg font-semibold text-white" }, mode === "list" ? "\u64AD\u653E\u5217\u8868" : "\u81EA\u5B9A\u4E49\u573A\u666F"), /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React21.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.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.createElement("h2", { className: "text-lg font-semibold text-white" }, mode === "list" ? "\u64AD\u653E\u5217\u8868" : "\u81EA\u5B9A\u4E49\u573A\u666F"), /* @__PURE__ */ React21.createElement(
     "button",
     {
       onClick: onClose,
       className: "rounded-full p-2 text-white/50 hover:bg-white/10 hover:text-white"
     },
-    /* @__PURE__ */ React6.createElement(X, { size: 20 })
-  )), /* @__PURE__ */ React6.createElement("div", { className: "pb-20" }, mode === "list" ? renderListMode() : renderOptionsMode()));
+    /* @__PURE__ */ React21.createElement(X, { size: 20 })
+  )), /* @__PURE__ */ React21.createElement("div", { className: "pb-20" }, mode === "list" ? renderListMode() : renderOptionsMode()));
 };
 var MMDPlayerEnhancedDebugInfo = ({
   isPlaying,
@@ -1543,7 +3052,7 @@ var MMDPlayerEnhancedDebugInfo = ({
     }, 1e3);
     return () => clearInterval(timer);
   }, []);
-  return /* @__PURE__ */ React6.createElement("div", { className: "text-white text-xs font-mono" }, /* @__PURE__ */ React6.createElement("h3", { className: "text-sm font-bold mb-3 pb-2 border-b border-gray-700" }, "\u{1F3AE} MMDPlayerEnhanced Debug"), /* @__PURE__ */ React6.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React6.createElement("h4", { className: "text-gray-400 mb-2" }, "\u64AD\u653E\u72B6\u6001"), /* @__PURE__ */ React6.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u64AD\u653E\u4E2D:"), /* @__PURE__ */ React6.createElement(StatusBadge, { active: isPlaying, label: isPlaying ? "Playing" : "Paused" })), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u5FAA\u73AF:"), /* @__PURE__ */ React6.createElement(StatusBadge, { active: isLooping, label: isLooping ? "On" : "Off" })), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u52A0\u8F7D\u4E2D:"), /* @__PURE__ */ React6.createElement(StatusBadge, { active: isLoading, label: isLoading ? "Loading" : "Ready" })))), /* @__PURE__ */ React6.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React6.createElement("h4", { className: "text-gray-400 mb-2" }, "\u89C6\u56FE\u72B6\u6001"), /* @__PURE__ */ React6.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u5168\u5C4F:"), /* @__PURE__ */ React6.createElement(StatusBadge, { active: isFullscreen, label: isFullscreen ? "Yes" : "No" })), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u5750\u6807\u8F74:"), /* @__PURE__ */ React6.createElement(StatusBadge, { active: showAxes, label: showAxes ? "Show" : "Hide" })))), /* @__PURE__ */ React6.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React6.createElement("h4", { className: "text-gray-400 mb-2" }, "\u8D44\u6E90\u4FE1\u606F"), /* @__PURE__ */ React6.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u6A21\u5F0F:"), /* @__PURE__ */ React6.createElement("span", { className: "text-blue-400 uppercase" }, mode)), mode === "list" && /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u603B\u6570:"), /* @__PURE__ */ React6.createElement("span", { className: "text-green-400" }, totalResources)), currentResourceId && /* @__PURE__ */ React6.createElement("div", { className: "mt-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React6.createElement("div", { className: "text-gray-400 text-[10px]" }, "\u5F53\u524D\u8D44\u6E90"), /* @__PURE__ */ React6.createElement("div", { className: "text-white truncate" }, currentResourceName || currentResourceId), /* @__PURE__ */ React6.createElement("div", { className: "text-gray-500 text-[10px] mt-1 truncate" }, "ID: ", currentResourceId))))), memoryInfo && /* @__PURE__ */ React6.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React6.createElement("h4", { className: "text-gray-400 mb-2" }, "\u5185\u5B58\u76D1\u63A7 (Chrome only)"), /* @__PURE__ */ React6.createElement("div", { className: "space-y-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u5DF2\u7528:"), /* @__PURE__ */ React6.createElement("span", { className: "text-yellow-400 font-bold" }, memoryInfo.used, " MB")), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u603B\u8BA1:"), /* @__PURE__ */ React6.createElement("span", { className: "text-blue-400" }, memoryInfo.total, " MB")), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u9650\u5236:"), /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, memoryInfo.limit, " MB")), /* @__PURE__ */ React6.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React6.createElement("div", { className: "bg-gray-700 rounded-full h-2 overflow-hidden" }, /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React21.createElement("div", { className: "text-white text-xs font-mono" }, /* @__PURE__ */ React21.createElement("h3", { className: "text-sm font-bold mb-3 pb-2 border-b border-gray-700" }, "\u{1F3AE} MMDPlayerEnhanced Debug"), /* @__PURE__ */ React21.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21.createElement("h4", { className: "text-gray-400 mb-2" }, "\u64AD\u653E\u72B6\u6001"), /* @__PURE__ */ React21.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u64AD\u653E\u4E2D:"), /* @__PURE__ */ React21.createElement(StatusBadge, { active: isPlaying, label: isPlaying ? "Playing" : "Paused" })), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u5FAA\u73AF:"), /* @__PURE__ */ React21.createElement(StatusBadge, { active: isLooping, label: isLooping ? "On" : "Off" })), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u52A0\u8F7D\u4E2D:"), /* @__PURE__ */ React21.createElement(StatusBadge, { active: isLoading, label: isLoading ? "Loading" : "Ready" })))), /* @__PURE__ */ React21.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21.createElement("h4", { className: "text-gray-400 mb-2" }, "\u89C6\u56FE\u72B6\u6001"), /* @__PURE__ */ React21.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u5168\u5C4F:"), /* @__PURE__ */ React21.createElement(StatusBadge, { active: isFullscreen, label: isFullscreen ? "Yes" : "No" })), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u5750\u6807\u8F74:"), /* @__PURE__ */ React21.createElement(StatusBadge, { active: showAxes, label: showAxes ? "Show" : "Hide" })))), /* @__PURE__ */ React21.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21.createElement("h4", { className: "text-gray-400 mb-2" }, "\u8D44\u6E90\u4FE1\u606F"), /* @__PURE__ */ React21.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u6A21\u5F0F:"), /* @__PURE__ */ React21.createElement("span", { className: "text-blue-400 uppercase" }, mode)), mode === "list" && /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u603B\u6570:"), /* @__PURE__ */ React21.createElement("span", { className: "text-green-400" }, totalResources)), currentResourceId && /* @__PURE__ */ React21.createElement("div", { className: "mt-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React21.createElement("div", { className: "text-gray-400 text-[10px]" }, "\u5F53\u524D\u8D44\u6E90"), /* @__PURE__ */ React21.createElement("div", { className: "text-white truncate" }, currentResourceName || currentResourceId), /* @__PURE__ */ React21.createElement("div", { className: "text-gray-500 text-[10px] mt-1 truncate" }, "ID: ", currentResourceId))))), memoryInfo && /* @__PURE__ */ React21.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21.createElement("h4", { className: "text-gray-400 mb-2" }, "\u5185\u5B58\u76D1\u63A7 (Chrome only)"), /* @__PURE__ */ React21.createElement("div", { className: "space-y-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u5DF2\u7528:"), /* @__PURE__ */ React21.createElement("span", { className: "text-yellow-400 font-bold" }, memoryInfo.used, " MB")), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u603B\u8BA1:"), /* @__PURE__ */ React21.createElement("span", { className: "text-blue-400" }, memoryInfo.total, " MB")), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u9650\u5236:"), /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, memoryInfo.limit, " MB")), /* @__PURE__ */ React21.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React21.createElement("div", { className: "bg-gray-700 rounded-full h-2 overflow-hidden" }, /* @__PURE__ */ React21.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"}`,
@@ -1551,9 +3060,9 @@ var MMDPlayerEnhancedDebugInfo = ({
         width: `${Math.min(100, parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100)}%`
       }
     }
-  )), /* @__PURE__ */ React6.createElement("div", { className: "text-[9px] text-gray-500 mt-1 text-center" }, (parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100).toFixed(1), "%")))), /* @__PURE__ */ React6.createElement("div", { className: "mt-auto pt-4 border-t border-gray-700" }, /* @__PURE__ */ React6.createElement("div", { className: "text-gray-500 text-[10px]" }, "Last Update: ", (/* @__PURE__ */ new Date()).toLocaleTimeString())));
+  )), /* @__PURE__ */ React21.createElement("div", { className: "text-[9px] text-gray-500 mt-1 text-center" }, (parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100).toFixed(1), "%")))), /* @__PURE__ */ React21.createElement("div", { className: "mt-auto pt-4 border-t border-gray-700" }, /* @__PURE__ */ React21.createElement("div", { className: "text-gray-500 text-[10px]" }, "Last Update: ", (/* @__PURE__ */ new Date()).toLocaleTimeString())));
 };
-var StatusBadge = ({ active, label }) => /* @__PURE__ */ React6.createElement(
+var StatusBadge = ({ active, label }) => /* @__PURE__ */ React21.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"}`
@@ -1682,16 +3191,16 @@ var MMDPlayerEnhanced = ({
     });
   };
   if (!currentResources) {
-    return /* @__PURE__ */ React6.createElement("div", { className: "flex h-full w-full items-center justify-center bg-black text-white" }, "No Resources Configured");
+    return /* @__PURE__ */ React21.createElement("div", { className: "flex h-full w-full items-center justify-center bg-black text-white" }, "No Resources Configured");
   }
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React21.createElement(
     "div",
     {
       ref: containerRef,
       className: `relative overflow-hidden bg-black group flex ${className}`,
       style
     },
-    /* @__PURE__ */ React6.createElement("div", { className: "flex-1 relative" }, /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement("div", { className: "flex-1 relative" }, /* @__PURE__ */ React21.createElement(
       MMDPlayerBase,
       {
         key: mode === "list" ? currentId : JSON.stringify(currentResources),
@@ -1723,7 +3232,7 @@ var MMDPlayerEnhanced = ({
         },
         ...rest
       }
-    ), isLoading && /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-black/50 backdrop-blur-sm" }, /* @__PURE__ */ React6.createElement("div", { className: "h-10 w-10 animate-spin rounded-full border-4 border-white/20 border-t-blue-500" })), /* @__PURE__ */ React6.createElement("div", { className: `transition-opacity duration-300 ${isPlaying && !showSettings ? "opacity-0 group-hover:opacity-100" : "opacity-100"}` }, /* @__PURE__ */ React6.createElement(
+    ), isLoading && /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-black/50 backdrop-blur-sm" }, /* @__PURE__ */ React21.createElement("div", { className: "h-10 w-10 animate-spin rounded-full border-4 border-white/20 border-t-blue-500" })), /* @__PURE__ */ React21.createElement("div", { className: `transition-opacity duration-300 ${isPlaying && !showSettings ? "opacity-0 group-hover:opacity-100" : "opacity-100"}` }, /* @__PURE__ */ React21.createElement(
       ControlPanel,
       {
         isPlaying,
@@ -1738,7 +3247,7 @@ var MMDPlayerEnhanced = ({
         onToggleAxes: () => setShowAxes(!showAxes),
         onOpenSettings: () => setShowSettings(true)
       }
-    )), showSettings && (mode === "list" || mode === "options") && /* @__PURE__ */ React6.createElement(
+    )), showSettings && (mode === "list" || mode === "options") && /* @__PURE__ */ React21.createElement(
       SettingsPanel,
       {
         mode,
@@ -1751,7 +3260,7 @@ var MMDPlayerEnhanced = ({
         onClose: () => setShowSettings(false)
       }
     )),
-    showDebugInfo && /* @__PURE__ */ React6.createElement("div", { className: "w-96 bg-gray-900/95 border-l border-gray-700 p-4 overflow-y-auto" }, /* @__PURE__ */ React6.createElement(
+    showDebugInfo && /* @__PURE__ */ React21.createElement("div", { className: "w-96 bg-gray-900/95 border-l border-gray-700 p-4 overflow-y-auto" }, /* @__PURE__ */ React21.createElement(
       MMDPlayerEnhancedDebugInfo,
       {
         isPlaying,
@@ -1793,14 +3302,14 @@ var MMDPlaylistDebugInfo = ({
     }, 1e3);
     return () => clearInterval(timer);
   }, []);
-  return /* @__PURE__ */ React6.createElement("div", { className: "text-white text-xs font-mono" }, /* @__PURE__ */ React6.createElement("h3", { className: "text-sm font-bold mb-3 pb-2 border-b border-gray-700" }, "\u{1F3AD} MMDPlaylist Debug"), /* @__PURE__ */ React6.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React6.createElement("h4", { className: "text-gray-400 mb-2" }, "\u64AD\u653E\u5217\u8868"), /* @__PURE__ */ React6.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React6.createElement("div", { className: "text-white truncate" }, playlistName), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u8FDB\u5EA6:"), /* @__PURE__ */ React6.createElement("span", { className: "text-blue-400" }, currentIndex + 1, " / ", totalNodes)), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u5217\u8868\u5FAA\u73AF:"), /* @__PURE__ */ React6.createElement(StatusBadge2, { active: isListLooping, label: isListLooping ? "On" : "Off" })))), /* @__PURE__ */ React6.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React6.createElement("h4", { className: "text-gray-400 mb-2" }, "\u5F53\u524D\u8282\u70B9"), /* @__PURE__ */ React6.createElement("div", { className: "p-2 bg-gray-800 rounded space-y-1" }, /* @__PURE__ */ React6.createElement("div", { className: "text-white font-semibold truncate" }, currentNode.name), /* @__PURE__ */ React6.createElement("div", { className: "text-gray-500 text-[10px] truncate" }, "ID: ", currentNode.id), currentNode.duration && /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u65F6\u957F:"), /* @__PURE__ */ React6.createElement("span", { className: "text-green-400" }, currentNode.duration, "s")), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u8282\u70B9\u5FAA\u73AF:"), /* @__PURE__ */ React6.createElement(StatusBadge2, { active: isNodeLooping, label: isNodeLooping ? "On" : "Off" })))), /* @__PURE__ */ React6.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React6.createElement("h4", { className: "text-gray-400 mb-2" }, "\u64AD\u653E\u72B6\u6001"), /* @__PURE__ */ React6.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u64AD\u653E\u4E2D:"), /* @__PURE__ */ React6.createElement(StatusBadge2, { active: isPlaying, label: isPlaying ? "Playing" : "Paused" })), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u52A0\u8F7D\u4E2D:"), /* @__PURE__ */ React6.createElement(StatusBadge2, { active: isLoading, label: isLoading ? "Loading" : "Ready" })))), /* @__PURE__ */ React6.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React6.createElement("h4", { className: "text-gray-400 mb-2" }, "\u9884\u52A0\u8F7D\u7B56\u7565"), /* @__PURE__ */ React6.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u7B56\u7565:"), /* @__PURE__ */ React6.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__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u5DF2\u9884\u52A0\u8F7D:"), /* @__PURE__ */ React6.createElement("span", { className: "text-purple-400" }, preloadedNodes.length)), preloadedNodes.length > 0 && /* @__PURE__ */ React6.createElement("div", { className: "mt-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React6.createElement("div", { className: "text-gray-400 text-[10px] mb-1" }, "\u9884\u52A0\u8F7D\u8282\u70B9\u7D22\u5F15"), /* @__PURE__ */ React6.createElement("div", { className: "flex flex-wrap gap-1" }, preloadedNodes.map((idx) => /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React21.createElement("div", { className: "text-white text-xs font-mono" }, /* @__PURE__ */ React21.createElement("h3", { className: "text-sm font-bold mb-3 pb-2 border-b border-gray-700" }, "\u{1F3AD} MMDPlaylist Debug"), /* @__PURE__ */ React21.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21.createElement("h4", { className: "text-gray-400 mb-2" }, "\u64AD\u653E\u5217\u8868"), /* @__PURE__ */ React21.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React21.createElement("div", { className: "text-white truncate" }, playlistName), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u8FDB\u5EA6:"), /* @__PURE__ */ React21.createElement("span", { className: "text-blue-400" }, currentIndex + 1, " / ", totalNodes)), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u5217\u8868\u5FAA\u73AF:"), /* @__PURE__ */ React21.createElement(StatusBadge2, { active: isListLooping, label: isListLooping ? "On" : "Off" })))), /* @__PURE__ */ React21.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21.createElement("h4", { className: "text-gray-400 mb-2" }, "\u5F53\u524D\u8282\u70B9"), /* @__PURE__ */ React21.createElement("div", { className: "p-2 bg-gray-800 rounded space-y-1" }, /* @__PURE__ */ React21.createElement("div", { className: "text-white font-semibold truncate" }, currentNode.name), /* @__PURE__ */ React21.createElement("div", { className: "text-gray-500 text-[10px] truncate" }, "ID: ", currentNode.id), currentNode.duration && /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u65F6\u957F:"), /* @__PURE__ */ React21.createElement("span", { className: "text-green-400" }, currentNode.duration, "s")), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u8282\u70B9\u5FAA\u73AF:"), /* @__PURE__ */ React21.createElement(StatusBadge2, { active: isNodeLooping, label: isNodeLooping ? "On" : "Off" })))), /* @__PURE__ */ React21.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21.createElement("h4", { className: "text-gray-400 mb-2" }, "\u64AD\u653E\u72B6\u6001"), /* @__PURE__ */ React21.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u64AD\u653E\u4E2D:"), /* @__PURE__ */ React21.createElement(StatusBadge2, { active: isPlaying, label: isPlaying ? "Playing" : "Paused" })), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u52A0\u8F7D\u4E2D:"), /* @__PURE__ */ React21.createElement(StatusBadge2, { active: isLoading, label: isLoading ? "Loading" : "Ready" })))), /* @__PURE__ */ React21.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21.createElement("h4", { className: "text-gray-400 mb-2" }, "\u9884\u52A0\u8F7D\u7B56\u7565"), /* @__PURE__ */ React21.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u7B56\u7565:"), /* @__PURE__ */ React21.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.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u5DF2\u9884\u52A0\u8F7D:"), /* @__PURE__ */ React21.createElement("span", { className: "text-purple-400" }, preloadedNodes.length)), preloadedNodes.length > 0 && /* @__PURE__ */ React21.createElement("div", { className: "mt-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React21.createElement("div", { className: "text-gray-400 text-[10px] mb-1" }, "\u9884\u52A0\u8F7D\u8282\u70B9\u7D22\u5F15"), /* @__PURE__ */ React21.createElement("div", { className: "flex flex-wrap gap-1" }, preloadedNodes.map((idx) => /* @__PURE__ */ React21.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__ */ React6.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React6.createElement("h4", { className: "text-gray-400 mb-2" }, "\u89C6\u56FE\u72B6\u6001"), /* @__PURE__ */ React6.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u5168\u5C4F:"), /* @__PURE__ */ React6.createElement(StatusBadge2, { active: isFullscreen, label: isFullscreen ? "Yes" : "No" })), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u5750\u6807\u8F74:"), /* @__PURE__ */ React6.createElement(StatusBadge2, { active: showAxes, label: showAxes ? "Show" : "Hide" })))), memoryInfo && /* @__PURE__ */ React6.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React6.createElement("h4", { className: "text-gray-400 mb-2" }, "\u5185\u5B58\u76D1\u63A7 (Chrome only)"), /* @__PURE__ */ React6.createElement("div", { className: "space-y-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u5DF2\u7528:"), /* @__PURE__ */ React6.createElement("span", { className: "text-yellow-400 font-bold" }, memoryInfo.used, " MB")), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u603B\u8BA1:"), /* @__PURE__ */ React6.createElement("span", { className: "text-blue-400" }, memoryInfo.total, " MB")), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, "\u9650\u5236:"), /* @__PURE__ */ React6.createElement("span", { className: "text-gray-400" }, memoryInfo.limit, " MB")), /* @__PURE__ */ React6.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React6.createElement("div", { className: "bg-gray-700 rounded-full h-2 overflow-hidden" }, /* @__PURE__ */ React6.createElement(
+  )))))), /* @__PURE__ */ React21.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21.createElement("h4", { className: "text-gray-400 mb-2" }, "\u89C6\u56FE\u72B6\u6001"), /* @__PURE__ */ React21.createElement("div", { className: "space-y-1 pl-2" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u5168\u5C4F:"), /* @__PURE__ */ React21.createElement(StatusBadge2, { active: isFullscreen, label: isFullscreen ? "Yes" : "No" })), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u5750\u6807\u8F74:"), /* @__PURE__ */ React21.createElement(StatusBadge2, { active: showAxes, label: showAxes ? "Show" : "Hide" })))), memoryInfo && /* @__PURE__ */ React21.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21.createElement("h4", { className: "text-gray-400 mb-2" }, "\u5185\u5B58\u76D1\u63A7 (Chrome only)"), /* @__PURE__ */ React21.createElement("div", { className: "space-y-2 p-2 bg-gray-800 rounded" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u5DF2\u7528:"), /* @__PURE__ */ React21.createElement("span", { className: "text-yellow-400 font-bold" }, memoryInfo.used, " MB")), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u603B\u8BA1:"), /* @__PURE__ */ React21.createElement("span", { className: "text-blue-400" }, memoryInfo.total, " MB")), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between text-[10px]" }, /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, "\u9650\u5236:"), /* @__PURE__ */ React21.createElement("span", { className: "text-gray-400" }, memoryInfo.limit, " MB")), /* @__PURE__ */ React21.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React21.createElement("div", { className: "bg-gray-700 rounded-full h-2 overflow-hidden" }, /* @__PURE__ */ React21.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"}`,
@@ -1808,18 +3317,18 @@ var MMDPlaylistDebugInfo = ({
         width: `${Math.min(100, parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100)}%`
       }
     }
-  )), /* @__PURE__ */ React6.createElement("div", { className: "text-[9px] text-gray-500 mt-1 text-center" }, (parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100).toFixed(1), "%")))), /* @__PURE__ */ React6.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React6.createElement("h4", { className: "text-gray-400 mb-2" }, "\u8282\u70B9\u5217\u8868"), /* @__PURE__ */ React6.createElement("div", { className: "space-y-1 max-h-40 overflow-y-auto" }, Array.from({ length: totalNodes }).map((_, idx) => /* @__PURE__ */ React6.createElement(
+  )), /* @__PURE__ */ React21.createElement("div", { className: "text-[9px] text-gray-500 mt-1 text-center" }, (parseFloat(memoryInfo.used) / parseFloat(memoryInfo.limit) * 100).toFixed(1), "%")))), /* @__PURE__ */ React21.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21.createElement("h4", { className: "text-gray-400 mb-2" }, "\u8282\u70B9\u5217\u8868"), /* @__PURE__ */ React21.createElement("div", { className: "space-y-1 max-h-40 overflow-y-auto" }, Array.from({ length: totalNodes }).map((_, idx) => /* @__PURE__ */ React21.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__ */ React6.createElement("span", null, "\u8282\u70B9 ", idx),
-    idx === currentIndex && /* @__PURE__ */ React6.createElement("span", null, "\u25B6"),
-    preloadedNodes.includes(idx) && idx !== currentIndex && /* @__PURE__ */ React6.createElement("span", null, "\u23F3")
-  )))), /* @__PURE__ */ React6.createElement("div", { className: "mt-auto pt-4 border-t border-gray-700" }, /* @__PURE__ */ React6.createElement("div", { className: "text-gray-500 text-[10px]" }, "Last Update: ", (/* @__PURE__ */ new Date()).toLocaleTimeString())));
+    /* @__PURE__ */ React21.createElement("span", null, "\u8282\u70B9 ", idx),
+    idx === currentIndex && /* @__PURE__ */ React21.createElement("span", null, "\u25B6"),
+    preloadedNodes.includes(idx) && idx !== currentIndex && /* @__PURE__ */ React21.createElement("span", null, "\u23F3")
+  )))), /* @__PURE__ */ React21.createElement("div", { className: "mt-auto pt-4 border-t border-gray-700" }, /* @__PURE__ */ React21.createElement("div", { className: "text-gray-500 text-[10px]" }, "Last Update: ", (/* @__PURE__ */ new Date()).toLocaleTimeString())));
 };
-var StatusBadge2 = ({ active, label }) => /* @__PURE__ */ React6.createElement(
+var StatusBadge2 = ({ active, label }) => /* @__PURE__ */ React21.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"}`
@@ -1985,17 +3494,17 @@ var MMDPlaylist = ({
     };
   }, []);
   if (!currentNode) {
-    return /* @__PURE__ */ React6.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.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__ */ React6.createElement(
+  return /* @__PURE__ */ React21.createElement(
     "div",
     {
       ref: containerRef,
       className: `relative overflow-hidden bg-black group flex h-full ${className}`,
       style
     },
-    /* @__PURE__ */ React6.createElement("div", { className: "flex-1 relative" }, !isTransitioning && /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement("div", { className: "flex-1 relative" }, !isTransitioning && /* @__PURE__ */ React21.createElement(
       MMDPlayerBase,
       {
         key: currentNode.id,
@@ -2018,12 +3527,12 @@ var MMDPlaylist = ({
         onEnded: handleEnded,
         onError
       }
-    ), (isLoading || isTransitioning) && /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-black/50 backdrop-blur-sm" }, /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col items-center gap-3" }, /* @__PURE__ */ React6.createElement("div", { className: "h-10 w-10 animate-spin rounded-full border-4 border-white/20 border-t-blue-500" }), /* @__PURE__ */ React6.createElement("div", { className: "text-sm text-white/80" }, isTransitioning ? "\u5207\u6362\u4E2D..." : `\u6B63\u5728\u52A0\u8F7D ${currentIndex + 1} / ${nodes.length}`))), /* @__PURE__ */ React6.createElement(
+    ), (isLoading || isTransitioning) && /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-black/50 backdrop-blur-sm" }, /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col items-center gap-3" }, /* @__PURE__ */ React21.createElement("div", { className: "h-10 w-10 animate-spin rounded-full border-4 border-white/20 border-t-blue-500" }), /* @__PURE__ */ React21.createElement("div", { className: "text-sm text-white/80" }, isTransitioning ? "\u5207\u6362\u4E2D..." : `\u6B63\u5728\u52A0\u8F7D ${currentIndex + 1} / ${nodes.length}`))), /* @__PURE__ */ React21.createElement(
       "div",
       {
         className: `transition-opacity duration-300 ${isPlaying && !showPlaylist ? "opacity-0 group-hover:opacity-100" : "opacity-100"}`
       },
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(
         ControlPanel,
         {
           isPlaying,
@@ -2050,15 +3559,15 @@ var MMDPlaylist = ({
           }
         }
       )
-    ), showPlaylist && /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 z-20 flex items-end bg-black/80 backdrop-blur-sm" }, /* @__PURE__ */ React6.createElement("div", { className: "w-full max-h-[60vh] overflow-y-auto bg-gray-900/95 rounded-t-xl" }, /* @__PURE__ */ React6.createElement("div", { className: "sticky top-0 flex items-center justify-between bg-gray-800 px-4 py-3 border-b border-gray-700" }, /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement("h3", { className: "text-white font-semibold" }, playlist.name), /* @__PURE__ */ React6.createElement("p", { className: "text-xs text-gray-400 mt-0.5" }, "\u5171 ", nodes.length, " \u4E2A\u8282\u70B9")), /* @__PURE__ */ React6.createElement(
+    ), showPlaylist && /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 z-20 flex items-end bg-black/80 backdrop-blur-sm" }, /* @__PURE__ */ React21.createElement("div", { className: "w-full max-h-[60vh] overflow-y-auto bg-gray-900/95 rounded-t-xl" }, /* @__PURE__ */ React21.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.createElement("div", null, /* @__PURE__ */ React21.createElement("h3", { className: "text-white font-semibold" }, playlist.name), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-gray-400 mt-0.5" }, "\u5171 ", nodes.length, " \u4E2A\u8282\u70B9")), /* @__PURE__ */ React21.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__ */ React6.createElement("svg", { className: "w-5 h-5 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React6.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
-    )), /* @__PURE__ */ React6.createElement("div", { className: "p-2" }, nodes.map((node, index) => /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement("svg", { className: "w-5 h-5 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React21.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
+    )), /* @__PURE__ */ React21.createElement("div", { className: "p-2" }, nodes.map((node, index) => /* @__PURE__ */ React21.createElement(
       "button",
       {
         key: node.id,
@@ -2068,17 +3577,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__ */ React6.createElement(
+      /* @__PURE__ */ React21.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__ */ React6.createElement("div", { className: "flex-1 text-left" }, /* @__PURE__ */ React6.createElement("div", { className: "font-medium" }, node.name), node.duration && /* @__PURE__ */ React6.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__ */ React6.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React6.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React6.createElement("path", { d: "M8 5v14l11-7z" })))
+      /* @__PURE__ */ React21.createElement("div", { className: "flex-1 text-left" }, /* @__PURE__ */ React21.createElement("div", { className: "font-medium" }, node.name), node.duration && /* @__PURE__ */ React21.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.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React21.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React21.createElement("path", { d: "M8 5v14l11-7z" })))
     )))))),
-    showDebugInfo && /* @__PURE__ */ React6.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__ */ React6.createElement(
+    showDebugInfo && /* @__PURE__ */ React21.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.createElement(
       MMDPlaylistDebugInfo,
       {
         playlistName: playlist.name,
@@ -2224,7 +3733,7 @@ var DialogueBox = ({
     displayedText,
     isComplete
   });
-  const dialogueContent = /* @__PURE__ */ React6.createElement(
+  const dialogueContent = /* @__PURE__ */ React21.createElement(
     "div",
     {
       className: `${className || ""}`,
@@ -2240,7 +3749,7 @@ var DialogueBox = ({
         pointerEvents: "auto"
       }
     },
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.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",
@@ -2265,7 +3774,7 @@ var DialogueBox = ({
           `
         }
       },
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(
         "div",
         {
           className: "absolute inset-0 opacity-20 pointer-events-none",
@@ -2281,7 +3790,7 @@ var DialogueBox = ({
           }
         }
       ),
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(
         "div",
         {
           className: "absolute top-0 left-0 right-0 h-1",
@@ -2290,7 +3799,7 @@ var DialogueBox = ({
           }
         }
       ),
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(
         "div",
         {
           className: "absolute bottom-0 left-0 right-0 h-px",
@@ -2299,7 +3808,7 @@ var DialogueBox = ({
           }
         }
       ),
-      showControls && /* @__PURE__ */ React6.createElement("div", { className: "flex justify-end gap-3 px-6 pt-4 pb-2 flex-shrink-0 relative z-10" }, showHistoryButton && /* @__PURE__ */ React6.createElement(
+      showControls && /* @__PURE__ */ React21.createElement("div", { className: "flex justify-end gap-3 px-6 pt-4 pb-2 flex-shrink-0 relative z-10" }, showHistoryButton && /* @__PURE__ */ React21.createElement(
         "button",
         {
           onClick: (e) => {
@@ -2314,7 +3823,7 @@ var DialogueBox = ({
           title: "\u5386\u53F2\u8BB0\u5F55"
         },
         "\u{1F4DC} \u5386\u53F2"
-      ), isCameraManual && /* @__PURE__ */ React6.createElement(
+      ), isCameraManual && /* @__PURE__ */ React21.createElement(
         "button",
         {
           onClick: (e) => {
@@ -2329,7 +3838,7 @@ var DialogueBox = ({
           title: "\u6062\u590D\u521D\u59CB\u89C6\u89D2"
         },
         "\u{1F3A5} \u6062\u590D\u89C6\u89D2"
-      ), showAutoButton && /* @__PURE__ */ React6.createElement(
+      ), showAutoButton && /* @__PURE__ */ React21.createElement(
         "button",
         {
           onClick: (e) => {
@@ -2344,7 +3853,7 @@ var DialogueBox = ({
           title: "\u81EA\u52A8\u64AD\u653E"
         },
         "\u25B6 \u81EA\u52A8"
-      ), showSkipButton && /* @__PURE__ */ React6.createElement(
+      ), showSkipButton && /* @__PURE__ */ React21.createElement(
         "button",
         {
           onClick: (e) => {
@@ -2360,7 +3869,7 @@ var DialogueBox = ({
         },
         "\u23E9 \u5FEB\u8FDB"
       )),
-      /* @__PURE__ */ React6.createElement("div", { className: "px-8 pb-6 flex-1 flex flex-col justify-center overflow-y-auto relative z-10" }, dialogue.speaker && /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement("div", { className: "px-8 pb-6 flex-1 flex flex-col justify-center overflow-y-auto relative z-10" }, dialogue.speaker && /* @__PURE__ */ React21.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",
@@ -2375,7 +3884,7 @@ var DialogueBox = ({
             border: "1px solid rgba(255, 255, 255, 0.3)"
           }
         },
-        /* @__PURE__ */ React6.createElement(
+        /* @__PURE__ */ React21.createElement(
           "div",
           {
             className: "absolute inset-0 opacity-30",
@@ -2386,8 +3895,8 @@ var DialogueBox = ({
             }
           }
         ),
-        /* @__PURE__ */ React6.createElement("span", { className: "relative z-10 drop-shadow-lg" }, dialogue.speaker)
-      ), /* @__PURE__ */ React6.createElement(
+        /* @__PURE__ */ React21.createElement("span", { className: "relative z-10 drop-shadow-lg" }, dialogue.speaker)
+      ), /* @__PURE__ */ React21.createElement(
         "div",
         {
           className: "text-lg leading-relaxed relative",
@@ -2396,10 +3905,10 @@ var DialogueBox = ({
             textShadow: "0 2px 8px rgba(0, 0, 0, 0.5)"
           }
         },
-        /* @__PURE__ */ React6.createElement("span", { className: "inline-block", style: {
+        /* @__PURE__ */ React21.createElement("span", { className: "inline-block", style: {
           animation: !isComplete ? "textFadeIn 0.3s ease-out" : "none"
         } }, displayedText),
-        !isComplete && /* @__PURE__ */ React6.createElement(
+        !isComplete && /* @__PURE__ */ React21.createElement(
           "span",
           {
             className: "inline-block w-1 h-6 ml-1 align-middle",
@@ -2410,7 +3919,7 @@ var DialogueBox = ({
             }
           }
         )
-      ), isComplete && theme.showContinueHint && /* @__PURE__ */ React6.createElement("div", { className: "flex justify-end mt-4" }, /* @__PURE__ */ React6.createElement(
+      ), isComplete && theme.showContinueHint && /* @__PURE__ */ React21.createElement("div", { className: "flex justify-end mt-4" }, /* @__PURE__ */ React21.createElement(
         "span",
         {
           className: "text-sm px-4 py-2 rounded-full backdrop-blur-lg font-medium",
@@ -2448,7 +3957,7 @@ var HistoryPanel = ({
   useEffect(() => {
     setIsMounted(true);
   }, []);
-  const historyContent = /* @__PURE__ */ React6.createElement(
+  const historyContent = /* @__PURE__ */ React21.createElement(
     "div",
     {
       className: `fixed inset-0 flex flex-col ${className}`,
@@ -2459,7 +3968,7 @@ var HistoryPanel = ({
       },
       onClick: onClose
     },
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement(
       "div",
       {
         className: "absolute inset-0 opacity-25 pointer-events-none",
@@ -2475,7 +3984,7 @@ var HistoryPanel = ({
         }
       }
     ),
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement(
       "div",
       {
         className: "absolute inset-0 pointer-events-none",
@@ -2485,7 +3994,7 @@ var HistoryPanel = ({
         }
       }
     ),
-    /* @__PURE__ */ React6.createElement("div", { className: "relative z-10 flex flex-col h-full", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement("div", { className: "relative z-10 flex flex-col h-full", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React21.createElement(
       "div",
       {
         className: "flex items-center justify-between px-8 py-6 border-b relative",
@@ -2497,8 +4006,8 @@ var HistoryPanel = ({
           boxShadow: "0 4px 24px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3)"
         }
       },
-      /* @__PURE__ */ React6.createElement("h2", { className: "text-2xl font-bold text-white flex items-center gap-3" }, /* @__PURE__ */ React6.createElement("span", { className: "text-3xl" }, "\u{1F4DC}"), /* @__PURE__ */ React6.createElement("span", { style: { textShadow: "0 2px 12px rgba(255, 255, 255, 0.3)" } }, "\u5BF9\u8BDD\u5386\u53F2")),
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement("h2", { className: "text-2xl font-bold text-white flex items-center gap-3" }, /* @__PURE__ */ React21.createElement("span", { className: "text-3xl" }, "\u{1F4DC}"), /* @__PURE__ */ React21.createElement("span", { style: { textShadow: "0 2px 12px rgba(255, 255, 255, 0.3)" } }, "\u5BF9\u8BDD\u5386\u53F2")),
+      /* @__PURE__ */ React21.createElement(
         "button",
         {
           onClick: onClose,
@@ -2512,9 +4021,9 @@ var HistoryPanel = ({
           },
           "aria-label": "\u5173\u95ED"
         },
-        /* @__PURE__ */ React6.createElement("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React6.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
+        /* @__PURE__ */ React21.createElement("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React21.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
       )
-    ), /* @__PURE__ */ React6.createElement("div", { className: "flex-1 overflow-y-auto p-6 space-y-4" }, history.length === 0 ? /* @__PURE__ */ React6.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__ */ React6.createElement(
+    ), /* @__PURE__ */ React21.createElement("div", { className: "flex-1 overflow-y-auto p-6 space-y-4" }, history.length === 0 ? /* @__PURE__ */ React21.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.createElement(
       "div",
       {
         key: `${item.nodeIndex}-${item.dialogueIndex}-${index}`,
@@ -2527,7 +4036,7 @@ var HistoryPanel = ({
           boxShadow: "0 8px 24px rgba(255, 255, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.25)"
         }
       },
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(
         "div",
         {
           className: "absolute top-0 left-0 right-0 h-0.5",
@@ -2536,7 +4045,7 @@ var HistoryPanel = ({
           }
         }
       ),
-      item.speaker && /* @__PURE__ */ React6.createElement(
+      item.speaker && /* @__PURE__ */ React21.createElement(
         "div",
         {
           className: "inline-block px-5 py-2 rounded-xl mb-3 text-sm font-bold shadow-lg relative overflow-hidden",
@@ -2549,7 +4058,7 @@ var HistoryPanel = ({
             border: "1px solid rgba(255, 255, 255, 0.25)"
           }
         },
-        /* @__PURE__ */ React6.createElement(
+        /* @__PURE__ */ React21.createElement(
           "div",
           {
             className: "absolute inset-0 opacity-30",
@@ -2560,9 +4069,9 @@ var HistoryPanel = ({
             }
           }
         ),
-        /* @__PURE__ */ React6.createElement("span", { className: "relative z-10 drop-shadow-lg" }, item.speaker)
+        /* @__PURE__ */ React21.createElement("span", { className: "relative z-10 drop-shadow-lg" }, item.speaker)
       ),
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(
         "p",
         {
           className: "text-base leading-relaxed",
@@ -2573,7 +4082,7 @@ var HistoryPanel = ({
         },
         item.text
       )
-    ))), /* @__PURE__ */ React6.createElement(
+    ))), /* @__PURE__ */ React21.createElement(
       "div",
       {
         className: "px-8 py-4 border-t text-center",
@@ -2585,7 +4094,7 @@ var HistoryPanel = ({
           boxShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.2)"
         }
       },
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(
         "span",
         {
           className: "text-sm px-5 py-2.5 rounded-full inline-block font-medium",
@@ -2635,7 +4144,7 @@ var LoadingScreen = ({
     console.log("[LoadingScreen] Not showing, returning null");
     return null;
   }
-  const content = /* @__PURE__ */ React6.createElement(
+  const content = /* @__PURE__ */ React21.createElement(
     "div",
     {
       className: `fixed inset-0 w-screen h-screen flex items-center justify-center ${className}`,
@@ -2647,7 +4156,7 @@ var LoadingScreen = ({
         padding: 0
       }
     },
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement(
       "div",
       {
         className: "absolute inset-0 w-full h-full pointer-events-none",
@@ -2657,7 +4166,7 @@ var LoadingScreen = ({
           WebkitBackdropFilter: "blur(32px) saturate(200%)"
         }
       },
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(
         "div",
         {
           className: "flex items-center justify-center flex-col inset-0 w-full h-full pointer-events-none",
@@ -2672,7 +4181,7 @@ var LoadingScreen = ({
             animation: "gradientShift 15s ease infinite"
           }
         },
-        /* @__PURE__ */ React6.createElement(
+        /* @__PURE__ */ React21.createElement(
           "div",
           {
             className: "text-lg font-medium text-white text-center px-6 py-3 rounded-2xl"
@@ -2707,13 +4216,13 @@ var LoadingScreen = ({
 LoadingScreen.displayName = "LoadingScreen";
 var VNModal = ({ title, show, onClose, children }) => {
   if (!show) return null;
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React21.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",
       onClick: onClose
     },
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.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",
@@ -2724,9 +4233,9 @@ var VNModal = ({ title, show, onClose, children }) => {
         },
         onClick: (e) => e.stopPropagation()
       },
-      /* @__PURE__ */ React6.createElement("div", { className: "absolute -top-24 -right-24 w-64 h-64 bg-cyan-400/20 rounded-full blur-3xl pointer-events-none" }),
-      /* @__PURE__ */ React6.createElement("div", { className: "absolute -bottom-24 -left-24 w-64 h-64 bg-pink-400/20 rounded-full blur-3xl pointer-events-none" }),
-      /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between mb-8 relative" }, /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React6.createElement("h2", { className: "text-2xl font-bold text-white tracking-wider drop-shadow-lg" }, title), /* @__PURE__ */ React6.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__ */ React6.createElement(
+      /* @__PURE__ */ React21.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.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.createElement("div", { className: "flex items-center justify-between mb-8 relative" }, /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React21.createElement("h2", { className: "text-2xl font-bold text-white tracking-wider drop-shadow-lg" }, title), /* @__PURE__ */ React21.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.createElement(
         "button",
         {
           onClick: onClose,
@@ -2734,8 +4243,8 @@ var VNModal = ({ title, show, onClose, children }) => {
         },
         "\u2715"
       )),
-      /* @__PURE__ */ React6.createElement("div", { className: "text-white leading-relaxed max-h-[50vh] overflow-y-auto pr-4 custom-scrollbar relative font-medium" }, children),
-      /* @__PURE__ */ React6.createElement("div", { className: "mt-10 flex justify-center relative" }, /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement("div", { className: "text-white leading-relaxed max-h-[50vh] overflow-y-auto pr-4 custom-scrollbar relative font-medium" }, children),
+      /* @__PURE__ */ React21.createElement("div", { className: "mt-10 flex justify-center relative" }, /* @__PURE__ */ React21.createElement(
         "button",
         {
           onClick: onClose,
@@ -2763,7 +4272,7 @@ var StartScreen = ({
   }, []);
   if (!isMounted) return null;
   if (!showStartScreen) return null;
-  const content = /* @__PURE__ */ React6.createElement(
+  const content = /* @__PURE__ */ React21.createElement(
     "div",
     {
       className: `fixed inset-0 w-screen h-screen flex items-center justify-center overflow-hidden ${className}`,
@@ -2775,7 +4284,7 @@ var StartScreen = ({
         padding: 0
       }
     },
-    /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 w-full h-full overflow-hidden" }, /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 w-full h-full overflow-hidden" }, /* @__PURE__ */ React21.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",
@@ -2785,7 +4294,7 @@ var StartScreen = ({
           animation: "pulse 10s ease-in-out infinite"
         }
       }
-    ), /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 transition-opacity duration-1000" }, /* @__PURE__ */ React6.createElement("div", { className: "absolute top-[-10%] left-[-10%] w-[60%] h-[60%] bg-cyan-500/10 rounded-full blur-[120px] animate-blob" }), /* @__PURE__ */ React6.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__ */ React6.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__ */ React6.createElement("div", { className: "absolute inset-0 opacity-60" }, [...Array(40)].map((_, i) => /* @__PURE__ */ React6.createElement(
+    ), /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 transition-opacity duration-1000" }, /* @__PURE__ */ React21.createElement("div", { className: "absolute top-[-10%] left-[-10%] w-[60%] h-[60%] bg-cyan-500/10 rounded-full blur-[120px] animate-blob" }), /* @__PURE__ */ React21.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.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.createElement("div", { className: "absolute inset-0 opacity-60" }, [...Array(40)].map((_, i) => /* @__PURE__ */ React21.createElement(
       "div",
       {
         key: i,
@@ -2801,7 +4310,7 @@ var StartScreen = ({
         }
       }
     )))),
-    /* @__PURE__ */ React6.createElement("div", { className: "relative z-10 w-full max-w-5xl mx-auto px-6 flex flex-col items-center" }, /* @__PURE__ */ React6.createElement("div", { className: "text-center mb-20 md:mb-32 group flex flex-col items-center" }, /* @__PURE__ */ React6.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__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement("div", { className: "relative z-10 w-full max-w-5xl mx-auto px-6 flex flex-col items-center" }, /* @__PURE__ */ React21.createElement("div", { className: "text-center mb-20 md:mb-32 group flex flex-col items-center" }, /* @__PURE__ */ React21.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.createElement(
       "h1",
       {
         className: "text-6xl md:text-8xl font-black text-white tracking-[0.15em] leading-tight select-none",
@@ -2811,49 +4320,49 @@ var StartScreen = ({
         }
       },
       scriptName || "VISUAL NOVEL"
-    ), /* @__PURE__ */ React6.createElement("div", { className: "mt-10 flex flex-col items-center gap-4" }, /* @__PURE__ */ React6.createElement("div", { className: "h-1 w-32 bg-white rounded-full opacity-80 shadow-[0_0_20px_rgba(255,255,255,0.8)]" }), /* @__PURE__ */ React6.createElement("span", { className: "text-sm md:text-base tracking-[0.8em] text-white/60 font-medium uppercase translate-x-[0.4em]" }, "Adventure System"))), /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col gap-10 items-center w-full max-w-sm" }, /* @__PURE__ */ React6.createElement(
+    ), /* @__PURE__ */ React21.createElement("div", { className: "mt-10 flex flex-col items-center gap-4" }, /* @__PURE__ */ React21.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.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.createElement("div", { className: "flex flex-col gap-10 items-center w-full max-w-sm" }, /* @__PURE__ */ React21.createElement(
       "button",
       {
         onClick: onStart,
         className: "group relative w-full h-20 flex items-center justify-center transition-all duration-500 active:scale-95"
       },
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.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"
         }
       ),
-      /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 overflow-hidden rounded-3xl pointer-events-none" }, /* @__PURE__ */ React6.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__ */ React6.createElement("div", { className: "relative flex items-center gap-6" }, /* @__PURE__ */ React6.createElement("div", { className: "w-3 h-3 rounded-full bg-cyan-400 animate-ping opacity-75" }), /* @__PURE__ */ React6.createElement("span", { className: "text-2xl font-black text-white tracking-[0.4em] drop-shadow-md" }, startText), /* @__PURE__ */ React6.createElement("div", { className: "w-3 h-3 rounded-full bg-pink-400 animate-ping opacity-75" }))
-    ), /* @__PURE__ */ React6.createElement("div", { className: "flex gap-8 w-full justify-center" }, [
+      /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 overflow-hidden rounded-3xl pointer-events-none" }, /* @__PURE__ */ React21.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.createElement("div", { className: "relative flex items-center gap-6" }, /* @__PURE__ */ React21.createElement("div", { className: "w-3 h-3 rounded-full bg-cyan-400 animate-ping opacity-75" }), /* @__PURE__ */ React21.createElement("span", { className: "text-2xl font-black text-white tracking-[0.4em] drop-shadow-md" }, startText), /* @__PURE__ */ React21.createElement("div", { className: "w-3 h-3 rounded-full bg-pink-400 animate-ping opacity-75" }))
+    ), /* @__PURE__ */ React21.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__ */ React6.createElement(
+    ].map((btn, idx) => /* @__PURE__ */ React21.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"
       },
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.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__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(
         "div",
         {
           className: "absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity",
           style: { background: btn.color }
         }
       ),
-      /* @__PURE__ */ React6.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__ */ React21.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__ */ React6.createElement("div", { className: "fixed bottom-10 left-0 right-0 text-center pointer-events-none select-none" }, /* @__PURE__ */ React6.createElement("div", { className: "inline-block px-6 py-2 rounded-full bg-white/5 backdrop-blur-md border border-white/10" }, /* @__PURE__ */ React6.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__ */ React6.createElement(VNModal, { title: settingsText, show: showSettings, onClose: () => setShowSettings(false) }, /* @__PURE__ */ React6.createElement("div", { className: "space-y-8 py-4" }, /* @__PURE__ */ React6.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React6.createElement("div", { className: "flex justify-between items-center text-sm font-bold tracking-widest text-white/60" }, /* @__PURE__ */ React6.createElement("span", null, "MUSIC VOLUME"), /* @__PURE__ */ React6.createElement("span", null, "80%")), /* @__PURE__ */ React6.createElement("div", { className: "h-3 bg-white/10 rounded-full p-0.5 border border-white/10" }, /* @__PURE__ */ React6.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__ */ React6.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React6.createElement("div", { className: "flex justify-between items-center text-sm font-bold tracking-widest text-white/60" }, /* @__PURE__ */ React6.createElement("span", null, "TEXT SPEED"), /* @__PURE__ */ React6.createElement("span", null, "NORMAL")), /* @__PURE__ */ React6.createElement("div", { className: "flex gap-3" }, ["SLOW", "NORMAL", "FAST"].map((s, i) => /* @__PURE__ */ React6.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__ */ React6.createElement("div", { className: "pt-4 flex items-center justify-between opacity-50 italic text-xs border-t border-white/10" }, /* @__PURE__ */ React6.createElement("span", null, "Auto Save Enabled"), /* @__PURE__ */ React6.createElement("span", null, "Cloud Sync Active")))),
-    /* @__PURE__ */ React6.createElement(VNModal, { title: aboutText, show: showAbout, onClose: () => setShowAbout(false) }, /* @__PURE__ */ React6.createElement("div", { className: "space-y-8 py-4" }, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center gap-6 p-6 rounded-3xl bg-white/5 border border-white/10" }, /* @__PURE__ */ React6.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__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement("h3", { className: "text-2xl font-black text-white tracking-tight" }, scriptName || "Project SA2"), /* @__PURE__ */ React6.createElement("p", { className: "text-xs font-bold text-white/40 tracking-widest mt-1 uppercase" }, "Visual Novel Experience"))), /* @__PURE__ */ React6.createElement("div", { className: "space-y-4 px-2" }, /* @__PURE__ */ React6.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__ */ React6.createElement("div", { className: "grid grid-cols-2 gap-4 pt-6 border-t border-white/10" }, /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React6.createElement("span", { className: "text-[10px] font-bold text-white/30 tracking-widest" }, "DEVELOPER"), /* @__PURE__ */ React6.createElement("span", { className: "text-xs font-bold text-white/80" }, "SA2KIT TEAM")), /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col gap-1 text-right" }, /* @__PURE__ */ React6.createElement("span", { className: "text-[10px] font-bold text-white/30 tracking-widest" }, "ENGINE"), /* @__PURE__ */ React6.createElement("span", { className: "text-xs font-bold text-white/80" }, "THREE.JS / REACT"))))),
-    /* @__PURE__ */ React6.createElement("style", null, `
+    /* @__PURE__ */ React21.createElement("div", { className: "fixed bottom-10 left-0 right-0 text-center pointer-events-none select-none" }, /* @__PURE__ */ React21.createElement("div", { className: "inline-block px-6 py-2 rounded-full bg-white/5 backdrop-blur-md border border-white/10" }, /* @__PURE__ */ React21.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.createElement(VNModal, { title: settingsText, show: showSettings, onClose: () => setShowSettings(false) }, /* @__PURE__ */ React21.createElement("div", { className: "space-y-8 py-4" }, /* @__PURE__ */ React21.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React21.createElement("div", { className: "flex justify-between items-center text-sm font-bold tracking-widest text-white/60" }, /* @__PURE__ */ React21.createElement("span", null, "MUSIC VOLUME"), /* @__PURE__ */ React21.createElement("span", null, "80%")), /* @__PURE__ */ React21.createElement("div", { className: "h-3 bg-white/10 rounded-full p-0.5 border border-white/10" }, /* @__PURE__ */ React21.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.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React21.createElement("div", { className: "flex justify-between items-center text-sm font-bold tracking-widest text-white/60" }, /* @__PURE__ */ React21.createElement("span", null, "TEXT SPEED"), /* @__PURE__ */ React21.createElement("span", null, "NORMAL")), /* @__PURE__ */ React21.createElement("div", { className: "flex gap-3" }, ["SLOW", "NORMAL", "FAST"].map((s, i) => /* @__PURE__ */ React21.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.createElement("div", { className: "pt-4 flex items-center justify-between opacity-50 italic text-xs border-t border-white/10" }, /* @__PURE__ */ React21.createElement("span", null, "Auto Save Enabled"), /* @__PURE__ */ React21.createElement("span", null, "Cloud Sync Active")))),
+    /* @__PURE__ */ React21.createElement(VNModal, { title: aboutText, show: showAbout, onClose: () => setShowAbout(false) }, /* @__PURE__ */ React21.createElement("div", { className: "space-y-8 py-4" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-6 p-6 rounded-3xl bg-white/5 border border-white/10" }, /* @__PURE__ */ React21.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.createElement("div", null, /* @__PURE__ */ React21.createElement("h3", { className: "text-2xl font-black text-white tracking-tight" }, scriptName || "Project SA2"), /* @__PURE__ */ React21.createElement("p", { className: "text-xs font-bold text-white/40 tracking-widest mt-1 uppercase" }, "Visual Novel Experience"))), /* @__PURE__ */ React21.createElement("div", { className: "space-y-4 px-2" }, /* @__PURE__ */ React21.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.createElement("div", { className: "grid grid-cols-2 gap-4 pt-6 border-t border-white/10" }, /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React21.createElement("span", { className: "text-[10px] font-bold text-white/30 tracking-widest" }, "DEVELOPER"), /* @__PURE__ */ React21.createElement("span", { className: "text-xs font-bold text-white/80" }, "SA2KIT TEAM")), /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col gap-1 text-right" }, /* @__PURE__ */ React21.createElement("span", { className: "text-[10px] font-bold text-white/30 tracking-widest" }, "ENGINE"), /* @__PURE__ */ React21.createElement("span", { className: "text-xs font-bold text-white/80" }, "THREE.JS / REACT"))))),
+    /* @__PURE__ */ React21.createElement("style", null, `
         @keyframes floatParticle {
           from { transform: translateY(0) translateX(0); opacity: 0; }
           20% { opacity: 1; }
@@ -2938,14 +4447,14 @@ var LoadingOverlay = ({
   onStart,
   className = ""
 }) => {
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
     LoadingScreen,
     {
       isLoading,
       loadingText,
       className
     }
-  ), /* @__PURE__ */ React6.createElement(
+  ), /* @__PURE__ */ React21.createElement(
     StartScreen,
     {
       showStartScreen,
@@ -2963,18 +4472,18 @@ var SkipConfirmDialog = ({
   onConfirm,
   onCancel
 }) => {
-  const [isMounted, setIsMounted] = React6.useState(false);
-  React6.useEffect(() => {
+  const [isMounted, setIsMounted] = React21.useState(false);
+  React21.useEffect(() => {
     setIsMounted(true);
   }, []);
   if (!isMounted) return null;
-  const content = /* @__PURE__ */ React6.createElement(
+  const content = /* @__PURE__ */ React21.createElement(
     "div",
     {
       className: "fixed inset-0 flex items-center justify-center bg-black/40 backdrop-blur-sm pointer-events-auto",
       style: { zIndex: 999999 }
     },
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement(
       "div",
       {
         className: "p-8 rounded-3xl border border-white/30 shadow-2xl max-w-sm w-full mx-4 overflow-hidden relative",
@@ -2986,16 +4495,16 @@ var SkipConfirmDialog = ({
           WebkitBackdropFilter: "blur(32px) saturate(200%)"
         }
       },
-      /* @__PURE__ */ React6.createElement("h3", { className: "text-xl font-bold text-white mb-4 drop-shadow-md" }, "\u52A8\u753B\u5C1A\u672A\u64AD\u653E\u5B8C\u6210"),
-      /* @__PURE__ */ React6.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__ */ React6.createElement("div", { className: "flex justify-end gap-4" }, /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement("h3", { className: "text-xl font-bold text-white mb-4 drop-shadow-md" }, "\u52A8\u753B\u5C1A\u672A\u64AD\u653E\u5B8C\u6210"),
+      /* @__PURE__ */ React21.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.createElement("div", { className: "flex justify-end gap-4" }, /* @__PURE__ */ React21.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__ */ React6.createElement(
+      ), /* @__PURE__ */ React21.createElement(
         "button",
         {
           onClick: onConfirm,
@@ -3019,18 +4528,18 @@ var ChoiceMenu = ({
   onSelect,
   theme
 }) => {
-  const [isMounted, setIsMounted] = React6.useState(false);
-  React6.useEffect(() => {
+  const [isMounted, setIsMounted] = React21.useState(false);
+  React21.useEffect(() => {
     setIsMounted(true);
   }, []);
   if (!isMounted) return null;
-  const content = /* @__PURE__ */ React6.createElement(
+  const content = /* @__PURE__ */ React21.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__ */ React6.createElement("div", { className: "flex flex-col gap-4 w-full max-w-md px-6" }, choices.map((choice, index) => /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col gap-4 w-full max-w-md px-6" }, choices.map((choice, index) => /* @__PURE__ */ React21.createElement(
       "button",
       {
         key: index,
@@ -3044,9 +4553,9 @@ var ChoiceMenu = ({
           WebkitBackdropFilter: "blur(32px) saturate(200%)"
         }
       },
-      /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 bg-white/10 opacity-0 group-hover:opacity-100 transition-opacity" }),
-      /* @__PURE__ */ React6.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__ */ React6.createElement("span", { className: "relative z-10 drop-shadow-md" }, choice.text)
+      /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 bg-white/10 opacity-0 group-hover:opacity-100 transition-opacity" }),
+      /* @__PURE__ */ React21.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.createElement("span", { className: "relative z-10 drop-shadow-md" }, choice.text)
     )))
   );
   let portalContainer = document.getElementById("dialogue-portal-root");
@@ -3328,16 +4837,16 @@ var MMDVisualNovel = forwardRef(
       };
     }, []);
     if (!currentNode) {
-      return /* @__PURE__ */ React6.createElement("div", { className: "flex h-full w-full items-center justify-center bg-black text-white" }, "\u5267\u672C\u4E3A\u7A7A");
+      return /* @__PURE__ */ React21.createElement("div", { className: "flex h-full w-full items-center justify-center bg-black text-white" }, "\u5267\u672C\u4E3A\u7A7A");
     }
-    return /* @__PURE__ */ React6.createElement(
+    return /* @__PURE__ */ React21.createElement(
       "div",
       {
         ref: containerRef,
         className: `relative bg-black ${className}`,
         style: { width: "100%", height: "100%", overflow: "hidden", ...style }
       },
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(
         "div",
         {
           className: "absolute inset-0 w-full h-full",
@@ -3348,7 +4857,7 @@ var MMDVisualNovel = forwardRef(
             transition: "opacity 0.3s ease-in-out"
           }
         },
-        !isTransitioning && /* @__PURE__ */ React6.createElement(
+        !isTransitioning && /* @__PURE__ */ React21.createElement(
           MMDPlayerBase,
           {
             key: currentNode.id,
@@ -3397,13 +4906,13 @@ var MMDVisualNovel = forwardRef(
           }
         )
       ),
-      activeEffect && /* @__PURE__ */ React6.createElement(
+      activeEffect && /* @__PURE__ */ React21.createElement(
         "div",
         {
           className: "pointer-events-none absolute inset-0 flex items-center justify-center",
           style: { zIndex: 999 }
         },
-        activeEffect.type === "flash" && /* @__PURE__ */ React6.createElement(
+        activeEffect.type === "flash" && /* @__PURE__ */ React21.createElement(
           "div",
           {
             className: "h-full w-full",
@@ -3413,7 +4922,7 @@ var MMDVisualNovel = forwardRef(
             }
           }
         ),
-        activeEffect.type === "gif" && activeEffect.url && /* @__PURE__ */ React6.createElement(
+        activeEffect.type === "gif" && activeEffect.url && /* @__PURE__ */ React21.createElement(
           "img",
           {
             src: activeEffect.url,
@@ -3421,7 +4930,7 @@ var MMDVisualNovel = forwardRef(
             className: activeEffect.position === "full" ? "h-full w-full object-cover" : "max-h-full max-w-full"
           }
         ),
-        /* @__PURE__ */ React6.createElement("style", null, `
+        /* @__PURE__ */ React21.createElement("style", null, `
               @keyframes flash-anim {
                 0% { opacity: 0; }
                 25% { opacity: 1; }
@@ -3429,7 +4938,7 @@ var MMDVisualNovel = forwardRef(
               }
             `)
       ),
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(
         LoadingOverlay,
         {
           isLoading: (() => {
@@ -3463,7 +4972,7 @@ var MMDVisualNovel = forwardRef(
           shouldShow,
           dialogue: currentDialogue
         });
-        return shouldShow ? /* @__PURE__ */ React6.createElement(
+        return shouldShow ? /* @__PURE__ */ React21.createElement(
           DialogueBox,
           {
             dialogue: currentDialogue,
@@ -3489,7 +4998,7 @@ var MMDVisualNovel = forwardRef(
           }
         ) : null;
       })(),
-      pendingNodeIndex !== null && /* @__PURE__ */ React6.createElement(
+      pendingNodeIndex !== null && /* @__PURE__ */ React21.createElement(
         SkipConfirmDialog,
         {
           onConfirm: () => {
@@ -3502,7 +5011,7 @@ var MMDVisualNovel = forwardRef(
           }
         }
       ),
-      showChoices && (currentDialogue?.choices || currentNode.choices) && /* @__PURE__ */ React6.createElement(
+      showChoices && (currentDialogue?.choices || currentNode.choices) && /* @__PURE__ */ React21.createElement(
         ChoiceMenu,
         {
           choices: currentDialogue?.choices || currentNode.choices,
@@ -3541,7 +5050,7 @@ var MMDVisualNovel = forwardRef(
           }
         }
       ),
-      showHistory && /* @__PURE__ */ React6.createElement(
+      showHistory && /* @__PURE__ */ React21.createElement(
         HistoryPanel,
         {
           history,
@@ -3574,18 +5083,18 @@ var MusicControls = ({
     return `${mins}:${secs.toString().padStart(2, "0")}`;
   };
   const progress = duration > 0 ? currentTime / duration * 100 : 0;
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React21.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__ */ React6.createElement("div", { className: "relative w-full h-1.5 bg-white/20 rounded-full mb-4 cursor-pointer group/progress overflow-hidden" }, /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement("div", { className: "relative w-full h-1.5 bg-white/20 rounded-full mb-4 cursor-pointer group/progress overflow-hidden" }, /* @__PURE__ */ React21.createElement(
       "div",
       {
         className: "absolute h-full bg-blue-500 rounded-full transition-all duration-300",
         style: { width: `${progress}%` }
       }
-    ), /* @__PURE__ */ React6.createElement(
+    ), /* @__PURE__ */ React21.createElement(
       "input",
       {
         type: "range",
@@ -3596,52 +5105,52 @@ var MusicControls = ({
         className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer"
       }
     )),
-    /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center gap-2 text-xs font-mono text-white/60 w-32" }, /* @__PURE__ */ React6.createElement("span", null, formatTime(currentTime)), /* @__PURE__ */ React6.createElement("span", null, "/"), /* @__PURE__ */ React6.createElement("span", null, formatTime(duration))), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center gap-6" }, /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2 text-xs font-mono text-white/60 w-32" }, /* @__PURE__ */ React21.createElement("span", null, formatTime(currentTime)), /* @__PURE__ */ React21.createElement("span", null, "/"), /* @__PURE__ */ React21.createElement("span", null, formatTime(duration))), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-6" }, /* @__PURE__ */ React21.createElement(
       "button",
       {
         onClick: onPrevious,
         className: "text-white/80 hover:text-white transition-colors"
       },
-      /* @__PURE__ */ React6.createElement(SkipBack, { className: "w-6 h-6 fill-current" })
-    ), /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(SkipBack, { className: "w-6 h-6 fill-current" })
+    ), /* @__PURE__ */ React21.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__ */ React6.createElement(Pause, { className: "w-6 h-6 fill-current" }) : /* @__PURE__ */ React6.createElement(Play, { className: "w-6 h-6 fill-current ml-1" })
-    ), /* @__PURE__ */ React6.createElement(
+      isPlaying ? /* @__PURE__ */ React21.createElement(Pause, { className: "w-6 h-6 fill-current" }) : /* @__PURE__ */ React21.createElement(Play, { className: "w-6 h-6 fill-current ml-1" })
+    ), /* @__PURE__ */ React21.createElement(
       "button",
       {
         onClick: onNext,
         className: "text-white/80 hover:text-white transition-colors"
       },
-      /* @__PURE__ */ React6.createElement(SkipForward, { className: "w-6 h-6 fill-current" })
-    )), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center gap-4 w-32 justify-end" }, isCameraManual && /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(SkipForward, { className: "w-6 h-6 fill-current" })
+    )), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-4 w-32 justify-end" }, isCameraManual && /* @__PURE__ */ React21.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__ */ React6.createElement(Camera, { className: "w-5 h-5" })
-    ), /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(Camera, { className: "w-5 h-5" })
+    ), /* @__PURE__ */ React21.createElement(
       "button",
       {
         onClick: onToggleLoop,
         className: "text-white/60 hover:text-white transition-colors",
         title: loopMode
       },
-      loopMode === "list" && /* @__PURE__ */ React6.createElement(Repeat, { className: "w-5 h-5" }),
-      loopMode === "single" && /* @__PURE__ */ React6.createElement(Repeat1, { className: "w-5 h-5 text-blue-400" }),
-      loopMode === "shuffle" && /* @__PURE__ */ React6.createElement(Shuffle, { className: "w-5 h-5 text-orange-400" })
-    ), /* @__PURE__ */ React6.createElement(
+      loopMode === "list" && /* @__PURE__ */ React21.createElement(Repeat, { className: "w-5 h-5" }),
+      loopMode === "single" && /* @__PURE__ */ React21.createElement(Repeat1, { className: "w-5 h-5 text-blue-400" }),
+      loopMode === "shuffle" && /* @__PURE__ */ React21.createElement(Shuffle, { className: "w-5 h-5 text-orange-400" })
+    ), /* @__PURE__ */ React21.createElement(
       "button",
       {
         onClick: onTogglePlaylist,
         className: "text-white/60 hover:text-white transition-colors"
       },
-      /* @__PURE__ */ React6.createElement(ListMusic, { className: "w-5 h-5" })
+      /* @__PURE__ */ React21.createElement(ListMusic, { className: "w-5 h-5" })
     )))
   );
 };
@@ -3656,25 +5165,25 @@ var PlaylistPanel = ({
   onSearch,
   isSearching
 }) => {
-  const [searchValue, setSearchValue] = React6.useState("");
+  const [searchValue, setSearchValue] = React21.useState("");
   if (!isOpen) return null;
   const handleSearchSubmit = (e) => {
     e.preventDefault();
     onSearch?.(searchValue);
   };
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React21.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__ */ React6.createElement("div", { className: "flex flex-col p-6 border-b border-white/10 gap-4" }, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React6.createElement(Music, { className: "w-5 h-5 text-blue-400" }), /* @__PURE__ */ React6.createElement("h3", { className: "text-lg font-bold text-white" }, mikuMode ? "Miku \u6B4C\u66F2\u5E93" : "\u64AD\u653E\u5217\u8868")), /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col p-6 border-b border-white/10 gap-4" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21.createElement(Music, { className: "w-5 h-5 text-blue-400" }), /* @__PURE__ */ React21.createElement("h3", { className: "text-lg font-bold text-white" }, mikuMode ? "Miku \u6B4C\u66F2\u5E93" : "\u64AD\u653E\u5217\u8868")), /* @__PURE__ */ React21.createElement(
       "button",
       {
         onClick: onClose,
         className: "p-2 text-white/60 hover:text-white transition-colors"
       },
-      /* @__PURE__ */ React6.createElement(X, { className: "w-5 h-5" })
-    )), mikuMode && /* @__PURE__ */ React6.createElement("form", { onSubmit: handleSearchSubmit, className: "relative" }, /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(X, { className: "w-5 h-5" })
+    )), mikuMode && /* @__PURE__ */ React21.createElement("form", { onSubmit: handleSearchSubmit, className: "relative" }, /* @__PURE__ */ React21.createElement(
       "input",
       {
         type: "text",
@@ -3683,23 +5192,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__ */ React6.createElement(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-white/20" }), isSearching && /* @__PURE__ */ React6.createElement(Loader2, { className: "absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-blue-400 animate-spin" }))),
-    /* @__PURE__ */ React6.createElement("div", { className: "flex-1 overflow-y-auto p-4 space-y-2 custom-scrollbar" }, tracks.map((track, index) => {
+    ), /* @__PURE__ */ React21.createElement(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-white/20" }), isSearching && /* @__PURE__ */ React21.createElement(Loader2, { className: "absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-blue-400 animate-spin" }))),
+    /* @__PURE__ */ React21.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__ */ React6.createElement(
+      return /* @__PURE__ */ React21.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__ */ React6.createElement("div", { className: "relative w-12 h-12 flex-shrink-0 rounded-lg overflow-hidden bg-gray-800" }, track.coverUrl ? /* @__PURE__ */ React6.createElement("img", { src: track.coverUrl, alt: track.title, className: "w-full h-full object-cover" }) : /* @__PURE__ */ React6.createElement("div", { className: "w-full h-full flex items-center justify-center text-white/20" }, /* @__PURE__ */ React6.createElement(Music, { className: "w-6 h-6" })), isActive && /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 bg-blue-500/40 flex items-center justify-center" }, /* @__PURE__ */ React6.createElement("div", { className: "flex gap-1 items-end h-4" }, /* @__PURE__ */ React6.createElement("div", { className: "w-1 bg-white animate-music-bar-1" }), /* @__PURE__ */ React6.createElement("div", { className: "w-1 bg-white animate-music-bar-2" }), /* @__PURE__ */ React6.createElement("div", { className: "w-1 bg-white animate-music-bar-3" })))),
-        /* @__PURE__ */ React6.createElement("div", { className: "flex-1 text-left min-w-0" }, /* @__PURE__ */ React6.createElement("h4", { className: `text-sm font-bold truncate ${isActive ? "text-blue-400" : "text-white/90"}` }, track.title), /* @__PURE__ */ React6.createElement("p", { className: "text-xs text-white/40 truncate mt-0.5" }, track.artist || "\u672A\u77E5\u827A\u672F\u5BB6")),
-        !isActive && /* @__PURE__ */ React6.createElement("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity" }, /* @__PURE__ */ React6.createElement(Play, { className: "w-4 h-4 text-white/40 fill-current" }))
+        /* @__PURE__ */ React21.createElement("div", { className: "relative w-12 h-12 flex-shrink-0 rounded-lg overflow-hidden bg-gray-800" }, track.coverUrl ? /* @__PURE__ */ React21.createElement("img", { src: track.coverUrl, alt: track.title, className: "w-full h-full object-cover" }) : /* @__PURE__ */ React21.createElement("div", { className: "w-full h-full flex items-center justify-center text-white/20" }, /* @__PURE__ */ React21.createElement(Music, { className: "w-6 h-6" })), isActive && /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 bg-blue-500/40 flex items-center justify-center" }, /* @__PURE__ */ React21.createElement("div", { className: "flex gap-1 items-end h-4" }, /* @__PURE__ */ React21.createElement("div", { className: "w-1 bg-white animate-music-bar-1" }), /* @__PURE__ */ React21.createElement("div", { className: "w-1 bg-white animate-music-bar-2" }), /* @__PURE__ */ React21.createElement("div", { className: "w-1 bg-white animate-music-bar-3" })))),
+        /* @__PURE__ */ React21.createElement("div", { className: "flex-1 text-left min-w-0" }, /* @__PURE__ */ React21.createElement("h4", { className: `text-sm font-bold truncate ${isActive ? "text-blue-400" : "text-white/90"}` }, track.title), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-white/40 truncate mt-0.5" }, track.artist || "\u672A\u77E5\u827A\u672F\u5BB6")),
+        !isActive && /* @__PURE__ */ React21.createElement("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity" }, /* @__PURE__ */ React21.createElement(Play, { className: "w-4 h-4 text-white/40 fill-current" }))
       );
     })),
-    /* @__PURE__ */ React6.createElement("div", { className: "p-6 border-t border-white/10" }, /* @__PURE__ */ React6.createElement("p", { className: "text-xs text-gray-500 text-center" }, "\u5171 ", tracks.length, " \u9996\u66F2\u76EE")),
-    /* @__PURE__ */ React6.createElement("style", { dangerouslySetInnerHTML: { __html: `
+    /* @__PURE__ */ React21.createElement("div", { className: "p-6 border-t border-white/10" }, /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-gray-500 text-center" }, "\u5171 ", tracks.length, " \u9996\u66F2\u76EE")),
+    /* @__PURE__ */ React21.createElement("style", { dangerouslySetInnerHTML: { __html: `
         .custom-scrollbar::-webkit-scrollbar {
           width: 4px;
         }
@@ -3732,7 +5241,7 @@ var PlaylistPanel = ({
   );
 };
 var TrackInfo = ({ track, className = "" }) => {
-  return /* @__PURE__ */ React6.createElement("div", { className: `flex flex-col items-center text-center gap-2 ${className}` }, /* @__PURE__ */ React6.createElement("div", { className: "px-4 py-1.5 bg-black/40 backdrop-blur-md rounded-full border border-white/10 shadow-lg" }, /* @__PURE__ */ React6.createElement("h2", { className: "text-lg font-bold text-white tracking-wider truncate max-w-md" }, track.title)), /* @__PURE__ */ React6.createElement("p", { className: "text-sm font-medium text-white/60 drop-shadow-md" }, track.artist || "\u672A\u77E5\u827A\u672F\u5BB6"));
+  return /* @__PURE__ */ React21.createElement("div", { className: `flex flex-col items-center text-center gap-2 ${className}` }, /* @__PURE__ */ React21.createElement("div", { className: "px-4 py-1.5 bg-black/40 backdrop-blur-md rounded-full border border-white/10 shadow-lg" }, /* @__PURE__ */ React21.createElement("h2", { className: "text-lg font-bold text-white tracking-wider truncate max-w-md" }, track.title)), /* @__PURE__ */ React21.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
@@ -3934,9 +5443,9 @@ var MMDMusicPlayer = forwardRef(
       };
     }, [resetUITimeout]);
     if (!currentTrack) {
-      return /* @__PURE__ */ React6.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.createElement("div", { className: "flex h-full w-full items-center justify-center bg-black text-white" }, "\u64AD\u653E\u5217\u8868\u4E3A\u7A7A");
     }
-    return /* @__PURE__ */ React6.createElement(
+    return /* @__PURE__ */ React21.createElement(
       "div",
       {
         ref: containerRef,
@@ -3945,7 +5454,7 @@ var MMDMusicPlayer = forwardRef(
         onMouseMove: resetUITimeout,
         onClick: resetUITimeout
       },
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(
         "div",
         {
           className: "absolute inset-0 w-full h-full",
@@ -3955,7 +5464,7 @@ var MMDMusicPlayer = forwardRef(
             transition: "opacity 0.5s ease-in-out"
           }
         },
-        !isTransitioning && /* @__PURE__ */ React6.createElement(
+        !isTransitioning && /* @__PURE__ */ React21.createElement(
           MMDPlayerBase,
           {
             ref: playerRef,
@@ -3989,14 +5498,14 @@ var MMDMusicPlayer = forwardRef(
           }
         )
       ),
-      (isLoading || isTransitioning) && /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-md" }, /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col items-center gap-4" }, /* @__PURE__ */ React6.createElement("div", { className: "h-12 w-12 animate-spin rounded-full border-4 border-white/20 border-t-blue-500" }), /* @__PURE__ */ React6.createElement("div", { className: "text-white font-medium" }, isTransitioning ? "\u51C6\u5907\u4E0B\u4E00\u9996..." : "\u6B63\u5728\u52A0\u8F7D\u821E\u53F0..."))),
-      /* @__PURE__ */ React6.createElement(
+      (isLoading || isTransitioning) && /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-md" }, /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col items-center gap-4" }, /* @__PURE__ */ React21.createElement("div", { className: "h-12 w-12 animate-spin rounded-full border-4 border-white/20 border-t-blue-500" }), /* @__PURE__ */ React21.createElement("div", { className: "text-white font-medium" }, isTransitioning ? "\u51C6\u5907\u4E0B\u4E00\u9996..." : "\u6B63\u5728\u52A0\u8F7D\u821E\u53F0..."))),
+      /* @__PURE__ */ React21.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__ */ React6.createElement("div", { className: "pt-12 px-8 flex justify-center" }, /* @__PURE__ */ React6.createElement(TrackInfo, { track: currentTrack })),
-        /* @__PURE__ */ React6.createElement("div", { className: "pb-12 px-8" }, /* @__PURE__ */ React6.createElement(
+        /* @__PURE__ */ React21.createElement("div", { className: "pt-12 px-8 flex justify-center" }, /* @__PURE__ */ React21.createElement(TrackInfo, { track: currentTrack })),
+        /* @__PURE__ */ React21.createElement("div", { className: "pb-12 px-8" }, /* @__PURE__ */ React21.createElement(
           MusicControls,
           {
             isPlaying,
@@ -4021,7 +5530,7 @@ var MMDMusicPlayer = forwardRef(
           }
         ))
       ),
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(
         PlaylistPanel,
         {
           tracks,
@@ -4159,13 +5668,13 @@ var MMDARPlayer = forwardRef((props, ref) => {
     }
     return () => stopCamera();
   }, [autoPlay, startCamera, stopCamera]);
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React21.createElement(
     "div",
     {
       className: `relative w-full h-full bg-black overflow-hidden ${className}`,
       style
     },
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement(
       "video",
       {
         ref: videoRef,
@@ -4176,13 +5685,13 @@ var MMDARPlayer = forwardRef((props, ref) => {
         style: { zIndex: 0 }
       }
     ),
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement(
       "div",
       {
         className: "absolute inset-0 w-full h-full",
         style: { zIndex: 1 }
       },
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(
         MMDPlayerBase,
         {
           ref: playerRef,
@@ -4205,45 +5714,45 @@ var MMDARPlayer = forwardRef((props, ref) => {
         }
       )
     ),
-    /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 z-10 pointer-events-none flex flex-col justify-between p-6" }, /* @__PURE__ */ React6.createElement("div", { className: "flex justify-between items-start pointer-events-auto" }, cameraError ? /* @__PURE__ */ React6.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__ */ React6.createElement(AlertCircle, { className: "w-4 h-4" }), cameraError, /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 z-10 pointer-events-none flex flex-col justify-between p-6" }, /* @__PURE__ */ React21.createElement("div", { className: "flex justify-between items-start pointer-events-auto" }, cameraError ? /* @__PURE__ */ React21.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.createElement(AlertCircle, { className: "w-4 h-4" }), cameraError, /* @__PURE__ */ React21.createElement(
       "button",
       {
         onClick: () => startCamera(),
         className: "ml-2 underline"
       },
       "\u91CD\u8BD5"
-    )) : /* @__PURE__ */ React6.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__ */ React6.createElement(Camera, { className: "w-4 h-4 text-green-400" }), isCameraStarted ? "\u5B9E\u666F AR \u6A21\u5F0F\u5DF2\u5F00\u542F" : "\u7B49\u5F85\u6444\u50CF\u5934..."), /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col gap-2" }, showSettings && /* @__PURE__ */ React6.createElement(
+    )) : /* @__PURE__ */ React21.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.createElement(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.createElement("div", { className: "flex flex-col gap-2" }, showSettings && /* @__PURE__ */ React21.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__ */ React6.createElement(Settings, { className: "w-5 h-5" })
-    ), /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(Settings, { className: "w-5 h-5" })
+    ), /* @__PURE__ */ React21.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__ */ React6.createElement(RefreshCw, { className: "w-5 h-5" })
-    ), /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(RefreshCw, { className: "w-5 h-5" })
+    ), /* @__PURE__ */ React21.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__ */ React6.createElement(CameraOff, { className: "w-5 h-5" }) : /* @__PURE__ */ React6.createElement(Camera, { className: "w-5 h-5" })
-    ))), isSettingsOpen && /* @__PURE__ */ React6.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__ */ React6.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React6.createElement("h3", { className: "text-white font-bold flex items-center gap-2" }, /* @__PURE__ */ React6.createElement(Settings, { className: "w-4 h-4" }), "\u8D44\u6E90\u8BBE\u7F6E"), /* @__PURE__ */ React6.createElement(
+      isCameraStarted ? /* @__PURE__ */ React21.createElement(CameraOff, { className: "w-5 h-5" }) : /* @__PURE__ */ React21.createElement(Camera, { className: "w-5 h-5" })
+    ))), isSettingsOpen && /* @__PURE__ */ React21.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.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React21.createElement("h3", { className: "text-white font-bold flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(Settings, { className: "w-4 h-4" }), "\u8D44\u6E90\u8BBE\u7F6E"), /* @__PURE__ */ React21.createElement(
       "button",
       {
         onClick: () => setIsSettingsOpen(false),
         className: "p-1 hover:bg-white/10 rounded-full transition-colors text-white/60"
       },
-      /* @__PURE__ */ React6.createElement(X, { className: "w-4 h-4" })
-    )), /* @__PURE__ */ React6.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.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__ */ React6.createElement(
+      /* @__PURE__ */ React21.createElement(X, { className: "w-4 h-4" })
+    )), /* @__PURE__ */ React21.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.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.createElement(
       "input",
       {
         type: "text",
@@ -4252,7 +5761,7 @@ var MMDARPlayer = 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__ */ React6.createElement("div", null, /* @__PURE__ */ React6.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__ */ React6.createElement(
+    )), /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.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.createElement(
       "input",
       {
         type: "text",
@@ -4261,7 +5770,7 @@ var MMDARPlayer = 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__ */ React6.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React6.createElement(
+    )), /* @__PURE__ */ React21.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React21.createElement(
       "button",
       {
         onClick: () => {
@@ -4272,13 +5781,557 @@ var MMDARPlayer = 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__ */ React6.createElement(Check, { className: "w-4 h-4" }),
+      /* @__PURE__ */ React21.createElement(Check, { className: "w-4 h-4" }),
       "\u5E94\u7528\u66F4\u6539"
-    )))), isLoading && /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none" }, /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col items-center gap-3" }, /* @__PURE__ */ React6.createElement("div", { className: "w-12 h-12 border-4 border-blue-500/30 border-t-blue-500 rounded-full animate-spin" }), /* @__PURE__ */ React6.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__ */ React21.createElement("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none" }, /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col items-center gap-3" }, /* @__PURE__ */ React21.createElement("div", { className: "w-12 h-12 border-4 border-blue-500/30 border-t-blue-500 rounded-full animate-spin" }), /* @__PURE__ */ React21.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";
 
-export { ChoiceMenu, DialogueBox, HistoryPanel, LoadingOverlay, LoadingScreen, MMDARPlayer, MMDMusicPlayer, MMDPlayerBase, MMDPlayerEnhanced, MMDPlayerEnhancedDebugInfo, MMDPlaylist, MMDPlaylistDebugInfo, MMDVisualNovel, MusicControls, PlaylistPanel, StartScreen, TrackInfo, loadAmmo };
+// src/mmd/fx/utils.ts
+function exportFXToJSON(effect) {
+  return JSON.stringify(effect, null, 2);
+}
+function exportFXToMarkdown(effect) {
+  const lines = [];
+  lines.push(`# ${effect.fileName}`);
+  lines.push("");
+  if (effect.defines.length > 0) {
+    lines.push("## \u5B8F\u5B9A\u4E49 (Defines)");
+    lines.push("");
+    lines.push("| \u540D\u79F0 | \u503C | \u72B6\u6001 | \u8BF4\u660E |");
+    lines.push("|------|-----|------|------|");
+    effect.defines.forEach((d) => {
+      const status = d.isCommented ? "\u7981\u7528" : "\u542F\u7528";
+      lines.push(`| ${d.name} | ${d.value || "-"} | ${status} | ${d.comment || "-"} |`);
+    });
+    lines.push("");
+  }
+  if (effect.textures.length > 0) {
+    lines.push("## \u7EB9\u7406 (Textures)");
+    lines.push("");
+    lines.push("| \u540D\u79F0 | \u8DEF\u5F84 | \u5C3A\u5BF8 | \u7528\u9014 |");
+    lines.push("|------|------|------|------|");
+    effect.textures.forEach((t) => {
+      const size = t.width && t.height ? `${t.width}x${t.height}` : "-";
+      lines.push(`| ${t.name} | ${t.path} | ${size} | ${t.purpose || "-"} |`);
+    });
+    lines.push("");
+  }
+  if (effect.parameters.length > 0) {
+    lines.push("## \u53C2\u6570 (Parameters)");
+    lines.push("");
+    lines.push("| \u540D\u79F0 | \u7C7B\u578B | \u8BED\u4E49 | \u9ED8\u8BA4\u503C |");
+    lines.push("|------|------|------|--------|");
+    effect.parameters.forEach((p) => {
+      lines.push(`| ${p.name} | ${p.type} | ${p.semantic || "-"} | ${p.defaultValue || "-"} |`);
+    });
+    lines.push("");
+  }
+  if (effect.controllers.length > 0) {
+    lines.push("## \u63A7\u5236\u5668 (Controllers)");
+    lines.push("");
+    lines.push("| \u53C2\u6570 | \u5BF9\u8C61\u540D | \u63A7\u5236\u9879 |");
+    lines.push("|------|--------|--------|");
+    effect.controllers.forEach((c) => {
+      lines.push(`| ${c.name} | ${c.objectName} | ${c.itemName} |`);
+    });
+    lines.push("");
+  }
+  if (effect.includes.length > 0) {
+    lines.push("## \u5305\u542B\u6587\u4EF6 (Includes)");
+    lines.push("");
+    effect.includes.forEach((inc) => {
+      lines.push(`- ${inc}`);
+    });
+    lines.push("");
+  }
+  if (effect.techniques.length > 0) {
+    lines.push("## \u6280\u672F (Techniques)");
+    lines.push("");
+    effect.techniques.forEach((t) => {
+      lines.push(`### ${t.name}`);
+      lines.push("");
+      t.passes.forEach((p, idx) => {
+        lines.push(`#### Pass ${p.name || idx + 1}`);
+        if (p.vertexShader) {
+          lines.push(`- **\u9876\u70B9\u7740\u8272\u5668**: ${p.vertexShader.function} (${p.vertexShader.profile})`);
+        }
+        if (p.pixelShader) {
+          lines.push(`- **\u50CF\u7D20\u7740\u8272\u5668**: ${p.pixelShader.function} (${p.pixelShader.profile})`);
+        }
+        lines.push("");
+      });
+    });
+  }
+  return lines.join("\n");
+}
+function compareFXEffects(effect1, effect2) {
+  const diff = {
+    addedDefines: [],
+    removedDefines: [],
+    changedDefines: [],
+    addedTextures: [],
+    removedTextures: [],
+    addedParameters: [],
+    removedParameters: []
+  };
+  const defines1Map = new Map(effect1.defines.map((d) => [d.name, d]));
+  const defines2Map = new Map(effect2.defines.map((d) => [d.name, d]));
+  defines2Map.forEach((define, name) => {
+    if (!defines1Map.has(name)) {
+      diff.addedDefines.push(name);
+    } else {
+      const oldDefine = defines1Map.get(name);
+      if (oldDefine.value !== define.value || oldDefine.isCommented !== define.isCommented) {
+        diff.changedDefines.push({
+          name,
+          oldValue: oldDefine.value,
+          newValue: define.value
+        });
+      }
+    }
+  });
+  defines1Map.forEach((define, name) => {
+    if (!defines2Map.has(name)) {
+      diff.removedDefines.push(name);
+    }
+  });
+  const textures1Set = new Set(effect1.textures.map((t) => t.name));
+  const textures2Set = new Set(effect2.textures.map((t) => t.name));
+  textures2Set.forEach((name) => {
+    if (!textures1Set.has(name)) {
+      diff.addedTextures.push(name);
+    }
+  });
+  textures1Set.forEach((name) => {
+    if (!textures2Set.has(name)) {
+      diff.removedTextures.push(name);
+    }
+  });
+  const params1Set = new Set(effect1.parameters.map((p) => p.name));
+  const params2Set = new Set(effect2.parameters.map((p) => p.name));
+  params2Set.forEach((name) => {
+    if (!params1Set.has(name)) {
+      diff.addedParameters.push(name);
+    }
+  });
+  params1Set.forEach((name) => {
+    if (!params2Set.has(name)) {
+      diff.removedParameters.push(name);
+    }
+  });
+  return diff;
+}
+function filterDefinesByPrefix(defines, prefix) {
+  return defines.filter((d) => d.name.startsWith(prefix));
+}
+function getTextureDefines(defines) {
+  return filterDefinesByPrefix(defines, "BLEND");
+}
+function getFeatureFlags(defines) {
+  return defines.filter(
+    (d) => d.name.startsWith("USE_") || d.name.includes("FLAG") || d.name === "HANDLE_EDGE" || d.name === "MODEL_TOON"
+  );
+}
+function getColorParameters(parameters) {
+  return parameters.filter(
+    (p) => p.name.toLowerCase().includes("color") || p.name.toLowerCase().includes("rgb") || p.name.toLowerCase().includes("hsv") || p.type === "float3" || p.type === "float4"
+  );
+}
+function hasFeature(effect, featureName) {
+  return effect.defines.some(
+    (d) => d.name === featureName && !d.isCommented
+  );
+}
+function getConfigSummaryText(effect) {
+  const features = [];
+  if (hasFeature(effect, "USE_LOCALSHADOW")) {
+    features.push("LocalShadow");
+  }
+  if (hasFeature(effect, "USE_EXCELLENTSHADOW")) {
+    features.push("ExcellentShadow");
+  }
+  if (hasFeature(effect, "USE_HGSHADOW")) {
+    features.push("HgShadow");
+  }
+  if (hasFeature(effect, "HANDLE_EDGE")) {
+    features.push("HandleEdge");
+  }
+  if (hasFeature(effect, "MODEL_TOON")) {
+    features.push("ModelToon");
+  }
+  if (hasFeature(effect, "USE_ROUNDNORMAL")) {
+    features.push("RoundNormal");
+  }
+  return features.length > 0 ? `\u542F\u7528\u529F\u80FD: ${features.join(", ")}` : "\u65E0\u7279\u6B8A\u529F\u80FD\u542F\u7528";
+}
+function extractTexturePaths(effect) {
+  return effect.textures.map((t) => t.path);
+}
+function validateFXEffect(effect) {
+  const errors = [];
+  const warnings = [];
+  if (effect.includes.length === 0) {
+    warnings.push("\u6CA1\u6709\u627E\u5230include\u6307\u4EE4");
+  }
+  effect.textures.forEach((texture) => {
+    if (!texture.path || texture.path === "") {
+      errors.push(`\u7EB9\u7406 ${texture.name} \u7F3A\u5C11\u8DEF\u5F84`);
+    }
+  });
+  effect.parameters.forEach((param) => {
+    if (param.type.includes("float") && param.defaultValue) {
+      const floatRegex = /^float[234]?\s*\(/;
+      if (!floatRegex.test(param.defaultValue) && isNaN(parseFloat(param.defaultValue))) {
+        warnings.push(`\u53C2\u6570 ${param.name} \u7684\u9ED8\u8BA4\u503C\u53EF\u80FD\u4E0D\u5408\u6CD5: ${param.defaultValue}`);
+      }
+    }
+  });
+  if (effect.techniques.length === 0 && effect.includes.length === 0) {
+    warnings.push("\u6CA1\u6709\u627E\u5230Technique\u5B9A\u4E49\uFF0C\u4E5F\u6CA1\u6709include\u6587\u4EF6");
+  }
+  return {
+    isValid: errors.length === 0,
+    errors,
+    warnings
+  };
+}
+var FXViewer = ({
+  source,
+  isContent = false,
+  fileName = "effect.fx",
+  onParsed,
+  onError,
+  className = ""
+}) => {
+  const [effect, setEffect] = useState(null);
+  const [summary, setSummary] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [activeTab, setActiveTab] = useState("summary");
+  useEffect(() => {
+    const parse = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const parser = new FXParser();
+        let parsedEffect;
+        if (isContent) {
+          parsedEffect = parser.parse(source, fileName);
+        } else {
+          parsedEffect = await parser.loadAndParse(source);
+        }
+        setEffect(parsedEffect);
+        setSummary(parser.generateSummary(parsedEffect));
+        onParsed?.(parsedEffect);
+      } catch (err) {
+        const errorMsg = err instanceof Error ? err.message : "\u89E3\u6790\u5931\u8D25";
+        setError(errorMsg);
+        onError?.(err instanceof Error ? err : new Error(errorMsg));
+      } finally {
+        setLoading(false);
+      }
+    };
+    parse();
+  }, [source, isContent, fileName, onParsed, onError]);
+  if (loading) {
+    return /* @__PURE__ */ React21.createElement("div", { className: `fx-viewer loading ${className}` }, /* @__PURE__ */ React21.createElement("div", { className: "fx-viewer-spinner" }, "\u52A0\u8F7D\u4E2D..."));
+  }
+  if (error || !effect || !summary) {
+    return /* @__PURE__ */ React21.createElement("div", { className: `fx-viewer error ${className}` }, /* @__PURE__ */ React21.createElement("div", { className: "fx-viewer-error" }, /* @__PURE__ */ React21.createElement("h3", null, "\u274C \u89E3\u6790\u9519\u8BEF"), /* @__PURE__ */ React21.createElement("p", null, error || "\u672A\u77E5\u9519\u8BEF")));
+  }
+  const validation = validateFXEffect(effect);
+  return /* @__PURE__ */ React21.createElement("div", { className: `fx-viewer ${className}` }, /* @__PURE__ */ React21.createElement("div", { className: "fx-viewer-header" }, /* @__PURE__ */ React21.createElement("h2", null, effect.fileName), /* @__PURE__ */ React21.createElement("p", { className: "fx-viewer-config-summary" }, getConfigSummaryText(effect))), /* @__PURE__ */ React21.createElement("div", { className: "fx-viewer-tabs" }, /* @__PURE__ */ React21.createElement(
+    "button",
+    {
+      className: activeTab === "summary" ? "active" : "",
+      onClick: () => setActiveTab("summary")
+    },
+    "\u6458\u8981"
+  ), /* @__PURE__ */ React21.createElement(
+    "button",
+    {
+      className: activeTab === "defines" ? "active" : "",
+      onClick: () => setActiveTab("defines")
+    },
+    "\u5B8F\u5B9A\u4E49 (",
+    summary.defineCount,
+    ")"
+  ), /* @__PURE__ */ React21.createElement(
+    "button",
+    {
+      className: activeTab === "textures" ? "active" : "",
+      onClick: () => setActiveTab("textures")
+    },
+    "\u7EB9\u7406 (",
+    summary.textureCount,
+    ")"
+  ), /* @__PURE__ */ React21.createElement(
+    "button",
+    {
+      className: activeTab === "parameters" ? "active" : "",
+      onClick: () => setActiveTab("parameters")
+    },
+    "\u53C2\u6570 (",
+    summary.parameterCount,
+    ")"
+  ), /* @__PURE__ */ React21.createElement(
+    "button",
+    {
+      className: activeTab === "validation" ? "active" : "",
+      onClick: () => setActiveTab("validation")
+    },
+    "\u9A8C\u8BC1"
+  )), /* @__PURE__ */ React21.createElement("div", { className: "fx-viewer-content" }, activeTab === "summary" && /* @__PURE__ */ React21.createElement(SummaryTab, { summary, effect }), activeTab === "defines" && /* @__PURE__ */ React21.createElement(DefinesTab, { effect }), activeTab === "textures" && /* @__PURE__ */ React21.createElement(TexturesTab, { effect }), activeTab === "parameters" && /* @__PURE__ */ React21.createElement(ParametersTab, { effect }), activeTab === "validation" && /* @__PURE__ */ React21.createElement(ValidationTab, { validation })));
+};
+var SummaryTab = ({ summary, effect }) => /* @__PURE__ */ React21.createElement("div", { className: "fx-tab-summary" }, /* @__PURE__ */ React21.createElement("div", { className: "fx-stats-grid" }, /* @__PURE__ */ React21.createElement("div", { className: "fx-stat-card" }, /* @__PURE__ */ React21.createElement("div", { className: "fx-stat-label" }, "\u5B8F\u5B9A\u4E49"), /* @__PURE__ */ React21.createElement("div", { className: "fx-stat-value" }, summary.defineCount)), /* @__PURE__ */ React21.createElement("div", { className: "fx-stat-card" }, /* @__PURE__ */ React21.createElement("div", { className: "fx-stat-label" }, "\u53C2\u6570"), /* @__PURE__ */ React21.createElement("div", { className: "fx-stat-value" }, summary.parameterCount)), /* @__PURE__ */ React21.createElement("div", { className: "fx-stat-card" }, /* @__PURE__ */ React21.createElement("div", { className: "fx-stat-label" }, "\u7EB9\u7406"), /* @__PURE__ */ React21.createElement("div", { className: "fx-stat-value" }, summary.textureCount)), /* @__PURE__ */ React21.createElement("div", { className: "fx-stat-card" }, /* @__PURE__ */ React21.createElement("div", { className: "fx-stat-label" }, "Technique"), /* @__PURE__ */ React21.createElement("div", { className: "fx-stat-value" }, summary.techniqueCount))), /* @__PURE__ */ React21.createElement("div", { className: "fx-features" }, /* @__PURE__ */ React21.createElement("h3", null, "\u529F\u80FD\u7279\u6027"), /* @__PURE__ */ React21.createElement("div", { className: "fx-feature-list" }, /* @__PURE__ */ React21.createElement("div", { className: `fx-feature ${summary.hasLocalShadow ? "enabled" : "disabled"}` }, summary.hasLocalShadow ? "\u2713" : "\u2717", " LocalShadow"), /* @__PURE__ */ React21.createElement("div", { className: `fx-feature ${summary.hasExcellentShadow ? "enabled" : "disabled"}` }, summary.hasExcellentShadow ? "\u2713" : "\u2717", " ExcellentShadow"), /* @__PURE__ */ React21.createElement("div", { className: `fx-feature ${summary.hasHgShadow ? "enabled" : "disabled"}` }, summary.hasHgShadow ? "\u2713" : "\u2717", " HgShadow"))), effect.includes.length > 0 && /* @__PURE__ */ React21.createElement("div", { className: "fx-includes" }, /* @__PURE__ */ React21.createElement("h3", null, "\u5305\u542B\u6587\u4EF6"), /* @__PURE__ */ React21.createElement("ul", null, effect.includes.map((inc, idx) => /* @__PURE__ */ React21.createElement("li", { key: idx }, /* @__PURE__ */ React21.createElement("code", null, inc))))), effect.controllers.length > 0 && /* @__PURE__ */ React21.createElement("div", { className: "fx-controllers" }, /* @__PURE__ */ React21.createElement("h3", null, "\u63A7\u5236\u5668"), /* @__PURE__ */ React21.createElement("ul", null, effect.controllers.map((ctrl, idx) => /* @__PURE__ */ React21.createElement("li", { key: idx }, /* @__PURE__ */ React21.createElement("strong", null, ctrl.name), ": ", ctrl.objectName, " / ", ctrl.itemName)))));
+var DefinesTab = ({ effect }) => /* @__PURE__ */ React21.createElement("div", { className: "fx-tab-defines" }, /* @__PURE__ */ React21.createElement("table", { className: "fx-table" }, /* @__PURE__ */ React21.createElement("thead", null, /* @__PURE__ */ React21.createElement("tr", null, /* @__PURE__ */ React21.createElement("th", null, "\u540D\u79F0"), /* @__PURE__ */ React21.createElement("th", null, "\u503C"), /* @__PURE__ */ React21.createElement("th", null, "\u72B6\u6001"), /* @__PURE__ */ React21.createElement("th", null, "\u884C\u53F7"))), /* @__PURE__ */ React21.createElement("tbody", null, effect.defines.map((define, idx) => /* @__PURE__ */ React21.createElement("tr", { key: idx, className: define.isCommented ? "disabled" : "enabled" }, /* @__PURE__ */ React21.createElement("td", null, /* @__PURE__ */ React21.createElement("code", null, define.name)), /* @__PURE__ */ React21.createElement("td", null, define.value || "-"), /* @__PURE__ */ React21.createElement("td", null, /* @__PURE__ */ React21.createElement("span", { className: `status-badge ${define.isCommented ? "disabled" : "enabled"}` }, define.isCommented ? "\u7981\u7528" : "\u542F\u7528")), /* @__PURE__ */ React21.createElement("td", null, define.lineNumber))))));
+var TexturesTab = ({ effect }) => /* @__PURE__ */ React21.createElement("div", { className: "fx-tab-textures" }, effect.textures.length === 0 ? /* @__PURE__ */ React21.createElement("p", { className: "fx-empty-message" }, "\u672A\u627E\u5230\u7EB9\u7406\u5B9A\u4E49") : /* @__PURE__ */ React21.createElement("table", { className: "fx-table" }, /* @__PURE__ */ React21.createElement("thead", null, /* @__PURE__ */ React21.createElement("tr", null, /* @__PURE__ */ React21.createElement("th", null, "\u540D\u79F0"), /* @__PURE__ */ React21.createElement("th", null, "\u8DEF\u5F84"), /* @__PURE__ */ React21.createElement("th", null, "\u5C3A\u5BF8"), /* @__PURE__ */ React21.createElement("th", null, "\u7528\u9014"))), /* @__PURE__ */ React21.createElement("tbody", null, effect.textures.map((texture, idx) => /* @__PURE__ */ React21.createElement("tr", { key: idx }, /* @__PURE__ */ React21.createElement("td", null, /* @__PURE__ */ React21.createElement("code", null, texture.name)), /* @__PURE__ */ React21.createElement("td", null, texture.path), /* @__PURE__ */ React21.createElement("td", null, texture.width && texture.height ? `${texture.width}\xD7${texture.height}` : "-"), /* @__PURE__ */ React21.createElement("td", null, texture.purpose || "-"))))));
+var ParametersTab = ({ effect }) => /* @__PURE__ */ React21.createElement("div", { className: "fx-tab-parameters" }, /* @__PURE__ */ React21.createElement("table", { className: "fx-table" }, /* @__PURE__ */ React21.createElement("thead", null, /* @__PURE__ */ React21.createElement("tr", null, /* @__PURE__ */ React21.createElement("th", null, "\u540D\u79F0"), /* @__PURE__ */ React21.createElement("th", null, "\u7C7B\u578B"), /* @__PURE__ */ React21.createElement("th", null, "\u8BED\u4E49"), /* @__PURE__ */ React21.createElement("th", null, "\u9ED8\u8BA4\u503C"), /* @__PURE__ */ React21.createElement("th", null, "\u884C\u53F7"))), /* @__PURE__ */ React21.createElement("tbody", null, effect.parameters.map((param, idx) => /* @__PURE__ */ React21.createElement("tr", { key: idx }, /* @__PURE__ */ React21.createElement("td", null, /* @__PURE__ */ React21.createElement("code", null, param.name)), /* @__PURE__ */ React21.createElement("td", null, /* @__PURE__ */ React21.createElement("code", null, param.type)), /* @__PURE__ */ React21.createElement("td", null, param.semantic || "-"), /* @__PURE__ */ React21.createElement("td", null, param.defaultValue || "-"), /* @__PURE__ */ React21.createElement("td", null, param.lineNumber))))));
+var ValidationTab = ({ validation }) => /* @__PURE__ */ React21.createElement("div", { className: "fx-tab-validation" }, /* @__PURE__ */ React21.createElement("div", { className: `fx-validation-status ${validation.isValid ? "valid" : "invalid"}` }, /* @__PURE__ */ React21.createElement("h3", null, validation.isValid ? "\u2713 \u9A8C\u8BC1\u901A\u8FC7" : "\u2717 \u9A8C\u8BC1\u5931\u8D25")), validation.errors.length > 0 && /* @__PURE__ */ React21.createElement("div", { className: "fx-validation-section fx-errors" }, /* @__PURE__ */ React21.createElement("h4", null, "\u9519\u8BEF (", validation.errors.length, ")"), /* @__PURE__ */ React21.createElement("ul", null, validation.errors.map((error, idx) => /* @__PURE__ */ React21.createElement("li", { key: idx, className: "fx-error-item" }, error)))), validation.warnings.length > 0 && /* @__PURE__ */ React21.createElement("div", { className: "fx-validation-section fx-warnings" }, /* @__PURE__ */ React21.createElement("h4", null, "\u8B66\u544A (", validation.warnings.length, ")"), /* @__PURE__ */ React21.createElement("ul", null, validation.warnings.map((warning, idx) => /* @__PURE__ */ React21.createElement("li", { key: idx, className: "fx-warning-item" }, warning)))), validation.isValid && validation.warnings.length === 0 && /* @__PURE__ */ React21.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,
+  texturePath = "",
+  objectType = "sphere",
+  className = "",
+  showInfo = true
+}) => {
+  const containerRef = useRef(null);
+  const sceneRef = useRef(null);
+  const rendererRef = useRef(null);
+  const cameraRef = useRef(null);
+  const controlsRef = useRef(null);
+  const animationIdRef = useRef(null);
+  const meshRef = useRef(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [adapterInfo, setAdapterInfo] = useState(null);
+  useEffect(() => {
+    if (!containerRef.current) return;
+    const init = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const container = containerRef.current;
+        const width = container.clientWidth || 600;
+        const height = container.clientHeight || 400;
+        const scene = new THREE3.Scene();
+        scene.background = new THREE3.Color(1710638);
+        sceneRef.current = scene;
+        const camera = new THREE3.PerspectiveCamera(45, width / height, 0.1, 1e3);
+        camera.position.set(0, 2, 5);
+        cameraRef.current = camera;
+        const renderer = new THREE3.WebGLRenderer({ antialias: true });
+        renderer.setSize(width, height);
+        renderer.setPixelRatio(window.devicePixelRatio);
+        container.appendChild(renderer.domElement);
+        rendererRef.current = renderer;
+        const controls = new OrbitControls(camera, renderer.domElement);
+        controls.enableDamping = true;
+        controls.dampingFactor = 0.05;
+        controlsRef.current = controls;
+        const adapter = new FXToThreeAdapter(effect, texturePath);
+        console.log("Loading textures...");
+        await adapter.loadTextures();
+        adapter.configureScene(scene, renderer);
+        let geometry;
+        switch (objectType) {
+          case "box":
+            geometry = new THREE3.BoxGeometry(2, 2, 2);
+            break;
+          case "torus":
+            geometry = new THREE3.TorusGeometry(1, 0.4, 16, 100);
+            break;
+          case "plane":
+            geometry = new THREE3.PlaneGeometry(3, 3);
+            break;
+          default:
+            geometry = new THREE3.SphereGeometry(1.5, 32, 32);
+        }
+        const material = adapter.createMaterial();
+        const mesh = new THREE3.Mesh(geometry, material);
+        mesh.castShadow = true;
+        mesh.receiveShadow = true;
+        scene.add(mesh);
+        meshRef.current = mesh;
+        const renderConfig = adapter.extractRenderConfig();
+        if (renderConfig.enableShadow) {
+          const groundGeometry = new THREE3.PlaneGeometry(10, 10);
+          const groundMaterial = new THREE3.MeshStandardMaterial({ color: 2763326 });
+          const ground = new THREE3.Mesh(groundGeometry, groundMaterial);
+          ground.rotation.x = -Math.PI / 2;
+          ground.position.y = -2;
+          ground.receiveShadow = true;
+          scene.add(ground);
+        }
+        setAdapterInfo(adapter.getSummary());
+        const animate = () => {
+          animationIdRef.current = requestAnimationFrame(animate);
+          if (meshRef.current) {
+            meshRef.current.rotation.y += 5e-3;
+          }
+          if (controlsRef.current) {
+            controlsRef.current.update();
+          }
+          if (rendererRef.current && sceneRef.current && cameraRef.current) {
+            rendererRef.current.render(sceneRef.current, cameraRef.current);
+          }
+        };
+        animate();
+        setLoading(false);
+      } catch (err) {
+        console.error("FX Preview initialization error:", err);
+        setError(err instanceof Error ? err.message : "\u521D\u59CB\u5316\u5931\u8D25");
+        setLoading(false);
+      }
+    };
+    init();
+    return () => {
+      if (animationIdRef.current) {
+        cancelAnimationFrame(animationIdRef.current);
+      }
+      if (rendererRef.current) {
+        rendererRef.current.dispose();
+        if (containerRef.current && rendererRef.current.domElement) {
+          containerRef.current.removeChild(rendererRef.current.domElement);
+        }
+      }
+      if (sceneRef.current) {
+        sceneRef.current.traverse((obj) => {
+          if (obj instanceof THREE3.Mesh) {
+            obj.geometry?.dispose();
+            if (obj.material) {
+              if (Array.isArray(obj.material)) {
+                obj.material.forEach((m) => m.dispose());
+              } else {
+                obj.material.dispose();
+              }
+            }
+          }
+        });
+      }
+    };
+  }, [effect, texturePath, objectType]);
+  if (loading) {
+    return /* @__PURE__ */ React21.createElement("div", { className: `fx-three-preview loading ${className}` }, /* @__PURE__ */ React21.createElement("div", { className: "preview-loading" }, "\u52A0\u8F7D\u4E2D..."));
+  }
+  if (error) {
+    return /* @__PURE__ */ React21.createElement("div", { className: `fx-three-preview error ${className}` }, /* @__PURE__ */ React21.createElement("div", { className: "preview-error" }, /* @__PURE__ */ React21.createElement("h3", null, "\u274C \u6E32\u67D3\u5931\u8D25"), /* @__PURE__ */ React21.createElement("p", null, error)));
+  }
+  return /* @__PURE__ */ React21.createElement("div", { className: `fx-three-preview ${className}` }, /* @__PURE__ */ React21.createElement(
+    "div",
+    {
+      ref: containerRef,
+      className: "preview-container",
+      style: {
+        width: "100%",
+        height: "100%",
+        minHeight: "400px",
+        position: "relative"
+      }
+    }
+  ), showInfo && adapterInfo && /* @__PURE__ */ React21.createElement("div", { className: "preview-info" }, /* @__PURE__ */ React21.createElement("div", { className: "info-section" }, /* @__PURE__ */ React21.createElement("h4", null, "\u{1F3A8} \u5E94\u7528\u7684FX\u53C2\u6570"), /* @__PURE__ */ React21.createElement("div", { className: "info-badges" }, /* @__PURE__ */ React21.createElement("span", { className: "badge" }, adapterInfo.materialParams.length, " \u4E2A\u6750\u8D28\u53C2\u6570"), /* @__PURE__ */ React21.createElement("span", { className: "badge" }, adapterInfo.textures.length, " \u4E2A\u7EB9\u7406"), /* @__PURE__ */ React21.createElement("span", { className: "badge" }, adapterInfo.renderFeatures.length, " \u4E2A\u6E32\u67D3\u7279\u6027"))), adapterInfo.renderFeatures.length > 0 && /* @__PURE__ */ React21.createElement("div", { className: "info-section" }, /* @__PURE__ */ React21.createElement("h5", null, "\u542F\u7528\u7684\u7279\u6027:"), /* @__PURE__ */ React21.createElement("div", { className: "feature-list" }, adapterInfo.renderFeatures.map((feature, idx) => /* @__PURE__ */ React21.createElement("span", { key: idx, className: "feature-tag" }, feature))))), /* @__PURE__ */ React21.createElement("style", null, `
+        .fx-three-preview {
+          display: flex;
+          flex-direction: column;
+          gap: 1rem;
+        }
+
+        .fx-three-preview.loading,
+        .fx-three-preview.error {
+          min-height: 400px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          background: #f5f5f5;
+          border-radius: 8px;
+        }
+
+        .preview-loading {
+          font-size: 1.1rem;
+          color: #666;
+        }
+
+        .preview-error {
+          text-align: center;
+          color: #d32f2f;
+          padding: 2rem;
+        }
+
+        .preview-error h3 {
+          margin: 0 0 1rem;
+        }
+
+        .preview-container {
+          border-radius: 8px;
+          overflow: hidden;
+          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        }
+
+        .preview-info {
+          background: white;
+          border-radius: 8px;
+          padding: 1.5rem;
+          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+        }
+
+        .info-section {
+          margin-bottom: 1rem;
+        }
+
+        .info-section:last-child {
+          margin-bottom: 0;
+        }
+
+        .info-section h4 {
+          margin: 0 0 0.75rem;
+          font-size: 1rem;
+          color: #333;
+        }
+
+        .info-section h5 {
+          margin: 0 0 0.5rem;
+          font-size: 0.9rem;
+          color: #666;
+        }
+
+        .info-badges {
+          display: flex;
+          flex-wrap: wrap;
+          gap: 0.5rem;
+        }
+
+        .badge {
+          display: inline-block;
+          padding: 0.4rem 0.8rem;
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          color: white;
+          border-radius: 16px;
+          font-size: 0.85rem;
+          font-weight: 500;
+        }
+
+        .feature-list {
+          display: flex;
+          flex-wrap: wrap;
+          gap: 0.5rem;
+        }
+
+        .feature-tag {
+          display: inline-block;
+          padding: 0.3rem 0.7rem;
+          background: #e8f5e9;
+          color: #2e7d32;
+          border-radius: 12px;
+          font-size: 0.8rem;
+          font-weight: 500;
+        }
+      `));
+};
+FXThreePreview.displayName = "FXThreePreview";
+
+export { ChoiceMenu, DialogueBox, FXParser, FXThreePreview, FXToThreeAdapter, FXViewer, HLSLToGLSLConverter, HistoryPanel, LoadingOverlay, LoadingScreen, MMDARPlayer, MMDMusicPlayer, MMDPlayerBase, MMDPlayerEnhanced, MMDPlayerEnhancedDebugInfo, MMDPlaylist, MMDPlaylistDebugInfo, MMDVisualNovel, MultiFXAdapter, MusicControls, PlaylistPanel, StartScreen, TrackInfo, compareFXEffects, exportFXToJSON, exportFXToMarkdown, extractTexturePaths, filterDefinesByPrefix, getColorParameters, getConfigSummaryText, getFeatureFlags, getTextureDefines, hasFeature, loadAmmo, validateFXEffect };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map