更新Company页面的UI为FUI风格

src/components/EventDetailPanel/CollapsibleHeader.js

@@ -10,9 +10,9 @@ import {
   Badge,
   IconButton,
   Button,
-  useColorModeValue,
 } from '@chakra-ui/react';
 import { ChevronDownIcon, ChevronUpIcon } from '@chakra-ui/icons';
+import { PROFESSIONAL_COLORS } from '@constants/professionalTheme';
 
 /**
  * 可折叠模块标题组件
@@ -38,9 +38,10 @@ const CollapsibleHeader = ({
   onModeToggle = null,
   isLocked = false
 }) => {
-  const sectionBg = useColorModeValue('gray.50', 'gray.750');
-  const hoverBg = useColorModeValue('gray.100', 'gray.700');
-  const headingColor = useColorModeValue('gray.700', 'gray.200');
+  // 使用深色主题颜色
+  const sectionBg = 'rgba(26, 31, 46, 0.6)';
+  const hoverBg = 'rgba(33, 38, 51, 0.8)';
+  const headingColor = PROFESSIONAL_COLORS.text.primary;
 
   // 获取按钮文案
   const getButtonText = () => {

src/components/EventDetailPanel/CollapsibleSection.js

@@ -5,10 +5,8 @@ import React, { useState } from 'react';
 import {
   Box,
   Collapse,
-  useColorModeValue,
 } from '@chakra-ui/react';
 import CollapsibleHeader from './CollapsibleHeader';
-import { PROFESSIONAL_COLORS } from '@constants/professionalTheme';
 
 /**
  * 通用可折叠区块组件
@@ -38,7 +36,8 @@ const CollapsibleSection = ({
   showModeToggle = false,
   defaultMode = 'detailed'
 }) => {
-  const sectionBg = PROFESSIONAL_COLORS.background.secondary;
+  // 使用半透明深色背景
+  const sectionBg = 'rgba(21, 25, 34, 0.6)';
 
   // 模式状态：'detailed' | 'simple'
   const [displayMode, setDisplayMode] = useState(defaultMode);

src/components/EventDetailPanel/DynamicNewsDetailPanel.js

@@ -86,8 +86,9 @@ const sectionReducer = (state, action) => {
 const DynamicNewsDetailPanel = ({ event, showHeader = true }) => {
   const dispatch = useDispatch();
   const { user } = useAuth();
-  const cardBg = PROFESSIONAL_COLORS.background.card;
-  const borderColor = PROFESSIONAL_COLORS.border.default;
+  // 使用半透明背景以支持毛玻璃效果
+  const cardBg = 'rgba(26, 31, 46, 0.6)';
+  const borderColor = 'rgba(255, 255, 255, 0.08)';
   const textColor = PROFESSIONAL_COLORS.text.secondary;
 
   // 使用 useWatchlist Hook 管理自选股