refactor(Profile): 迁移毛玻璃效果到统一配置

- PredictionCard.js: 使用 GLASS_BLUR.sm 替代 blur(8px)
- CommunityFeedCard.js: 使用 GLASS_BLUR.sm 替代 blur(8px)
- StatCard.js: 使用 GLASS_BLUR.sm 替代 blur(8px)
- RiseFallChart.js: 使用 GLASS_BLUR.sm 替代 blur(8px)
- IndexCard.js: 使用 GLASS_BLUR.sm 替代 blur(8px)
- ConceptItem.js: 使用 GLASS_BLUR.sm 替代 blur(8px)

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

Co-Authored-By: Claude <noreply@anthropic.com>

src/views/Profile/components/ForumCenter/components/CommunityFeedCard.js

@@ -2,6 +2,7 @@
 import React, { useState } from 'react';
 import { Box, Text, VStack, HStack, Icon, Button } from '@chakra-ui/react';
 import { Newspaper, Flame, MessageCircle } from 'lucide-react';
+import { GLASS_BLUR } from '@/constants/glassConfig';
 
 const CommunityFeedCard = ({
   myPosts = [
@@ -25,7 +26,7 @@ const CommunityFeedCard = ({
       overflow="hidden"
       border="1px solid"
       borderColor="rgba(212, 175, 55, 0.15)"
-      backdropFilter="blur(8px)"
+      backdropFilter={GLASS_BLUR.sm}
     >
       {/* 标题栏 */}
       <HStack

src/views/Profile/components/ForumCenter/components/PredictionCard.js

@@ -2,6 +2,7 @@
 import React from 'react';
 import { Box, Text, VStack, HStack, Button, Icon } from '@chakra-ui/react';
 import { Zap, History, TrendingUp, TrendingDown } from 'lucide-react';
+import { GLASS_BLUR } from '@/constants/glassConfig';
 
 const PredictionCard = ({
   question = '大A 2025年收盘价?',
@@ -19,7 +20,7 @@ const PredictionCard = ({
       overflow="hidden"
       border="1px solid"
       borderColor="rgba(212, 175, 55, 0.15)"
-      backdropFilter="blur(8px)"
+      backdropFilter={GLASS_BLUR.sm}
     >
       {/* 标题栏 */}
       <HStack

src/views/Profile/components/MarketDashboard/components/atoms/ConceptItem.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { Box, Text, HStack } from '@chakra-ui/react';
 import { THEME } from '../../constants';
 import MiniTrendLine from './MiniTrendLine';
+import { GLASS_BLUR } from '@/constants/glassConfig';
 
 const ConceptItem = ({ name, change, trend = [], onClick }) => {
   const isUp = change >= 0;
@@ -19,7 +20,7 @@ const ConceptItem = ({ name, change, trend = [], onClick }) => {
       transition="all 0.2s"
       border="1px solid"
       borderColor="rgba(212, 175, 55, 0.1)"
-      backdropFilter="blur(8px)"
+      backdropFilter={GLASS_BLUR.sm}
       _hover={{
         bg: 'rgba(37, 37, 64, 0.6)',
         borderColor: 'rgba(212, 175, 55, 0.25)',

src/views/Profile/components/MarketDashboard/components/atoms/IndexCard.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { Box, Text, HStack, VStack } from '@chakra-ui/react';
 import { THEME } from '../../constants';
 import MiniTrendLine from './MiniTrendLine';
+import { GLASS_BLUR } from '@/constants/glassConfig';
 
 const IndexCard = ({ name, value, change, trend = [] }) => {
   const isUp = change >= 0;
@@ -18,7 +19,7 @@ const IndexCard = ({ name, value, change, trend = [] }) => {
       transition="all 0.2s"
       border="1px solid"
       borderColor="rgba(212, 175, 55, 0.15)"
-      backdropFilter="blur(8px)"
+      backdropFilter={GLASS_BLUR.sm}
       _hover={{
         bg: 'rgba(37, 37, 64, 0.7)',
         borderColor: 'rgba(212, 175, 55, 0.3)',

src/views/Profile/components/MarketDashboard/components/atoms/RiseFallChart.js

@@ -1,6 +1,7 @@
 // 涨跌分布图组件
 import React from 'react';
 import { Box, Text, VStack, HStack } from '@chakra-ui/react';
+import { GLASS_BLUR } from '@/constants/glassConfig';
 
 const RiseFallChart = ({
   riseCount = 2156,
@@ -33,7 +34,7 @@ const RiseFallChart = ({
       minW="160px"
       border="1px solid"
       borderColor="rgba(212, 175, 55, 0.15)"
-      backdropFilter="blur(8px)"
+      backdropFilter={GLASS_BLUR.sm}
     >
       <VStack align="stretch" spacing={2}>
         <Text fontSize="xs" color="rgba(255, 255, 255, 0.6)" fontWeight="medium">

src/views/Profile/components/MarketDashboard/components/atoms/StatCard.js

@@ -2,6 +2,7 @@
 import React from 'react';
 import { Box, Text, VStack } from '@chakra-ui/react';
 import { THEME } from '../../constants';
+import { GLASS_BLUR } from '@/constants/glassConfig';
 
 const StatCard = ({ label, value, subLabel, valueColor }) => {
   return (
@@ -14,7 +15,7 @@ const StatCard = ({ label, value, subLabel, valueColor }) => {
       transition="all 0.2s"
       border="1px solid"
       borderColor="rgba(212, 175, 55, 0.15)"
-      backdropFilter="blur(8px)"
+      backdropFilter={GLASS_BLUR.sm}
       _hover={{
         bg: 'rgba(37, 37, 64, 0.7)',
         borderColor: 'rgba(212, 175, 55, 0.3)',