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}>
+    <Card mt={0} bg={cardBg}>
-      <CardHeader>
+      <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>

src/views/Community/index.css

@@ -210,8 +210,6 @@
 
 /* 热点事件部分样式 */
 .hot-events-section {
-    margin-top: 48px;
-    padding: 32px;
     background: white;
     border-radius: 16px;
     box-shadow: 0 4px 24px rgba(0,0,0,0.06);

src/views/Community/index.js

@@ -93,16 +93,15 @@ const Community = () => {
 
   return (
     <Box minH="100vh" bg={bgColor}>
-      {/* 导航栏已由 MainLayout 提供 */}
-
       {/* 主内容区域 */}
-      <Container maxW="container.xl" py={8}>
+      <Container maxW="container.xl" pt={6} pb={8}>
         {/* 热点事件区域 */}
         <HotEventsSection events={hotEvents} />
 
-        {/* 实时事件时间轴卡片 */}
+        {/* 实时事件 */}
         <EventTimelineCard
           ref={eventTimelineRef}
+          mt={6}
           events={events}
           loading={loading}
           pagination={pagination}