diff --git a/src/views/Community/index.js b/src/views/Community/index.js
index 438d70e3..ff0a43c0 100644
--- a/src/views/Community/index.js
+++ b/src/views/Community/index.js
@@ -44,6 +44,8 @@ const Community = () => {
 
   // Chakra UI hooks
   const bgColor = useColorModeValue('gray.50', 'gray.900');
+  const alertBgColor = useColorModeValue('blue.50', 'blue.900');
+  const alertBorderColor = useColorModeValue('blue.200', 'blue.700');
 
   // Ref：用于首次滚动到内容区域
   const containerRef = useRef(null);
@@ -145,9 +147,9 @@ const Community = () => {
             borderRadius="lg"
             mb={4}
             boxShadow="md"
-            bg={useColorModeValue('blue.50', 'blue.900')}
+            bg={alertBgColor}
             borderWidth="1px"
-            borderColor={useColorModeValue('blue.200', 'blue.700')}
+            borderColor={alertBorderColor}
           >
             <AlertIcon />
             <Box flex="1">