更新Company页面的UI为FUI风格

src/views/Community/components/EventDetailModal/EventDetailModal.less

@@ -1,7 +1,132 @@
-// 事件详情抽屉样式（从底部弹出）
-// 注意：大部分样式已在 TSX 的 styles 属性中配置，这里只保留必要的覆盖
-.event-detail-drawer {
-  // 标题样式
+// 事件详情抽屉样式（从底部弹出）- 深色毛玻璃风格
+
+// 深色主题变量
+@glass-bg: rgba(20, 24, 35, 0.95);
+@glass-header-bg: rgba(26, 31, 46, 0.98);
+@glass-border: rgba(255, 255, 255, 0.1);
+@glass-text: #E8E9ED;
+@glass-text-secondary: #A0A4B8;
+@glass-card-bg: rgba(26, 31, 46, 0.85);
+@glass-section-bg: rgba(21, 25, 34, 0.7);
+
+.event-detail-drawer-dark {
+  // 移除白色外边框和阴影
+  .ant-drawer-content-wrapper {
+    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.5) !important;
+  }
+
+  // 内容容器 - 深色毛玻璃效果
+  .ant-drawer-content {
+    background: @glass-bg !important;
+    backdrop-filter: blur(24px) !important;
+    -webkit-backdrop-filter: blur(24px) !important;
+  }
+
+  // 标题样式 - 深色主题
+  .ant-drawer-title {
+    color: @glass-text !important;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 1.4;
+    max-width: calc(100% - 40px);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  // 头部容器
+  .ant-drawer-header {
+    background: @glass-header-bg !important;
+    border-bottom: 1px solid @glass-border !important;
+    backdrop-filter: blur(16px);
+  }
+
+  // 头部标题区域
+  .ant-drawer-header-title {
+    flex-direction: row-reverse; // 关闭按钮在右边
+  }
+
+  // 关闭按钮
+  .ant-drawer-extra {
+    .anticon-close {
+      color: @glass-text;
+      font-size: 18px;
+      transition: all 0.2s ease;
+
+      &:hover {
+        color: #fff;
+        transform: scale(1.1);
+      }
+    }
+  }
+
+  // 内容区域
+  .ant-drawer-body {
+    background: transparent !important;
+    padding: 0 !important;
+
+    // Chakra Card 样式覆盖
+    .chakra-card {
+      background: @glass-card-bg !important;
+      border: 1px solid @glass-border !important;
+      backdrop-filter: blur(8px);
+      border-radius: 12px;
+      box-shadow: none !important;
+    }
+
+    // 折叠区块标题样式覆盖 - 相关股票等标题
+    .chakra-heading {
+      color: @glass-text !important;
+    }
+
+    // 折叠区块背景
+    [class*="chakra-collapse"] > div,
+    .chakra-card > div > div > div {
+      background: @glass-section-bg !important;
+    }
+
+    // Badge 样式
+    .chakra-badge {
+      background: rgba(59, 130, 246, 0.2) !important;
+      color: #60a5fa !important;
+    }
+
+    // 所有文本默认颜色
+    .chakra-text {
+      color: @glass-text-secondary;
+    }
+
+    // 按钮样式
+    .chakra-button {
+      &[data-variant="ghost"] {
+        color: @glass-text-secondary;
+        &:hover {
+          background: rgba(255, 255, 255, 0.06);
+          color: @glass-text;
+        }
+      }
+    }
+
+    // IconButton 样式
+    .chakra-icon-button {
+      color: @glass-text-secondary;
+      &:hover {
+        background: rgba(255, 255, 255, 0.06);
+        color: @glass-text;
+      }
+    }
+
+    // Ant Design Tag 样式
+    .ant-tag {
+      background: rgba(59, 130, 246, 0.15) !important;
+      border-color: rgba(59, 130, 246, 0.3) !important;
+      color: #60a5fa !important;
+    }
+  }
+}
+
+// 原有基础样式保留（非深色模式）
+.event-detail-drawer:not(.event-detail-drawer-dark) {
   .ant-drawer-title {
     color: #1A202C;
   }