From 004d1de1ce20e114765f798cf65c4ce1dd59913d Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sun, 18 Jan 2026 16:07:16 +0800
Subject: [PATCH] style: update scene fusion grid layout to 4 cols and adjust
 aspect ratio

---
 components/scene-fusion-view.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/scene-fusion-view.tsx b/components/scene-fusion-view.tsx
index 47f70f354..0cfc731fc 100644
--- a/components/scene-fusion-view.tsx
+++ b/components/scene-fusion-view.tsx
@@ -497,7 +497,7 @@ export function SceneFusionView({ onBack }: SceneFusionViewProps) {
                 <p>添加场景图并开始裂变，结果将显示在这里</p>
               </div>
             ) : (
-              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+              <div className="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4">
                 {scenes.map((scene, index) => (
                   <div key={scene.id} className="border rounded-lg overflow-hidden bg-background shadow-sm flex flex-col">
                     <div className="p-2 border-b text-xs text-muted-foreground bg-muted/30 flex justify-between items-center">
@@ -515,7 +515,7 @@ export function SceneFusionView({ onBack }: SceneFusionViewProps) {
                       </span>
                     </div>
                     
-                    <div className="aspect-[4/3] bg-muted/20 relative group">
+                    <div className="aspect-[3/4] bg-muted/20 relative group">
                       {scene.result ? (
                         <img src={scene.result} alt="生成结果" className="w-full h-full object-cover" />
                       ) : (