From 5eeb4f9e159112fa023c6eb9bc4782accc55713f Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Fri, 26 Dec 2025 11:30:07 +0800
Subject: [PATCH] =?UTF-8?q?refactor(Community):=20=E8=BF=81=E7=A7=BB?=
 =?UTF-8?q?=E6=AF=9B=E7=8E=BB=E7=92=83=E6=95=88=E6=9E=9C=E5=88=B0=E7=BB=9F?=
 =?UTF-8?q?=E4=B8=80=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- HeroPanel.js: 使用 GLASS_BLUR.sm 替代 blur(8px) 和 blur(10px)
- DynamicNewsEventCard.js: 使用 GLASS_BLUR.sm 替代 blur(10px)
- HorizontalDynamicNewsEventCard.js: 使用 GLASS_BLUR.sm 替代 blur(10px)

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../Community/components/EventCard/DynamicNewsEventCard.js   | 3 ++-
 .../components/EventCard/HorizontalDynamicNewsEventCard.js   | 3 ++-
 src/views/Community/components/HeroPanel.js                  | 5 +++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/views/Community/components/EventCard/DynamicNewsEventCard.js b/src/views/Community/components/EventCard/DynamicNewsEventCard.js
index 6823951e..5678b605 100644
--- a/src/views/Community/components/EventCard/DynamicNewsEventCard.js
+++ b/src/views/Community/components/EventCard/DynamicNewsEventCard.js
@@ -18,6 +18,7 @@ import { getChangeColor } from '@utils/colorUtils';
 // 导入子组件
 import { EventFollowButton } from './atoms';
 import StockChangeIndicators from '@components/StockChangeIndicators';
+import { GLASS_BLUR } from '@/constants/glassConfig';
 
 /**
  * 动态新闻事件卡片组件（极简版）
@@ -200,7 +201,7 @@ const DynamicNewsEventCard = React.memo(({
                     ? useColorModeValue('blue.50', 'blue.900')
                     : getChangeBasedBgColor(event.related_avg_chg)
                 }
-                backdropFilter="blur(10px)" // 毛玻璃效果
+                backdropFilter={GLASS_BLUR.sm} // 毛玻璃效果
                 borderWidth={isSelected ? "2px" : "1px"}
                 borderColor={isSelected
                     ? useColorModeValue('blue.500', 'blue.400')
diff --git a/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js b/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js
index 625c827c..9f21a98e 100644
--- a/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js
+++ b/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js
@@ -27,6 +27,7 @@ import {
     KeywordsCarousel,
 } from './atoms';
 import StockChangeIndicators from '@components/StockChangeIndicators';
+import { GLASS_BLUR } from '@/constants/glassConfig';
 
 /**
  * 横向布局的动态新闻事件卡片组件
@@ -136,7 +137,7 @@ const HorizontalDynamicNewsEventCard = React.memo(({
                         ? selectedBg
                         : getChangeBasedBgColor(event.related_avg_chg)
                     }
-                    backdropFilter="blur(10px)" // 毛玻璃效果
+                    backdropFilter={GLASS_BLUR.sm} // 毛玻璃效果
                     borderWidth={isSelected ? "2px" : "1px"}
                     borderColor={isSelected
                         ? selectedBorderColor
diff --git a/src/views/Community/components/HeroPanel.js b/src/views/Community/components/HeroPanel.js
index 27abdf3e..5bab3bb4 100644
--- a/src/views/Community/components/HeroPanel.js
+++ b/src/views/Community/components/HeroPanel.js
@@ -31,6 +31,7 @@ import { logger } from '@utils/logger';
 import { getApiBase } from '@utils/apiConfig';
 import { useIndexQuote } from '@hooks/useIndexQuote';
 import conceptStaticService from '@services/conceptStaticService';
+import { GLASS_BLUR } from '@/constants/glassConfig';
 
 // 定义动画
 const animations = `
@@ -634,7 +635,7 @@ const InfoModal = () => {
 
       {/* 弹窗 */}
       <Modal isOpen={isOpen} onClose={onClose} size="lg" isCentered motionPreset="slideInBottom">
-        <ModalOverlay bg="blackAlpha.700" backdropFilter="blur(8px)" />
+        <ModalOverlay bg="blackAlpha.700" backdropFilter={GLASS_BLUR.sm} />
         <ModalContent
           bg="linear-gradient(135deg, rgba(15,15,30,0.98) 0%, rgba(25,25,50,0.98) 100%)"
           border="1px solid rgba(255,215,0,0.3)"
@@ -930,7 +931,7 @@ const HeroPanel = () => {
               px={4}
               py={2}
               bg="rgba(0,0,0,0.3)"
-              backdropFilter="blur(10px)"
+              backdropFilter={GLASS_BLUR.sm}
               borderBottom="1px solid rgba(255,255,255,0.05)"
               justify="space-between"
               align="center"