update pay promo

src/components/TradeDatePicker/index.tsx

@@ -67,6 +67,9 @@ const TradeDatePicker: React.FC<TradeDatePickerProps> = ({
   showLatestTradeDateTip = true,
   size = 'md',
   labelColor,
+  inputBg,
+  inputColor,
+  inputBorderColor,
 }) => {
   const sizeConfig = SIZE_CONFIG[size];
 
@@ -118,11 +121,22 @@ const TradeDatePicker: React.FC<TradeDatePickerProps> = ({
         height={sizeConfig.inputHeight}
         fontSize={sizeConfig.fontSize}
         focusBorderColor="purple.400"
-        borderColor={COLORS.inputBorder}
+        borderColor={inputBorderColor || COLORS.inputBorder}
         borderRadius="lg"
         fontWeight="medium"
         transition="all 0.2s"
-        _hover={INPUT_HOVER_STYLE}
+        bg={inputBg}
+        color={inputColor}
+        _hover={{
+          ...INPUT_HOVER_STYLE,
+          borderColor: inputBorderColor ? 'purple.400' : INPUT_HOVER_STYLE.borderColor,
+        }}
+        sx={{
+          // 日期选择器图标颜色（针对深色模式）
+          '&::-webkit-calendar-picker-indicator': inputColor ? {
+            filter: 'invert(1)',
+          } : {},
+        }}
       />
 
       {showLatestTradeDateTip && latestTradeDate && (

src/components/TradeDatePicker/types.ts

@@ -30,4 +30,10 @@ export interface TradeDatePickerProps {
   size?: 'sm' | 'md';
   /** 标签颜色 */
   labelColor?: string;
+  /** 输入框背景色 */
+  inputBg?: string;
+  /** 输入框文字颜色 */
+  inputColor?: string;
+  /** 输入框边框颜色 */
+  inputBorderColor?: string;
 }

src/views/Concept/index.js

@@ -1547,6 +1547,9 @@ const ConceptCenter = () => {
                         inputWidth="130px"
                         size="sm"
                         labelColor="white"
+                        inputBg="whiteAlpha.100"
+                        inputColor="white"
+                        inputBorderColor="whiteAlpha.300"
                     />
                     {/* 数据更新提示 */}
                     {latestTradeDate && (