From ecef98842fc82126ddaaaa058185f4cf0a1194c5 Mon Sep 17 00:00:00 2001
From: kang <wankang2050@gmail.com>
Date: Tue, 12 May 2026 19:31:21 +0800
Subject: [PATCH] auto-save 2026-05-12 19:31 (~2)

---
 .memory/worklog.json           |  7 +++++++
 web/components/nodes/index.tsx | 22 ++++++++++++++--------
 2 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/.memory/worklog.json b/.memory/worklog.json
index c8383fd..89bb429 100644
--- a/.memory/worklog.json
+++ b/.memory/worklog.json
@@ -244,6 +244,13 @@
       "message": "auto-save 2026-05-12 19:20 (~3)",
       "hash": "5a86328",
       "files_changed": 3
+    },
+    {
+      "ts": "2026-05-12T19:25:47+08:00",
+      "type": "commit",
+      "message": "auto-save 2026-05-12 19:25 (~4)",
+      "hash": "c159668",
+      "files_changed": 4
     }
   ]
 }
diff --git a/web/components/nodes/index.tsx b/web/components/nodes/index.tsx
index db58400..b61456b 100644
--- a/web/components/nodes/index.tsx
+++ b/web/components/nodes/index.tsx
@@ -292,26 +292,32 @@ export function KeyframeNode({ data, selected }: any) {
                   {f.timestamp.toFixed(1)}s
                 </div>
 
-                {/* Hover 大图预览 */}
+                {/* Hover 大图预览 — 大尺寸（跟整排缩略图同宽 + 高至屏幕顶） */}
                 <div
-                  className="pointer-events-none absolute opacity-0 group-hover:opacity-100 scale-90 group-hover:scale-100 transition-all duration-200 z-[60]"
+                  className="pointer-events-none absolute opacity-0 group-hover:opacity-100 scale-95 group-hover:scale-100 transition-all duration-200 z-[60]"
                   style={{
-                    bottom: "calc(100% + 8px)",
+                    bottom: "calc(100% + 10px)",
                     left: "50%",
                     transform: "translateX(-50%)",
                     transformOrigin: "bottom center",
                   }}
                 >
-                  <div className="rounded-xl overflow-hidden border border-white/20 shadow-2xl bg-black">
+                  <div className="rounded-2xl overflow-hidden border border-white/25 bg-black" style={{ boxShadow: "0 40px 100px -20px rgba(0,0,0,0.85), 0 0 0 1px rgba(255,255,255,0.06)" }}>
                     <img
                       src={frameUrl(jobId, f.index)}
                       alt={`preview ${f.index}`}
                       className="block"
-                      style={{ width: KEYFRAME_WIDTH, height: "auto", maxHeight: "70vh" }}
+                      style={{
+                        width: KEYFRAME_WIDTH * 2,
+                        maxWidth: "min(720px, 80vw)",
+                        height: "auto",
+                        maxHeight: "82vh",
+                        objectFit: "contain",
+                      }}
                     />
-                    <div className="flex items-center justify-between px-2.5 py-1.5 bg-black/60 backdrop-blur-md">
-                      <span className="text-white text-[11px]">分镜 {f.index + 1}</span>
-                      <span className="text-white/60 text-[10px] font-mono">{f.timestamp.toFixed(2)}s</span>
+                    <div className="flex items-center justify-between px-3 py-2 bg-black/70 backdrop-blur-md">
+                      <span className="text-white text-[12.5px] font-medium">分镜 {f.index + 1}</span>
+                      <span className="text-white/60 text-[11px] font-mono">{f.timestamp.toFixed(2)}s</span>
                     </div>
                   </div>
                 </div>