update pay promo

src/components/Navbars/SearchBar/SearchBar.js

@@ -97,32 +97,32 @@ export function SearchBar(props) {
 
   return (
     <Box ref={containerRef} position="relative" {...rest}>
-      {/* 搜索框容器 - 浅灰色背景，清晰可见 */}
+      {/* 搜索框容器 - 浅灰色背景，白色导航栏适配 */}
       <Box
         position="relative"
         borderRadius="full"
-        bg={isFocused ? "rgba(255, 255, 255, 0.18)" : "rgba(255, 255, 255, 0.12)"}
+        bg={isFocused ? "#e8e8e8" : "#f0f0f0"}
         border="1px solid"
-        borderColor={isFocused ? "rgba(212, 175, 55, 0.5)" : "rgba(255, 255, 255, 0.25)"}
-        boxShadow={isFocused ? "0 0 12px rgba(212, 175, 55, 0.2)" : "none"}
+        borderColor={isFocused ? "#d0d0d0" : "#e0e0e0"}
+        boxShadow={isFocused ? "0 0 0 2px rgba(212, 175, 55, 0.15)" : "none"}
         transition="all 0.2s ease"
         _hover={{
-          bg: "rgba(255, 255, 255, 0.15)",
-          borderColor: "rgba(255, 255, 255, 0.35)",
+          bg: "#e8e8e8",
+          borderColor: "#d0d0d0",
         }}
       >
         <InputGroup w={{ base: "160px", md: "200px", lg: "240px" }}>
           <InputLeftElement pointerEvents="none" h="full">
             <Search
               size={15}
-              color={isFocused ? accentColor : "rgba(255, 255, 255, 0.7)"}
+              color={isFocused ? accentColor : "#888"}
               style={{ transition: "color 0.2s" }}
             />
           </InputLeftElement>
           <Input
             variant="unstyled"
             fontSize="sm"
-            color="white"
+            color="#333"
             placeholder="搜索股票..."
             value={searchQuery}
             onChange={(e) => handleSearch(e.target.value)}
@@ -134,7 +134,7 @@ export function SearchBar(props) {
             py={2}
             h="36px"
             _placeholder={{
-              color: "rgba(255, 255, 255, 0.6)",
+              color: "#999",
               fontSize: "sm",
             }}
           />
@@ -146,14 +146,14 @@ export function SearchBar(props) {
                 <IconButton
                   size="xs"
                   variant="ghost"
-                  icon={<X size={12} color="rgba(255, 255, 255, 0.5)" />}
+                  icon={<X size={12} color="#888" />}
                   onClick={clearSearch}
                   aria-label="清除搜索"
                   borderRadius="full"
                   minW="auto"
                   h="20px"
                   w="20px"
-                  _hover={{ bg: "whiteAlpha.200" }}
+                  _hover={{ bg: "blackAlpha.100" }}
                 />
               )}
             </InputRightElement>