feat: 热点事件UI调整

src/views/Community/components/EventTimelineCard.js

@@ -37,13 +37,14 @@ const EventTimelineCard = forwardRef(({
   onSearch,
   onPageChange,
   onEventClick,
-  onViewDetail
+  onViewDetail,
+  ...rest
 }, ref) => {
   const cardBg = useColorModeValue('white', 'gray.800');
   const borderColor = useColorModeValue('gray.200', 'gray.700');
 
   return (
-    <Card ref={ref} bg={cardBg} borderColor={borderColor} mb={4}>
+    <Card ref={ref} {...rest} bg={cardBg} borderColor={borderColor} mb={4}>
       {/* 标题部分 */}
       <CardHeader>
         <EventTimelineHeader lastUpdateTime={lastUpdateTime} />

src/views/Community/components/HotEvents.css

@@ -1,8 +1,7 @@
 /* Hot Events Section */
 .hot-events-section {
-    padding: 24px 0;
+    padding-bottom: 24px;
 }
-
 .section-title {
     display: flex;
     align-items: center;

src/views/Community/components/HotEvents.js

@@ -41,12 +41,6 @@ const HotEvents = ({ events }) => {
 
     return (
         <div className="hot-events-section">
-            <h2 className="section-title">
-                <FireOutlined style={{ marginRight: 8, color: '#ff4d4f' }} />
-                近期热点信息
-            </h2>
-            <p className="section-subtitle">展示最近5天内涨幅最高的事件，助您把握市场热点</p>
-
             {events && events.length > 0 ? (
                 <Row gutter={[16, 16]}>
                     {events.map((event, index) => (

src/views/Community/components/HotEventsSection.js

@@ -24,11 +24,12 @@ const HotEventsSection = ({ events }) => {
   }
 
   return (
-    <Card mt={8} bg={cardBg}>
-      <CardHeader>
+    <Card mt={0} bg={cardBg}>
+      <CardHeader pb={0}>
         <Heading size="md">🔥 热点事件</Heading>
+        <p className="section-subtitle" style={{paddingTop: '8px'}}>展示最近5天内涨幅最高的事件，助您把握市场热点</p>
       </CardHeader>
-      <CardBody>
+      <CardBody py={0} px={4}>
         <HotEvents events={events} />
       </CardBody>
     </Card>