fix: 修复热门概念滚动动画暂停时跳跃问题

- 使用 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

@@ -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%)' },