update pay function

src/views/AgentChat/index.js

@@ -720,13 +720,26 @@ const AgentChatV4 = () => {
       {/* 全局样式：确保页面占满整个视口 */}
       <Global
         styles={css`
-          html, body, #root {
+          /* 重置全局样式，确保AgentChat页面正确显示 */
+          html, body {
             margin: 0 !important;
             padding: 0 !important;
             width: 100% !important;
             height: 100% !important;
             overflow: hidden !important;
           }
+
+          /* 确保根元素不影响布局 */
+          #root {
+            position: relative;
+            width: 100%;
+            height: 100%;
+          }
+
+          /* 隐藏可能干扰的全局元素 */
+          .chakra-portal {
+            z-index: 9999;
+          }
         `}
       />
 
@@ -735,7 +748,9 @@ const AgentChatV4 = () => {
         h="100vh"
         bg={darkBg}
         overflow="hidden"
-        position="relative"
+        position="fixed"
+        top="0"
+        left="0"
         flexDirection="row"
       >
       <Box
@@ -948,11 +963,12 @@ const AgentChatV4 = () => {
           borderBottom="1px solid"
           borderColor={borderGold}
           px={{ base: 3, md: 6 }}
-          py={{ base: 3, md: 4 }}
+          py={{ base: 2, md: 3 }}
+          minH={{ base: "60px", md: "72px" }}
           boxShadow="0 4px 16px rgba(255, 215, 0, 0.1)"
         >
-          <HStack justify="space-between">
+          <HStack justify="space-between" h="full">
-            <HStack spacing={{ base: 2, md: 4 }}>
+            <HStack spacing={{ base: 2, md: 4 }} align="center">
               <IconButton
                 icon={<FiMessageSquare />}
                 size="sm"
@@ -963,33 +979,46 @@ const AgentChatV4 = () => {
                 onClick={toggleSidebar}
               />
               <Box
-                w={{ base: "32px", md: "40px" }}
+                w={{ base: "28px", md: "36px" }}
-                h={{ base: "32px", md: "40px" }}
+                h={{ base: "28px", md: "36px" }}
                 borderRadius="lg"
                 bg={goldGradient}
                 display="flex"
                 alignItems="center"
                 justifyContent="center"
                 boxShadow="0 4px 12px rgba(255, 215, 0, 0.3)"
+                flexShrink={0}
               >
-                <FiCpu fontSize={{ base: "1.2rem", md: "1.5rem" }} color={darkBg} />
+                <FiCpu fontSize={{ base: "1rem", md: "1.3rem" }} color={darkBg} />
               </Box>
-              <VStack align="start" spacing={0} display={{ base: "none", sm: "flex" }}>
+              <VStack align="start" spacing={0} flex={1}>
-                <Heading size={{ base: "sm", md: "md" }} color={textWhite}>价小前投研</Heading>
+                <Heading
-                <HStack>
+                  size={{ base: "xs", sm: "sm", md: "md" }}
+                  color={textWhite}
+                  noOfLines={1}
+                >
+                  价小前投研
+                </Heading>
+                <HStack spacing={{ base: 1, md: 2 }} flexWrap="wrap">
                   <Badge
                     bg="rgba(255, 215, 0, 0.2)"
                     color={goldAccent}
-                    fontSize="xs"
+                    fontSize={{ base: "xx-small", md: "xs" }}
                     borderRadius="full"
-                    px={2}
+                    px={{ base: 1, md: 2 }}
+                    whiteSpace="nowrap"
                   >
-                    <HStack spacing={1}>
+                    <Flex align="center" gap={1}>
                       <FiZap size={10} />
-                      <span>AI 深度分析</span>
+                      <Text>AI 深度分析</Text>
-                    </HStack>
+                    </Flex>
                   </Badge>
-                  <Text fontSize="xs" color={textGray} display={{ base: "none", md: "block" }}>
+                  <Text
+                    fontSize={{ base: "xx-small", md: "xs" }}
+                    color={textGray}
+                    display={{ base: "none", lg: "block" }}
+                    noOfLines={1}
+                  >
                     {AVAILABLE_MODELS.find(m => m.id === selectedModel)?.name || '智能模型'}
                   </Text>
                 </HStack>