feat: 调整事件列表h5模式调整

src/views/Community/components/DynamicNewsCard/EventScrollList.js

@@ -87,7 +87,7 @@ const EventScrollList = React.memo(({
       h="100%"
       pt={0}
       pb={4}
-      px={mode === 'four-row' ? 0 : 2}
+      px={mode === 'four-row' ? 0 : { base: 0, md: 2 }}
       position="relative"
       data-scroll-container="true"
       css={{

src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js

@@ -71,7 +71,7 @@ const HorizontalDynamicNewsEventCard = React.memo(({
     const cardPadding = useBreakpointValue({ base: 2, md: 3 }); // 移动端减小内边距
     const titleFontSize = useBreakpointValue({ base: 'sm', md: 'md' }); // 移动端减小标题字体
     const titlePaddingRight = useBreakpointValue({ base: '16px', md: '120px' }); // 桌面端为关键词留空间，移动端不显示关键词
-    const spacing = useBreakpointValue({ base: 2, md: 3 }); // 间距
+    const spacing = useBreakpointValue({ base: 1, md: 3 }); // 间距（移动端更紧凑）
 
     /**
      * 根据平均涨幅计算背景色（专业配色 - 深色主题）