1

src/components/match3d-runtime/Match3DRuntimeShell.tsx

@@ -40,6 +40,7 @@ type Match3DRuntimeShellProps = {
   run: Match3DRunSnapshot | null;
   isBusy?: boolean;
   error?: string | null;
+  embedded?: boolean;
   onBack: () => void;
   onRestart: () => void;
   onOptimisticRunChange: (run: Match3DRunSnapshot) => void;
@@ -301,6 +302,7 @@ export function Match3DRuntimeShell({
   run,
   isBusy = false,
   error = null,
+  embedded = false,
   onBack,
   onRestart,
   onOptimisticRunChange,
@@ -429,17 +431,21 @@ export function Match3DRuntimeShell({
 
   if (!run) {
     return (
-      <div className="flex min-h-dvh items-center justify-center bg-slate-950 text-white">
+      <div
+        className={`flex ${embedded ? 'h-full min-h-0 w-full' : 'min-h-dvh'} items-center justify-center bg-slate-950 text-white`}
+      >
         {isBusy ? '载入中' : (error ?? '暂无运行态')}
       </div>
     );
   }
 
   return (
-    <main className="relative flex min-h-dvh w-full justify-center overflow-hidden bg-[#16221f] text-white">
+    <main
+      className={`relative flex ${embedded ? 'h-full min-h-0' : 'min-h-dvh'} w-full justify-center overflow-hidden bg-[#16221f] text-white`}
+    >
       <div className="absolute inset-0 bg-[radial-gradient(circle_at_50%_12%,rgba(255,255,255,0.22),transparent_26%),linear-gradient(180deg,#b8e28d_0%,#377569_52%,#14201f_100%)]" />
       <div
-        className="relative flex min-h-dvh min-w-0 flex-col overflow-hidden px-3 pb-[calc(env(safe-area-inset-bottom,0px)+0.8rem)] pt-[calc(env(safe-area-inset-top,0px)+0.65rem)]"
+        className={`relative flex ${embedded ? 'h-full min-h-0' : 'min-h-dvh'} min-w-0 flex-col overflow-hidden px-3 pb-[calc(env(safe-area-inset-bottom,0px)+0.8rem)] pt-[calc(env(safe-area-inset-top,0px)+0.65rem)]`}
         style={{
           boxSizing: 'border-box',
           maxWidth: '100vw',