1

src/components/big-fish-runtime/BigFishRuntimeShell.tsx

@@ -27,6 +27,7 @@ type BigFishRuntimeShellProps = {
   sharePublicWorkCode?: string | null;
   isBusy?: boolean;
   error?: string | null;
+  embedded?: boolean;
   onBack: () => void;
   onRestart?: () => void;
   onSubmitInput: (payload: SubmitBigFishInputRequest) => void;
@@ -227,6 +228,7 @@ export function BigFishRuntimeShell({
   sharePublicWorkCode = null,
   isBusy = false,
   error = null,
+  embedded = false,
   onBack,
   onRestart,
   onSubmitInput,
@@ -360,7 +362,9 @@ export function BigFishRuntimeShell({
 
   if (!run) {
     return (
-      <div className="fixed inset-0 z-[100] flex items-center justify-center bg-slate-950 text-white">
+      <div
+        className={`${embedded ? 'relative h-full min-h-0 w-full' : 'fixed inset-0 z-[100]'} flex items-center justify-center bg-slate-950 text-white`}
+      >
         <div className="flex items-center gap-2 rounded-full bg-white/10 px-5 py-3 text-sm">
           <Loader2 className="h-4 w-4 animate-spin" />
           正在进入玩法
@@ -376,7 +380,9 @@ export function BigFishRuntimeShell({
     findBigFishAssetSlot(assetSlots, 'stage_background')?.assetUrl?.trim() || null;
 
   return (
-    <div className="fixed inset-0 z-[100] flex justify-center bg-slate-950 text-white">
+    <div
+      className={`${embedded ? 'relative h-full min-h-0 w-full' : 'fixed inset-0 z-[100]'} flex justify-center bg-slate-950 text-white`}
+    >
       <div
         ref={stageRef}
         className="relative h-full w-full max-w-[430px] touch-none overflow-hidden bg-[radial-gradient(circle_at_50%_20%,rgba(34,211,238,0.2),transparent_28%),radial-gradient(circle_at_20%_80%,rgba(16,185,129,0.18),transparent_26%),linear-gradient(180deg,#082f49,#020617)]"