update ui

src/views/Community/components/DynamicNewsCard.js

@@ -398,13 +398,14 @@ const [currentMode, setCurrentMode] = useState('vertical');
         }
       }}
     >
-      {/* 标题和搜索部分 - 可滚动区域 */}
+      {/* 标题和搜索部分 - 一行布局 */}
       <CardHeader
         ref={cardHeaderRef}
         position="relative"
         zIndex={1}
       >
-        <Flex justify="space-between" align="center">
+        {/* 第一行：标题 + 通知开关 + 更新时间 */}
+        <Flex justify="space-between" align="center" mb={4}>
           <VStack align="start" spacing={1}>
             <Heading size="md">
               <HStack>
@@ -480,17 +481,15 @@ const [currentMode, setCurrentMode] = useState('vertical');
           </VStack>
         </Flex>
 
-        {/* 搜索和筛选组件 - 紧凑版 */}
+        {/* 第二行：搜索和筛选组件 */}
-        <Box mt={4}>
+        <CompactSearchBox
-          <CompactSearchBox
+          onSearch={onSearch}
-            onSearch={onSearch}
+          onSearchFocus={onSearchFocus}
-            onSearchFocus={onSearchFocus}
+          filters={filters}
-            filters={filters}
+          mode={mode}
-            mode={mode}
+          pageSize={pageSize}
-            pageSize={pageSize}
+          trackingFunctions={trackingFunctions}
-            trackingFunctions={trackingFunctions}
+        />
-          />
-        </Box>
       </CardHeader>
 
       {/* 主体内容 */}

src/views/Community/index.js

@@ -144,7 +144,7 @@ const Community = () => {
   return (
     <Box minH="100vh" bg={bgColor}>
       {/* 主内容区域 */}
-      <Container ref={containerRef} maxW="1600px" pt={6} pb={8}>
+      <Container ref={containerRef} maxW="container.xl" pt={6} pb={8}>
         {/* 通知权限提示横幅 */}
         {showNotificationBanner && (
           <Alert