update pay function

src/views/Community/components/HeroPanel.js

@@ -276,7 +276,7 @@ const CompactIndexCard = ({ indexCode, indexName }) => {
 
   if (loading) {
     return (
-      <Center h="140px">
+      <Center h="210px">
         <VStack spacing={2}>
           <Spinner size="sm" color="gold" thickness="2px" />
           <Text fontSize="10px" color="whiteAlpha.500">加载{indexName}...</Text>
@@ -286,7 +286,7 @@ const CompactIndexCard = ({ indexCode, indexName }) => {
   }
 
   return (
-    <Flex direction="column" h="140px">
+    <Flex direction="column" h="210px">
       {/* 顶部：指数名称和数据 */}
       <Flex justify="space-between" align="center" mb={1}>
         <HStack spacing={2}>
@@ -792,7 +792,7 @@ const HeroPanel = () => {
             <Box
               flex="1"
               p={4}
-              minH="160px"
+              minH="240px"
               bg="rgba(255,255,255,0.03)"
               borderRadius="xl"
               border="1px solid rgba(255,255,255,0.08)"
@@ -810,7 +810,7 @@ const HeroPanel = () => {
             <Box
               flex="1"
               p={4}
-              minH="160px"
+              minH="240px"
               bg="rgba(255,255,255,0.03)"
               borderRadius="xl"
               border="1px solid rgba(255,255,255,0.08)"
@@ -828,7 +828,7 @@ const HeroPanel = () => {
           {/* 右侧：热门概念 - 流动式设计 */}
           <Box
             flex={{ lg: '1' }}
-            minH={{ base: '180px', lg: '160px' }}
+            minH={{ base: '270px', lg: '240px' }}
             bg="linear-gradient(135deg, rgba(0,0,0,0.4) 0%, rgba(20,20,40,0.3) 50%, rgba(0,0,0,0.4) 100%)"
             borderRadius="2xl"
             border="1px solid"