From 07d2d8fbf7981dca3f1776b662191b92a0f38459 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Mon, 7 Jul 2025 23:06:40 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=94=9F=E6=88=90=E8=A7=86?=
 =?UTF-8?q?=E9=A2=91=E5=89=8D=E8=8D=89=E5=9B=BE=E6=A8=A1=E7=B3=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/pages/work-flow.tsx                | 1 +
 components/pages/work-flow/thumbnail-grid.tsx | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/pages/work-flow.tsx b/components/pages/work-flow.tsx
index f257904..05f79f0 100644
--- a/components/pages/work-flow.tsx
+++ b/components/pages/work-flow.tsx
@@ -257,6 +257,7 @@ export default function WorkFlow() {
                   <ErrorBoundary>
                     <ThumbnailGrid
                       isLoading={isLoading}
+                      isPlaying={isPlaying}
                       currentStep={currentStep}
                       currentSketchIndex={currentSketchIndex}
                       taskSketch={taskSketch}
diff --git a/components/pages/work-flow/thumbnail-grid.tsx b/components/pages/work-flow/thumbnail-grid.tsx
index 35cff67..5c4c948 100644
--- a/components/pages/work-flow/thumbnail-grid.tsx
+++ b/components/pages/work-flow/thumbnail-grid.tsx
@@ -7,6 +7,7 @@ import { ProgressiveReveal, presets } from '@/components/ui/progressive-reveal';
 
 interface ThumbnailGridProps {
   isLoading: boolean;
+  isPlaying: boolean;
   currentStep: string;
   currentSketchIndex: number;
   taskSketch: any[];
@@ -20,6 +21,7 @@ interface ThumbnailGridProps {
 
 export function ThumbnailGrid({
   isLoading,
+  isPlaying,
   currentStep,
   currentSketchIndex,
   taskSketch,
@@ -183,7 +185,7 @@ export function ThumbnailGrid({
           <div className="w-full h-full transform hover:scale-105 transition-transform duration-500">
             <img 
               className={`w-full h-full object-cover transition-all duration-300 ${
-                !taskVideos[index] ? 'filter blur-sm opacity-60' : ''
+                (!taskVideos[index] && !isPlaying) ? 'filter blur-sm opacity-60' : ''
               }`}
               src={sketch.url}
               alt={`Thumbnail ${index + 1}`}