update pay function

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

@@ -63,15 +63,21 @@ const CollapsibleHeader = ({
     <Flex
       justify="space-between"
       align="center"
-      cursor={showModeToggle ? 'default' : 'pointer'}
+      cursor="pointer"
       onClick={showModeToggle ? undefined : onToggle}
       p={3}
       bg={sectionBg}
       borderRadius="md"
-      _hover={showModeToggle ? {} : { bg: hoverBg }}
+      _hover={{ bg: hoverBg }}
       transition="background 0.2s"
     >
-      <HStack spacing={2}>
+      {/* 左侧：标题区域（可点击切换展开） */}
+      <HStack
+        spacing={2}
+        cursor="pointer"
+        onClick={showModeToggle ? onToggle : undefined}
+        flex="1"
+      >
         <Heading size="sm" color={headingColor}>
           {title}
         </Heading>
@@ -85,6 +91,19 @@ const CollapsibleHeader = ({
             {count}
           </Badge>
         )}
+        {/* 展开/收起图标（showModeToggle 时显示在标题旁边） */}
+        {showModeToggle && (
+          <IconButton
+            icon={isOpen ? <ChevronUpIcon /> : <ChevronDownIcon />}
+            size="xs"
+            variant="ghost"
+            aria-label={isOpen ? '收起' : '展开'}
+            onClick={(e) => {
+              e.stopPropagation();
+              onToggle();
+            }}
+          />
+        )}
       </HStack>
 
       {/* 只有 showModeToggle=true 时才显示模式切换按钮 */}
@@ -93,13 +112,12 @@ const CollapsibleHeader = ({
           size="sm"
           variant="ghost"
           colorScheme="blue"
-          rightIcon={getButtonIcon()}
           onClick={(e) => {
             e.stopPropagation();
             onModeToggle(e);
           }}
         >
-          {getButtonText()}
+          {currentMode === 'simple' ? '详细信息' : '精简模式'}
         </Button>
       )}