diff --git a/src/components/md-token-viewer.tsx b/src/components/md-token-viewer.tsx
index 51eab89..c4be243 100644
--- a/src/components/md-token-viewer.tsx
+++ b/src/components/md-token-viewer.tsx
@@ -8,7 +8,7 @@ import * as THREE from "three";
 import { ThreeMFLoader } from "three/addons/loaders/3MFLoader.js";
 
 export interface TokenViewerProps {
-  stlUrl: string | null;
+  url: string | null;
 }
 
 export default function MdTokenViewer(props: TokenViewerProps) {
@@ -27,7 +27,7 @@ export default function MdTokenViewer(props: TokenViewerProps) {
   let previousMousePosition = { x: 0, y: 0 };
 
   // 加载 3MF 用于预览
-  const loadSTL = async (url: string) => {
+  const load3mf = async (url: string) => {
     const viewerEl = viewerRef();
     if (!viewerEl) return;
 
@@ -194,8 +194,8 @@ export default function MdTokenViewer(props: TokenViewerProps) {
   });
   
   createEffect(() => {
-    if (props.stlUrl) {
-      loadSTL(props.stlUrl);
+    if (props.url) {
+      load3mf(props.url);
     }
   });
 
diff --git a/src/components/md-token.tsx b/src/components/md-token.tsx
index fef8420..67804be 100644
--- a/src/components/md-token.tsx
+++ b/src/components/md-token.tsx
@@ -183,7 +183,7 @@ customElement("md-token", { size: 50, defaultThickness: 2 }, (props, { element }
                 <h4 class="text-sm font-semibold mb-2 text-gray-700">
                   3D 模型预览
                 </h4>
-                <MdTokenViewer stlUrl={modelUrl()}/>
+                <MdTokenViewer url={modelUrl()}/>
               </div>
             </Show>
           </div>