From 92bec5f0759412c5d2e3f1bffba78bfa15fc8e78 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Thu, 27 Nov 2025 16:55:25 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20AI=E5=90=88=E6=88=90h5=E6=8D=A2=E8=A1=8C?=
 =?UTF-8?q?=EF=BC=8Cpc=E4=B8=80=E8=A1=8C=EF=BC=8C=E8=AF=84=E8=AE=BA?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E4=B8=8A=E6=96=B9margin=E5=8E=BB=E6=8E=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DynamicNewsDetail/DynamicNewsDetailPanel.js | 2 +-
 .../components/DynamicNewsDetail/StockListItem.js          | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/views/Community/components/DynamicNewsDetail/DynamicNewsDetailPanel.js b/src/views/Community/components/DynamicNewsDetail/DynamicNewsDetailPanel.js
index 3a945d8b..16399acd 100644
--- a/src/views/Community/components/DynamicNewsDetail/DynamicNewsDetailPanel.js
+++ b/src/views/Community/components/DynamicNewsDetail/DynamicNewsDetailPanel.js
@@ -418,7 +418,7 @@ const DynamicNewsDetailPanel = ({ event, showHeader = true }) => {
           </CollapsibleSection>
 
           {/* 讨论区（评论区） - 所有登录用户可用 */}
-          <Box mt={4}>
+          <Box>
             <EventCommentSection eventId={event.id} />
           </Box>
         </VStack>
diff --git a/src/views/Community/components/DynamicNewsDetail/StockListItem.js b/src/views/Community/components/DynamicNewsDetail/StockListItem.js
index 9144e55e..fa789387 100644
--- a/src/views/Community/components/DynamicNewsDetail/StockListItem.js
+++ b/src/views/Community/components/DynamicNewsDetail/StockListItem.js
@@ -2,6 +2,7 @@
 // 股票卡片组件（融合表格功能的卡片样式）
 
 import React, { useState } from 'react';
+import { useSelector } from 'react-redux';
 import {
   Box,
   Flex,
@@ -18,6 +19,7 @@ import {
 import { StarIcon } from '@chakra-ui/icons';
 import { Tag } from 'antd';
 import { RobotOutlined } from '@ant-design/icons';
+import { selectIsMobile } from '@store/slices/deviceSlice';
 import MiniTimelineChart from '../StockDetailPanel/components/MiniTimelineChart';
 import MiniKLineChart from './MiniKLineChart';
 import TimelineChartModal from '@components/StockChart/TimelineChartModal';
@@ -45,6 +47,7 @@ const StockListItem = ({
   isInWatchlist = false,
   onWatchlistToggle
 }) => {
+  const isMobile = useSelector(selectIsMobile);
   const cardBg = PROFESSIONAL_COLORS.background.card;
   const borderColor = PROFESSIONAL_COLORS.border.default;
   const codeColor = '#3B82F6';
@@ -129,7 +132,7 @@ const StockListItem = ({
       transition="all 0.2s"
     >
       {/* 单行紧凑布局：名称+涨跌幅 | 分时图 | K线图 | 关联描述 */}
-      <HStack spacing={2} align="center" flexWrap="wrap">
+      <HStack spacing={2} align="center" flexWrap={isMobile ? 'wrap' : 'nowrap'}>
         {/* 左侧：股票信息区 */}
         <HStack spacing={2} overflow="hidden">
           {/* 股票代码 + 名称 + 涨跌幅 */}
@@ -282,7 +285,7 @@ const StockListItem = ({
 
         {/* 关联描述 - 升级和降级处理 */}
         {stock.relation_desc && (
-          <Box flex={1} minW={0}>
+          <Box flex={1} minW={0} flexBasis={isMobile ? '100%' : ''}>
             {stock.relation_desc?.data ? (
               // 升级：带引用来源的版本 - 添加折叠功能
               <Tooltip