update ui

src/views/Community/components/HotEventsSection.js

@@ -12,6 +12,7 @@ import {
   useColorModeValue
 } from '@chakra-ui/react';
 import HotEvents from './HotEvents';
+import { PROFESSIONAL_COLORS } from '../../../constants/professionalTheme';
 
 /**
  * 热点事件区域组件
@@ -19,7 +20,8 @@ import HotEvents from './HotEvents';
  * @param {Function} onEventClick - 事件点击追踪回调
  */
 const HotEventsSection = ({ events, onEventClick }) => {
-  const cardBg = useColorModeValue('white', 'gray.800');
+  const cardBg = PROFESSIONAL_COLORS.background.card;
+  const borderColor = PROFESSIONAL_COLORS.border.default;
   const [currentPage, setCurrentPage] = useState(1);
   const [totalPages, setTotalPages] = useState(1);
 
@@ -39,9 +41,9 @@ const HotEventsSection = ({ events, onEventClick }) => {
       mt={6}
       mb={8}
       bg={cardBg}
-      boxShadow="lg"
+      boxShadow="0 4px 12px rgba(0, 0, 0, 0.3), 0 0 20px rgba(255, 195, 0, 0.1)"
       borderWidth="1px"
-      borderColor={useColorModeValue('gray.200', 'gray.700')}
+      borderColor={borderColor}
       position="relative"
       zIndex={1}
       animation="fadeInUp 0.8s ease-out 0.4s both"
@@ -56,20 +58,21 @@ const HotEventsSection = ({ events, onEventClick }) => {
         <Box>
           <Heading
             size="lg"
-            bgGradient="linear(to-r, #FF4500, #FFD700)"
+            bgGradient={PROFESSIONAL_COLORS.gradients.gold}
             bgClip="text"
             fontWeight="extrabold"
           >
             🔥 热点事件
           </Heading>
-          <p className="section-subtitle" style={{paddingTop: '8px', color: useColorModeValue('#666', '#aaa')}}>
+          <p className="section-subtitle" style={{paddingTop: '8px', color: PROFESSIONAL_COLORS.text.secondary}}>
             展示最近5天内涨幅最高的事件，助您把握市场热点
           </p>
         </Box>
         {/* 页码指示器 */}
         {totalPages > 1 && (
           <Badge
-            colorScheme="orange"
+            bg={PROFESSIONAL_COLORS.gold[500]}
+            color="black"
             fontSize="sm"
             px={3}
             py={1}