更新Company页面的UI为FUI风格

src/views/Community/components/EventDetailModal/EventDetailModal.tsx

@@ -15,8 +15,17 @@ interface EventDetailModalProps {
   event: any; // TODO: 后续可替换为具体的 Event 类型
 }
 
+// 深色毛玻璃主题颜色
+const GLASS_THEME = {
+  bg: 'rgba(20, 24, 35, 0.92)',
+  headerBg: 'rgba(26, 31, 46, 0.95)',
+  borderColor: 'rgba(255, 255, 255, 0.08)',
+  textColor: '#E8E9ED',
+  secondaryText: '#A0A4B8',
+};
+
 /**
- * 事件详情抽屉组件（从底部弹出）
+ * 事件详情抽屉组件（从底部弹出）- 深色毛玻璃风格
  */
 const EventDetailModal: React.FC<EventDetailModalProps> = ({
   open,
@@ -34,12 +43,12 @@ const EventDetailModal: React.FC<EventDetailModalProps> = ({
       width={isMobile ? '100%' : '70vw'}
       title={event?.title || '事件详情'}
       destroyOnHidden
-      rootClassName="event-detail-drawer"
+      rootClassName="event-detail-drawer event-detail-drawer-dark"
       closeIcon={null}
       extra={
         <CloseOutlined
           onClick={onClose}
-          style={{ cursor: 'pointer', fontSize: 16, color: '#4A5568' }}
+          style={{ cursor: 'pointer', fontSize: 18, color: GLASS_THEME.textColor }}
         />
       }
       styles={{
@@ -47,10 +56,29 @@ const EventDetailModal: React.FC<EventDetailModalProps> = ({
           maxWidth: 1400,
           margin: '0 auto',
           borderRadius: '16px 16px 0 0',
+          overflow: 'hidden',
+        },
+        mask: {
+          backdropFilter: 'blur(8px)',
+          background: 'rgba(0, 0, 0, 0.6)',
+        },
+        content: {
+          borderRadius: '16px 16px 0 0',
+          background: GLASS_THEME.bg,
+          backdropFilter: 'blur(20px)',
+          border: 'none',
+          boxShadow: '0 -8px 32px rgba(0, 0, 0, 0.4)',
+        },
+        header: {
+          background: GLASS_THEME.headerBg,
+          borderBottom: `1px solid ${GLASS_THEME.borderColor}`,
+          padding: '16px 24px',
+          backdropFilter: 'blur(12px)',
+        },
+        body: {
+          padding: 0,
+          background: 'transparent',
         },
-        content: { borderRadius: '16px 16px 0 0' },
-        header: { background: '#FFFFFF', borderBottom: '1px solid #E2E8F0', padding: '16px 24px' },
-        body: { padding: 0, background: '#FFFFFF' },
       }}
     >
       {event && <DynamicNewsDetailPanel event={event} showHeader={false} />}