更新Company页面的UI为FUI风格

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

@@ -16,12 +16,6 @@ import {
   Badge,
   Center,
   Spinner,
-  Modal,
-  ModalOverlay,
-  ModalContent,
-  ModalHeader,
-  ModalBody,
-  ModalCloseButton,
   useColorModeValue,
   useToast,
   useDisclosure,
@@ -34,7 +28,7 @@ import { useNotification } from '@contexts/NotificationContext';
 import EventScrollList from './EventScrollList';
 import ModeToggleButtons from './ModeToggleButtons';
 import PaginationControl from './PaginationControl';
-import DynamicNewsDetailPanel from '@components/EventDetailPanel';
+import EventDetailModal from '../EventDetailModal';
 import CompactSearchBox from '../SearchFilters/CompactSearchBox';
 import {
   fetchDynamicNews,
@@ -692,21 +686,12 @@ const [currentMode, setCurrentMode] = useState('vertical');
         </Box>
       </CardBody>
 
-      {/* 四排模式详情弹窗 - 未打开时不渲染 */}
-      {isModalOpen && (
-        <Modal isOpen={isModalOpen} onClose={onModalClose} size="full" scrollBehavior="inside">
-          <ModalOverlay />
-          <ModalContent maxW="1600px" mx="auto" my={8}>
-            <ModalHeader>
-              {modalEvent?.title || '事件详情'}
-            </ModalHeader>
-            <ModalCloseButton />
-            <ModalBody pb={6}>
-              {modalEvent && <DynamicNewsDetailPanel event={modalEvent} />}
-            </ModalBody>
-          </ModalContent>
-        </Modal>
-      )}
+      {/* 四排/主线模式详情弹窗 - 深色风格 */}
+      <EventDetailModal
+        open={isModalOpen}
+        onClose={onModalClose}
+        event={modalEvent}
+      />
     </Card>
   );
 });