fix(Center): EventPanel 和 EventDetailModal 细节调整

- EventPanel: 调整组件引用和布局
- EventDetailModal: 引入样式文件

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/views/Center/components/EventDetailModal.tsx

@@ -11,6 +11,7 @@ import type { Dayjs } from 'dayjs';
 import { EventCard } from './EventCard';
 import { EventEmptyState } from './EventEmptyState';
 import type { InvestmentEvent } from '@/types';
+import './EventDetailModal.less';
 
 /**
  * EventDetailModal Props
@@ -60,6 +61,8 @@ export const EventDetailModal: React.FC<EventDetailModalProps> = ({
       maskClosable={false}
       keyboard={true}
       centered
+      className="event-detail-modal"
+      rootClassName="event-detail-modal-root"
       styles={{
         body: { paddingTop: 16, paddingBottom: 24 },
       }}

src/views/Center/components/EventPanel.tsx

@@ -22,7 +22,7 @@ import { FiFileText } from 'react-icons/fi';
 
 import { usePlanningData } from './PlanningContext';
 import { EventFormModal } from './EventFormModal';
-import { EventCard } from './EventCard';
+import { FUIEventCard } from './FUIEventCard';
 import type { InvestmentEvent } from '@/types';
 import { logger } from '@/utils/logger';
 import { getApiBase } from '@/utils/apiConfig';
@@ -152,15 +152,11 @@ export const EventPanel: React.FC<EventPanelProps> = ({
         ) : (
           <Grid templateColumns={{ base: '1fr', md: 'repeat(2, 1fr)' }} gap={{ base: 3, md: 4 }}>
             {events.map(event => (
-              <EventCard
+              <FUIEventCard
                 key={event.id}
                 event={event}
-                variant="list"
                 colorScheme={colorScheme}
                 label={label}
-                textColor={textColor}
-                secondaryText={secondaryText}
-                cardBg={cardBg}
                 onEdit={handleEdit}
                 onDelete={handleDelete}
               />