diff --git a/.memory/worklog.json b/.memory/worklog.json
index e9679f1..95ce866 100644
--- a/.memory/worklog.json
+++ b/.memory/worklog.json
@@ -1330,6 +1330,19 @@
       "message": "auto-save 2026-05-13 11:17 (~2)",
       "hash": "f4ce533",
       "files_changed": 2
+    },
+    {
+      "ts": "2026-05-13T11:23:24+08:00",
+      "type": "commit",
+      "message": "auto-save 2026-05-13 11:23 (~4)",
+      "hash": "647b05a",
+      "files_changed": 4
+    },
+    {
+      "ts": "2026-05-13T03:27:37Z",
+      "type": "session-heartbeat",
+      "message": "Claude 会话活跃 · 最近命令：claude · 2 项未提交变更 · 最近提交：auto-save 2026-05-13 11:23 (~4)",
+      "files_changed": 2
     }
   ]
 }
diff --git a/web/components/lightbox.tsx b/web/components/lightbox.tsx
index 801ed32..deb6788 100644
--- a/web/components/lightbox.tsx
+++ b/web/components/lightbox.tsx
@@ -109,17 +109,17 @@ export function FrameLightbox({ jobId, frames, activeIndex, selected, onClose, o
   }
 
   const handleExtractRegion = async () => {
-    if (!region || !extractName.trim()) return
+    // 提取语义只在恰好 1 个框时支持
+    if (regions.length !== 1 || !extractName.trim()) return
+    const r = regions[0]
     setExtracting(true)
     try {
-      // 先加 element 拿到 id
       const added = await addElement(jobId, f.index, {
         name_zh: extractName.trim(),
         source: "region",
-        region,
+        region: r,
       })
       onJobUpdate?.(added)
-      // 找到新加的 element id（按 created_at desc 取最新一条）
       const fr = added.frames.find((x) => x.index === f.index)
       const newEl = fr?.elements?.sort((a, b) => (b.created_at ?? 0) - (a.created_at ?? 0))[0]
       if (newEl) {
@@ -129,7 +129,7 @@ export function FrameLightbox({ jobId, frames, activeIndex, selected, onClose, o
       } else {
         toast.success(`「${extractName.trim()}」已加入元素清单 · 但抠图未触发`)
       }
-      setCropMode(false); setRegion(null); setExtractNamePrompt(false); setExtractName("")
+      setCropMode(false); setRegions([]); setExtractNamePrompt(false); setExtractName("")
     } catch (e) {
       toast.error("提取失败：" + (e instanceof Error ? e.message : String(e)))
     } finally {
@@ -153,20 +153,26 @@ export function FrameLightbox({ jobId, frames, activeIndex, selected, onClose, o
     const p = getRelXY(e.clientX, e.clientY)
     if (!p) return
     setDragStart(p)
-    setRegion({ x: p.x, y: p.y, w: 0, h: 0 })
+    setDraftRegion({ x: p.x, y: p.y, w: 0, h: 0 })
   }
   const onCropMouseMove = (e: React.MouseEvent) => {
     if (!cropMode || !dragStart) return
     const p = getRelXY(e.clientX, e.clientY)
     if (!p) return
-    setRegion({
+    setDraftRegion({
       x: Math.min(dragStart.x, p.x),
       y: Math.min(dragStart.y, p.y),
       w: Math.abs(p.x - dragStart.x),
       h: Math.abs(p.y - dragStart.y),
     })
   }
-  const onCropMouseUp = () => setDragStart(null)
+  const onCropMouseUp = () => {
+    if (draftRegion && draftRegion.w >= 0.02 && draftRegion.h >= 0.02) {
+      setRegions((prev) => [...prev, draftRegion])
+    }
+    setDraftRegion(null)
+    setDragStart(null)
+  }
 
   const handleApplyCleaned = async () => {
     setApplying(true)
@@ -301,31 +307,36 @@ export function FrameLightbox({ jobId, frames, activeIndex, selected, onClose, o
               {f.cleaned_applied ? "✨ 已替换为清洗版" : "原图"}
             </div>
 
-            {/* 画框 overlay */}
-            {cropMode && region && region.w > 0 && region.h > 0 && (
-              <>
-                {/* 选区外暗化 — 用 4 个半透 div 围出 */}
-                <div className="absolute pointer-events-none bg-black/55" style={{ left: 0, top: 0, right: 0, height: `${region.y * 100}%` }} />
-                <div className="absolute pointer-events-none bg-black/55" style={{ left: 0, top: `${(region.y + region.h) * 100}%`, right: 0, bottom: 0 }} />
-                <div className="absolute pointer-events-none bg-black/55" style={{ left: 0, top: `${region.y * 100}%`, width: `${region.x * 100}%`, height: `${region.h * 100}%` }} />
-                <div className="absolute pointer-events-none bg-black/55" style={{ left: `${(region.x + region.w) * 100}%`, top: `${region.y * 100}%`, right: 0, height: `${region.h * 100}%` }} />
-                {/* 选区高亮边框 */}
-                <div
-                  className="absolute pointer-events-none border-2 border-cyan-300 shadow-[0_0_0_1px_rgba(0,0,0,0.4)]"
-                  style={{
-                    left: `${region.x * 100}%`,
-                    top: `${region.y * 100}%`,
-                    width: `${region.w * 100}%`,
-                    height: `${region.h * 100}%`,
-                  }}
-                />
-              </>
+            {/* 已确认的多个选区 */}
+            {cropMode && regions.map((r, i) => (
+              <div key={i} className="absolute pointer-events-none border-2 border-cyan-300/90 bg-cyan-300/10"
+                style={{
+                  left: `${r.x * 100}%`,
+                  top: `${r.y * 100}%`,
+                  width: `${r.w * 100}%`,
+                  height: `${r.h * 100}%`,
+                }}
+              >
+                <span className="absolute -top-4 left-0 text-[9px] px-1 py-0 rounded-sm bg-cyan-300 text-black font-bold leading-tight">#{i + 1}</span>
+              </div>
+            ))}
+
+            {/* 当前正在拖的草稿框 */}
+            {cropMode && draftRegion && draftRegion.w > 0 && draftRegion.h > 0 && (
+              <div className="absolute pointer-events-none border-2 border-cyan-300 border-dashed shadow-[0_0_0_1px_rgba(0,0,0,0.4)]"
+                style={{
+                  left: `${draftRegion.x * 100}%`,
+                  top: `${draftRegion.y * 100}%`,
+                  width: `${draftRegion.w * 100}%`,
+                  height: `${draftRegion.h * 100}%`,
+                }}
+              />
             )}
 
-            {/* 画框模式提示 */}
+            {/* 画框模式角标（小，左上） — 不再遮挡画面 */}
             {cropMode && (
-              <div className="absolute bottom-2 left-2 right-2 text-[10px] px-2 py-1 rounded backdrop-blur bg-cyan-500/85 text-white text-center pointer-events-none font-medium">
-                {region && region.w > 0 ? `选区：${(region.w * 100).toFixed(0)}% × ${(region.h * 100).toFixed(0)}%` : "在图上拖动鼠标 → 框选清洗范围"}
+              <div className="absolute top-2 right-2 text-[9.5px] px-1.5 py-0.5 rounded backdrop-blur bg-cyan-500/85 text-white pointer-events-none font-medium">
+                画框 · 已选 {regions.length}
               </div>
             )}
           </div>
@@ -333,7 +344,7 @@ export function FrameLightbox({ jobId, frames, activeIndex, selected, onClose, o
           {/* 画框工具栏 */}
           {cropMode ? (
             extractNamePrompt ? (
-              // 提取模式：要用户填名字
+              // 提取模式：要用户填名字（仅 1 框时进入此模式）
               <div className="space-y-1.5">
                 <input
                   autoFocus
@@ -368,43 +379,58 @@ export function FrameLightbox({ jobId, frames, activeIndex, selected, onClose, o
                 </div>
               </div>
             ) : (
-              // 画框完成 → 选操作
-              <div className="flex items-center gap-1">
-                <button
-                  onClick={() => handleCleanup(true)}
-                  disabled={cleaning || !region || region.w < 0.03 || region.h < 0.03}
-                  className="flex-1 px-1.5 py-1.5 rounded-md text-[10.5px] font-medium inline-flex items-center justify-center gap-1 transition bg-cyan-500 hover:bg-cyan-400 text-white disabled:opacity-40 disabled:cursor-not-allowed"
-                  title="清洗框内（去掉）"
-                >
-                  {cleaning ? <Loader2 className="h-3 w-3 animate-spin" /> : <Sparkle className="h-3 w-3" />}
-                  {cleaning ? "去掉中" : "✓ 去掉"}
-                </button>
-                <button
-                  onClick={() => { if (region && region.w >= 0.03 && region.h >= 0.03) setExtractNamePrompt(true) }}
-                  disabled={!region || region.w < 0.03 || region.h < 0.03}
-                  className="flex-1 px-1.5 py-1.5 rounded-md text-[10.5px] font-medium inline-flex items-center justify-center gap-1 transition bg-violet-500 hover:bg-violet-400 text-white disabled:opacity-40 disabled:cursor-not-allowed"
-                  title="提取框内为元素（加入元素清单）"
-                >
-                  <Wand2 className="h-3 w-3" />
-                  🪄 提取
-                </button>
-                <button
-                  onClick={() => { setCropMode(false); setRegion(null); setDragStart(null) }}
-                  className="px-1.5 py-1.5 rounded-md text-[11px] bg-white/10 hover:bg-white/20 text-white"
-                  title="取消"
-                >
-                  <X className="h-3 w-3" />
-                </button>
+              // 画框模式 — 可连续画多框
+              <div className="space-y-1.5">
+                <div className="text-[10px] text-white/55 leading-snug">
+                  {regions.length === 0
+                    ? "在图上拖动鼠标 → 框选要处理的区域（可连续画多个）"
+                    : `已框 ${regions.length} 个 · 继续拖鼠标加框 · 「去掉」批量清洗 · 单框可「提取」为元素`}
+                </div>
+                <div className="flex items-center gap-1">
+                  <button
+                    onClick={() => handleCleanup(true)}
+                    disabled={cleaning || regions.length === 0}
+                    className="flex-1 px-1.5 py-1.5 rounded-md text-[10.5px] font-medium inline-flex items-center justify-center gap-1 transition bg-cyan-500 hover:bg-cyan-400 text-white disabled:opacity-40 disabled:cursor-not-allowed"
+                    title="批量清洗所有框内"
+                  >
+                    {cleaning ? <Loader2 className="h-3 w-3 animate-spin" /> : <Sparkle className="h-3 w-3" />}
+                    {cleaning ? "去掉中" : `✓ 去掉${regions.length > 1 ? ` ${regions.length}` : ""}`}
+                  </button>
+                  <button
+                    onClick={() => { if (regions.length === 1) setExtractNamePrompt(true) }}
+                    disabled={regions.length !== 1}
+                    className="flex-1 px-1.5 py-1.5 rounded-md text-[10.5px] font-medium inline-flex items-center justify-center gap-1 transition bg-violet-500 hover:bg-violet-400 text-white disabled:opacity-30 disabled:cursor-not-allowed"
+                    title={regions.length === 1 ? "提取框内为元素" : regions.length === 0 ? "先画一个框" : "提取仅在恰好 1 个框时可用"}
+                  >
+                    <Wand2 className="h-3 w-3" />
+                    🪄 提取
+                  </button>
+                  <button
+                    onClick={() => setRegions((prev) => prev.slice(0, -1))}
+                    disabled={regions.length === 0}
+                    className="px-1.5 py-1.5 rounded-md text-[10.5px] bg-white/10 hover:bg-white/20 text-white disabled:opacity-30 disabled:cursor-not-allowed"
+                    title="撤销上一个框"
+                  >
+                    ↶
+                  </button>
+                  <button
+                    onClick={() => { setCropMode(false); setRegions([]); setDraftRegion(null); setDragStart(null) }}
+                    className="px-1.5 py-1.5 rounded-md text-[10.5px] bg-white/10 hover:bg-white/20 text-white"
+                    title="退出画框"
+                  >
+                    <X className="h-3 w-3" />
+                  </button>
+                </div>
               </div>
             )
           ) : (
             <button
-              onClick={() => { setCropMode(true); setRegion(null) }}
+              onClick={() => { setCropMode(true); setRegions([]) }}
               className="w-full px-3 py-1.5 rounded-md text-[10.5px] font-medium inline-flex items-center justify-center gap-1.5 transition bg-white/[0.06] hover:bg-cyan-500/30 border border-white/15 hover:border-cyan-300/50 text-white/80 hover:text-white"
-              title="拖框 → 去掉框内（清洗）或提取框内（抠为元素）"
+              title="可连续画多个框 · 批量清洗或单框提取"
             >
               <Crop className="h-3 w-3" />
-              📐 框选区域 · 去掉 / 提取
+              📐 框选区域（可多框）
             </button>
           )}
 
diff --git a/web/components/nodes/index.tsx b/web/components/nodes/index.tsx
index 272f18c..1d320b5 100644
--- a/web/components/nodes/index.tsx
+++ b/web/components/nodes/index.tsx
@@ -6,7 +6,7 @@ import {
   Mic, Languages, FileEdit, Sparkles, Film, FileVideo, Loader2, Plus, X,
 } from "lucide-react"
 import { NodeShell, type NodeStatus, type NodeKind } from "./node-shell"
-import { type Job, frameUrl, videoUrl, generatedImageUrl } from "@/lib/api"
+import { type Job, frameUrl, effectiveFrameUrl, videoUrl, generatedImageUrl } from "@/lib/api"
 
 export interface NodeData {
   job: Job | null            // 当前 active job
diff --git a/web/lib/api.ts b/web/lib/api.ts
index 130d018..04fecd1 100644
--- a/web/lib/api.ts
+++ b/web/lib/api.ts
@@ -196,6 +196,12 @@ export function frameUrl(jobId: string, frameIndex: number): string {
   return `${API_BASE}/jobs/${jobId}/frames/${frameIndex}.jpg`
 }
 
+// 接 frame 对象时返回正确版本 URL（已应用清洗版时加 cache-bust）
+export function effectiveFrameUrl(jobId: string, frame: { index: number; cleaned_applied?: boolean | null }): string {
+  const base = `${API_BASE}/jobs/${jobId}/frames/${frame.index}.jpg`
+  return frame.cleaned_applied ? `${base}?v=applied` : base
+}
+
 export function videoUrl(jobId: string): string {
   return `${API_BASE}/jobs/${jobId}/video.mp4`
 }