From 4e5f999881907e487a2e783f5aa9969f7b098345 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Mon, 15 Dec 2025 14:54:13 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=83=AD=E9=97=A8?=
 =?UTF-8?q?=E6=A6=82=E5=BF=B5=E6=BB=9A=E5=8A=A8=E5=8A=A8=E7=94=BB=E6=9A=82?=
 =?UTF-8?q?=E5=81=9C=E6=97=B6=E8=B7=B3=E8=B7=83=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 使用 animation-play-state 代替移除动画
- 暂停时保持在当前位置而不是跳回初始位置

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/views/Community/components/HeroPanel.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/views/Community/components/HeroPanel.js b/src/views/Community/components/HeroPanel.js
index 041c3844..ca8a5117 100644
--- a/src/views/Community/components/HeroPanel.js
+++ b/src/views/Community/components/HeroPanel.js
@@ -569,8 +569,9 @@ const FlowingConcepts = () => {
         }}
       >
         <Flex
-          animation={isPaused ? 'none' : `${animationName} ${duration}s linear infinite`}
+          animation={`${animationName} ${duration}s linear infinite`}
           sx={{
+            animationPlayState: isPaused ? 'paused' : 'running',
             [`@keyframes ${animationName}`]: direction === 'left' ? {
               '0%': { transform: 'translateX(0)' },
               '100%': { transform: 'translateX(-50%)' },