diff --git a/apps/web/src/pages/voice-clone/VoiceClone.tsx b/apps/web/src/pages/voice-clone/VoiceClone.tsx
index bd0291c66..ce6abd872 100755
--- a/apps/web/src/pages/voice-clone/VoiceClone.tsx
+++ b/apps/web/src/pages/voice-clone/VoiceClone.tsx
@@ -11,6 +11,7 @@ import CloneModal from "@/components/voice/CloneModal"
 import { VoiceCloneCard } from "./components/VoiceCloneCard"
 import { VoiceCloneEmpty, VoiceCloneSkeleton, ToastContainer } from "./components/States"
 import { EditNameDialog } from "./components/EditNameDialog"
+import VoiceClonePreviewPanel from "./components/VoiceClonePreviewPanel"
 import { useVoiceCloneList } from "./hooks/useVoiceCloneList"
 import "./voice-clone.css"
 
@@ -47,6 +48,9 @@ const VoiceClone: React.FC = () => {
         }
       />
 
+      {/* 音色试听面板（自定义文本 + 语速/情绪） */}
+      {!isLoading && voices.length > 0 && <VoiceClonePreviewPanel voices={voices} />}
+
       {/* 加载状态 — 骨架屏 */}
       {isLoading && <VoiceCloneSkeleton />}