update ui

src/views/Community/components/DynamicNewsDetail/CollapsibleSection.js

@@ -8,6 +8,7 @@ import {
   useColorModeValue,
 } from '@chakra-ui/react';
 import CollapsibleHeader from './CollapsibleHeader';
+import { PROFESSIONAL_COLORS } from '../../../../constants/professionalTheme';
 
 /**
  * 通用可折叠区块组件
@@ -37,7 +38,7 @@ const CollapsibleSection = ({
   showModeToggle = false,
   defaultMode = 'detailed'
 }) => {
-  const sectionBg = useColorModeValue('gray.50', 'gray.750');
+  const sectionBg = PROFESSIONAL_COLORS.background.secondary;
 
   // 模式状态：'detailed' | 'simple'
   const [displayMode, setDisplayMode] = useState(defaultMode);

src/views/Community/components/DynamicNewsDetail/EventDescriptionSection.js

@@ -8,6 +8,7 @@ import {
   Text,
   useColorModeValue,
 } from '@chakra-ui/react';
+import { PROFESSIONAL_COLORS } from '../../../../constants/professionalTheme';
 
 /**
  * 事件描述区组件
@@ -15,9 +16,9 @@ import {
  * @param {string} props.description - 事件描述文本
  */
 const EventDescriptionSection = ({ description }) => {
-  const sectionBg = useColorModeValue('gray.50', 'gray.750');
-  const headingColor = useColorModeValue('gray.700', 'gray.200');
-  const textColor = useColorModeValue('gray.600', 'gray.400');
+  const sectionBg = PROFESSIONAL_COLORS.background.secondary;
+  const headingColor = PROFESSIONAL_COLORS.text.primary;
+  const textColor = PROFESSIONAL_COLORS.text.secondary;
 
   // 如果没有描述，不渲染
   if (!description) {