feat: 添加消息推送能力

src/components/Subscription/SubscriptionButton.js

@@ -17,26 +17,28 @@ export default function SubscriptionButton({ subscriptionInfo, onClick }) {
   const getButtonStyles = () => {
     if (subscriptionInfo.type === 'max') {
       return {
-        bg: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
-        color: 'white',
+        bg: 'transparent',
+        color: '#3182CE',
         icon: '👑',
         label: 'Max',
-        shadow: '0 4px 12px rgba(118, 75, 162, 0.4)',
-        hoverShadow: '0 6px 16px rgba(118, 75, 162, 0.5)',
-        border: 'none',
-        accentColor: '#764ba2',
+        shadow: 'none',
+        hoverShadow: '0 2px 8px rgba(49, 130, 206, 0.2)',
+        border: '1.5px solid',
+        borderColor: '#4299E1',
+        accentColor: '#3182CE',
       };
     }
     if (subscriptionInfo.type === 'pro') {
       return {
-        bg: 'linear-gradient(135deg, #667eea 0%, #3182CE 100%)',
-        color: 'white',
+        bg: 'transparent',
+        color: '#667eea',
         icon: '💎',
         label: 'Pro',
-        shadow: '0 4px 12px rgba(49, 130, 206, 0.4)',
-        hoverShadow: '0 6px 16px rgba(49, 130, 206, 0.5)',
-        border: 'none',
-        accentColor: '#3182CE',
+        shadow: 'none',
+        hoverShadow: '0 2px 8px rgba(102, 126, 234, 0.2)',
+        border: '1.5px solid',
+        borderColor: '#667eea',
+        accentColor: '#667eea',
       };
     }
     // 基础版
@@ -168,11 +170,11 @@ export default function SubscriptionButton({ subscriptionInfo, onClick }) {
       <Box
         as="button"
         onClick={onClick}
-        px={3}
-        py={2}
-        minW="60px"
-        h="40px"
-        borderRadius="lg"
+        px={2}
+        py={1}
+        w="70px"
+        h="32px"
+        borderRadius="md"
         bg={styles.bg}
         color={styles.color}
         border={styles.border}
@@ -184,7 +186,7 @@ export default function SubscriptionButton({ subscriptionInfo, onClick }) {
         alignItems="center"
         justifyContent="center"
         _hover={{
-          transform: 'translateY(-2px)',
+          transform: 'translateY(-1px)',
           boxShadow: styles.hoverShadow,
         }}
         _active={{
@@ -192,7 +194,7 @@ export default function SubscriptionButton({ subscriptionInfo, onClick }) {
         }}
       >
         <Text fontSize="sm" fontWeight="600" lineHeight="1">
-          {styles.icon} {styles.label}
+          <Text as="span" fontSize="md">{styles.icon}</Text> {styles.label}
         </Text>
       </Box>
     </Tooltip>