diff --git a/src/components/Subscription/SubscriptionContentNew.tsx b/src/components/Subscription/SubscriptionContentNew.tsx
index f1d856eb..f92fb3a3 100644
--- a/src/components/Subscription/SubscriptionContentNew.tsx
+++ b/src/components/Subscription/SubscriptionContentNew.tsx
@@ -47,37 +47,37 @@ export default function SubscriptionContentNew() {
   const subscriptionEvents = useSubscriptionEvents({
     currentSubscription: {
       plan: user?.subscription_plan || 'free',
-      status: user?.subscription_status || 'none',
+      status: user?.subscription_status || 'inactive',
     },
   });
 
-  const toast = useToast();
-  const { isOpen: isPaymentModalOpen, onOpen: onPaymentModalOpen, onClose: onPaymentModalClose } = useDisclosure();
-
-  // State
+  const [selectedCycle, setSelectedCycle] = useState('yearly');
   const [selectedPlan, setSelectedPlan] = useState(null);
-  const [selectedCycle, setSelectedCycle] = useState('yearly'); // 默认年付
-  const [paymentOrder, setPaymentOrder] = useState(null);
+  const [priceInfo, setPriceInfo] = useState(null);
   const [loading, setLoading] = useState(false);
-  const [paymentCountdown, setPaymentCountdown] = useState(0);
-  const [checkingPayment, setCheckingPayment] = useState(false);
-  const [autoCheckInterval, setAutoCheckInterval] = useState(null);
-  const [forceUpdating, setForceUpdating] = useState(false);
-  const [openFaqIndex, setOpenFaqIndex] = useState(null);
   const [promoCode, setPromoCode] = useState('');
   const [promoCodeApplied, setPromoCodeApplied] = useState(false);
   const [promoCodeError, setPromoCodeError] = useState('');
   const [validatingPromo, setValidatingPromo] = useState(false);
-  const [priceInfo, setPriceInfo] = useState(null);
+
+  const [paymentOrder, setPaymentOrder] = useState(null);
+  const [paymentCountdown, setPaymentCountdown] = useState(300);
+  const [autoCheckInterval, setAutoCheckInterval] = useState(null);
+  const [forceUpdating, setForceUpdating] = useState(false);
+
+  const [openFaqIndex, setOpenFaqIndex] = useState(null);
+
+  const { isOpen, onOpen, onClose } = useDisclosure();
+  const toast = useToast();
 
   // 倒计时更新
   useEffect(() => {
-    let timer;
+    let timer: any;
     if (paymentCountdown > 0) {
       timer = setInterval(() => {
         setPaymentCountdown((prev) => {
           if (prev <= 1) {
-            handlePaymentExpired();
+            handlePaymentExpire();
             return 0;
           }
           return prev - 1;
@@ -94,9 +94,7 @@ export default function SubscriptionContentNew() {
     };
   }, []);
 
-  const handlePaymentExpired = () => {
-    setPaymentOrder(null);
-    setPaymentCountdown(0);
+  const handlePaymentExpire = () => {
     stopAutoPaymentCheck();
     toast({
       title: '支付二维码已过期',
@@ -114,14 +112,14 @@ export default function SubscriptionContentNew() {
     }
   };
 
-  const formatTime = (seconds) => {
+  const formatTime = (seconds: number) => {
     const minutes = Math.floor(seconds / 60);
     const remainingSeconds = seconds % 60;
     return `${minutes.toString().padStart(2, '0')}:${remainingSeconds.toString().padStart(2, '0')}`;
   };
 
   // 计算价格
-  const calculatePrice = async (plan, cycle, promoCodeValue = null) => {
+  const calculatePrice = async (plan: any, cycle: string, promoCodeValue: any = null) => {
     try {
       const validPromoCode = promoCodeValue && typeof promoCodeValue === 'string' && promoCodeValue.trim()
         ? promoCodeValue.trim()
@@ -201,10 +199,11 @@ export default function SubscriptionContentNew() {
     }
   };
 
-  const handleSubscribe = async (plan) => {
+  const handleSubscribe = async (plan: any) => {
     if (!user) {
       toast({
         title: '请先登录',
+        description: '登录后即可订阅',
         status: 'warning',
         duration: 3000,
         isClosable: true,
@@ -220,11 +219,11 @@ export default function SubscriptionContentNew() {
 
     setSelectedPlan(plan);
     await calculatePrice(plan, selectedCycle, promoCodeApplied ? promoCode : null);
-    onPaymentModalOpen();
+    onOpen();
   };
 
-  const handleCreateOrder = async () => {
-    if (!selectedPlan) return;
+  const handleCreatePaymentOrder = async () => {
+    if (!selectedPlan || !user) return;
 
     setLoading(true);
     try {
@@ -235,7 +234,6 @@ export default function SubscriptionContentNew() {
         paymentMethod: 'wechat_pay',
         amount: price,
         billingCycle: selectedCycle,
-        orderId: null,
       });
 
       const response = await fetch('/api/payment/create-order', {
@@ -245,7 +243,7 @@ export default function SubscriptionContentNew() {
         },
         credentials: 'include',
         body: JSON.stringify({
-          plan_name: selectedPlan.name,
+          plan_type: selectedPlan.name,
           billing_cycle: selectedCycle,
           promo_code: promoCodeApplied ? promoCode : null,
         }),
@@ -255,12 +253,12 @@ export default function SubscriptionContentNew() {
         const data = await response.json();
         if (data.success) {
           setPaymentOrder(data.data);
-          setPaymentCountdown(30 * 60);
-          startAutoPaymentCheck(data.data.id);
+          setPaymentCountdown(300);
+          startAutoPaymentCheck(data.data.order_id);
 
           toast({
-            title: '订单创建成功',
-            description: '请使用微信扫描二维码完成支付',
+            title: '订单已创建',
+            description: '请使用微信扫码支付',
             status: 'success',
             duration: 3000,
             isClosable: true,
@@ -269,9 +267,9 @@ export default function SubscriptionContentNew() {
           throw new Error(data.message || '创建订单失败');
         }
       } else {
-        throw new Error('网络错误');
+        throw new Error('网络请求失败');
       }
-    } catch (error) {
+    } catch (error: any) {
       subscriptionEvents.trackPaymentFailed(
         {
           planName: selectedPlan.name,
@@ -293,7 +291,7 @@ export default function SubscriptionContentNew() {
     }
   };
 
-  const startAutoPaymentCheck = (orderId) => {
+  const startAutoPaymentCheck = (orderId: string) => {
     const checkInterval = setInterval(async () => {
       try {
         const response = await fetch(`/api/payment/order/${orderId}/status`, {
@@ -302,7 +300,7 @@ export default function SubscriptionContentNew() {
 
         if (response.ok) {
           const data = await response.json();
-          if (data.success && data.payment_success) {
+          if (data.success && data.data.status === 'paid') {
             clearInterval(checkInterval);
             setAutoCheckInterval(null);
 
@@ -310,129 +308,65 @@ export default function SubscriptionContentNew() {
               planName: selectedPlan?.name,
               paymentMethod: 'wechat_pay',
               amount: paymentOrder?.amount,
-              billingCycle: selectedCycle,
               orderId: orderId,
-              transactionId: data.transaction_id,
+              transactionId: data.data.transaction_id,
             });
 
             toast({
               title: '支付成功！',
-              description: '订阅已激活,正在跳转...',
+              description: '您的订阅已激活',
               status: 'success',
-              duration: 3000,
-              isClosable: true,
-            });
-
-            setTimeout(() => {
-              onPaymentModalClose();
-              window.location.reload();
-            }, 2000);
-          }
-        }
-      } catch (error) {
-        logger.error('SubscriptionContent', 'startAutoPaymentCheck', error);
-      }
-    }, 10000);
-
-    setAutoCheckInterval(checkInterval);
-  };
-
-  const handleCheckPaymentStatus = async () => {
-    if (!paymentOrder) return;
-
-    setCheckingPayment(true);
-    try {
-      const response = await fetch(`/api/payment/order/${paymentOrder.id}/status`, {
-        credentials: 'include',
-      });
-
-      if (response.ok) {
-        const data = await response.json();
-        if (data.success) {
-          if (data.payment_success) {
-            stopAutoPaymentCheck();
-            toast({
-              title: '支付成功！',
-              description: '订阅已激活,正在跳转...',
-              status: 'success',
-              duration: 3000,
-              isClosable: true,
-            });
-
-            setTimeout(() => {
-              onPaymentModalClose();
-              window.location.reload();
-            }, 2000);
-          } else {
-            toast({
-              title: '支付状态检查',
-              description: data.message || '还未检测到支付,请继续等待',
-              status: 'info',
               duration: 5000,
               isClosable: true,
             });
+
+            onClose();
+            setTimeout(() => window.location.reload(), 2000);
           }
-        } else {
-          throw new Error(data.error || '查询失败');
         }
-      } else {
-        throw new Error('网络错误');
+      } catch (error) {
+        logger.error('SubscriptionContent', 'checkPaymentStatus', error);
       }
-    } catch (error) {
-      toast({
-        title: '查询失败',
-        description: error.message,
-        status: 'error',
-        duration: 3000,
-        isClosable: true,
-      });
-    } finally {
-      setCheckingPayment(false);
-    }
+    }, 3000);
+
+    setAutoCheckInterval(checkInterval as any);
   };
 
-  const handleForceUpdatePayment = async () => {
+  const handleForceUpdate = async () => {
     if (!paymentOrder) return;
 
     setForceUpdating(true);
     try {
-      const response = await fetch(`/api/payment/order/${paymentOrder.id}/force-update`, {
-        method: 'POST',
+      const response = await fetch(`/api/payment/order/${paymentOrder.order_id}/status`, {
         credentials: 'include',
       });
 
       if (response.ok) {
         const data = await response.json();
-        if (data.success && data.payment_success) {
-          stopAutoPaymentCheck();
-
+        if (data.success && data.data.status === 'paid') {
           toast({
-            title: '状态更新成功！',
-            description: '订阅已激活,正在刷新页面...',
+            title: '支付成功！',
+            description: '您的订阅已激活',
             status: 'success',
-            duration: 3000,
-            isClosable: true,
-          });
-
-          setTimeout(() => {
-            onPaymentModalClose();
-            window.location.reload();
-          }, 2000);
-        } else {
-          toast({
-            title: '无法更新状态',
-            description: data.error || '支付状态未更新',
-            status: 'warning',
             duration: 5000,
             isClosable: true,
           });
+
+          onClose();
+          setTimeout(() => window.location.reload(), 2000);
+        } else {
+          toast({
+            title: '未检测到支付',
+            description: '请确认已完成支付后重试',
+            status: 'info',
+            duration: 3000,
+            isClosable: true,
+          });
         }
-      } else {
-        throw new Error('网络错误');
       }
-    } catch (error) {
+    } catch (error: any) {
       toast({
-        title: '强制更新失败',
+        title: '查询失败',
         description: error.message,
         status: 'error',
         duration: 3000,
@@ -443,22 +377,22 @@ export default function SubscriptionContentNew() {
     }
   };
 
-  const getCurrentPrice = (plan) => {
+  const getCurrentPrice = (plan: any) => {
     if (!plan || plan.name === 'free') return 0;
 
     const option = plan.pricingOptions?.find(
-      (opt) => opt.cycleKey === selectedCycle
+      (opt: any) => opt.cycleKey === selectedCycle
     );
     return option ? option.price : plan.pricingOptions[0]?.price || 0;
   };
 
-  const getCurrentPriceOption = (plan) => {
+  const getCurrentPriceOption = (plan: any) => {
     if (!plan || plan.name === 'free') return null;
-    return plan.pricingOptions?.find((opt) => opt.cycleKey === selectedCycle);
+    return plan.pricingOptions?.find((opt: any) => opt.cycleKey === selectedCycle);
   };
 
-  const getIconComponent = (iconName) => {
-    const icons = {
+  const getIconComponent = (iconName: string) => {
+    const icons: any = {
       star: FaStar,
       gem: FaGem,
       crown: FaCrown,
@@ -469,225 +403,171 @@ export default function SubscriptionContentNew() {
   return (
     <Box
       minH="100vh"
-      bg={themeColors.bg.primary}
-      bgGradient={themeColors.bgGradient}
+      bg="#0a0a0a"
       pt={{ base: 8, md: 16 }}
       pb={{ base: 16, md: 24 }}
+      position="relative"
+      overflow="hidden"
     >
-      <Container maxW="1400px" px={{ base: 4, md: 6 }}>
-        {/* 标题区域 */}
-        <motion.div
-          initial={{ opacity: 0, y: -20 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.6 }}
-        >
-          <VStack spacing={4} mb={12} textAlign="center">
-            <Badge
-              px={4}
-              py={2}
-              borderRadius="full"
-              bg="rgba(212, 175, 55, 0.1)"
-              border="1px solid"
-              borderColor={themeColors.border.gold}
-              color={themeColors.text.gold}
-              fontSize="sm"
-              fontWeight="bold"
-            >
-              <HStack spacing={2}>
-                <Icon as={FaStar} />
-                <Text>PRICING</Text>
-              </HStack>
-            </Badge>
+      {/* 背景光晕 */}
+      <Box
+        position="absolute"
+        top="20%"
+        left="10%"
+        w="400px"
+        h="400px"
+        bg="rgba(212, 175, 55, 0.15)"
+        borderRadius="full"
+        filter="blur(100px)"
+        pointerEvents="none"
+        zIndex={0}
+      />
+      <Box
+        position="absolute"
+        bottom="10%"
+        right="10%"
+        w="500px"
+        h="500px"
+        bg="rgba(212, 175, 55, 0.1)"
+        borderRadius="full"
+        filter="blur(120px)"
+        pointerEvents="none"
+        zIndex={0}
+      />
 
+      <Container maxW="1400px" px={{ base: 4, md: 6 }} position="relative" zIndex={1}>
+        {/* 标题区域 */}
+        <VStack spacing={4} mb={12} textAlign="center">
+          <motion.div
+            initial={{ opacity: 0, y: -20 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.6 }}
+          >
             <Text
-              fontSize={{ base: '3xl', md: '5xl' }}
+              fontSize="sm"
+              color="rgba(212, 175, 55, 0.8)"
+              fontWeight="medium"
+              letterSpacing="wider"
+              textTransform="uppercase"
+            >
+              订阅方案
+            </Text>
+          </motion.div>
+
+          <motion.div
+            initial={{ opacity: 0, y: -20 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.6, delay: 0.1 }}
+          >
+            <Text
+              fontSize={{ base: '3xl', md: '5xl', lg: '6xl' }}
               fontWeight="bold"
-              bgGradient="linear-gradient(135deg, #ffffff 0%, #D4AF37 100%)"
+              bgGradient="radial-gradient(circle at center, #FFFFFF 0%, rgba(255,255,255,0.6) 100%)"
               bgClip="text"
               lineHeight="1.2"
             >
-              选择适合你的方案
+              立即开启智能决策
             </Text>
-
-            <Text
-              fontSize={{ base: 'md', md: 'lg' }}
-              color={themeColors.text.secondary}
-              maxW="600px"
-            >
-              解锁专业级投资分析工具,让数据为你的决策赋能
-            </Text>
-          </VStack>
-        </motion.div>
-
-        {/* 当前订阅状态 */}
-        {user && (
-          <motion.div
-            initial={{ opacity: 0, y: 20 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ delay: 0.2, duration: 0.6 }}
-          >
-            <Box
-              mb={12}
-              p={6}
-              borderRadius="2xl"
-              bg={themeColors.bg.card}
-              border="1px solid"
-              borderColor={themeColors.border.default}
-              backdropFilter="blur(20px)"
-              position="relative"
-              overflow="hidden"
-              _before={{
-                content: '""',
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                right: 0,
-                height: '2px',
-                bgGradient: 'linear-gradient(90deg, transparent, #D4AF37, transparent)',
-              }}
-            >
-              <Flex align="center" justify="space-between" flexWrap="wrap" gap={4}>
-                <HStack spacing={4}>
-                  <Text fontSize="lg" fontWeight="bold" color={themeColors.text.primary}>
-                    当前订阅:
-                  </Text>
-                  <Badge
-                    colorScheme={user.subscription_type === 'max' ? 'purple' : user.subscription_type === 'pro' ? 'blue' : 'gray'}
-                    variant="solid"
-                    px={4}
-                    py={2}
-                    borderRadius="full"
-                    fontSize="md"
-                    fontWeight="bold"
-                  >
-                    {user.subscription_type === 'free'
-                      ? '基础版'
-                      : user.subscription_type === 'pro'
-                      ? 'Pro 专业版'
-                      : 'Max 旗舰版'}
-                  </Badge>
-                  <Badge
-                    colorScheme={user.subscription_status === 'active' ? 'green' : 'red'}
-                    variant="solid"
-                    px={4}
-                    py={2}
-                    borderRadius="full"
-                    fontSize="md"
-                  >
-                    {user.subscription_status === 'active' ? '已激活' : '未激活'}
-                  </Badge>
-                </HStack>
-
-                {user.subscription_end_date && (
-                  <Text fontSize="sm" color={themeColors.text.secondary}>
-                    到期时间: {new Date(user.subscription_end_date).toLocaleDateString('zh-CN')}
-                  </Text>
-                )}
-              </Flex>
-            </Box>
           </motion.div>
-        )}
+        </VStack>
 
-        {/* 计费周期选择 */}
-        <motion.div
-          initial={{ opacity: 0 }}
-          animate={{ opacity: 1 }}
-          transition={{ delay: 0.3, duration: 0.6 }}
-        >
-          <VStack spacing={4} mb={12}>
-            <Text fontSize="sm" color={themeColors.text.secondary}>
-              选择计费周期 · 时长越长优惠越大
-            </Text>
+        {/* 计费周期选择器 */}
+        <VStack spacing={6} mb={16}>
+          <Text fontSize="md" color="rgba(255, 255, 255, 0.7)">
+            选择计费周期 · 时长越长优惠越大
+          </Text>
 
-            <HStack
-              spacing={3}
-              p={2}
-              bg="rgba(255, 255, 255, 0.03)"
-              borderRadius="xl"
-              border="1px solid"
-              borderColor={themeColors.border.default}
-              backdropFilter="blur(10px)"
-              flexWrap="wrap"
-              justify="center"
-            >
-              {subscriptionConfig.plans[1]?.pricingOptions?.map((option, index) => (
-                <Box key={index} position="relative">
-                  {option.discountPercent > 0 && (
-                    <Badge
-                      position="absolute"
-                      top="-10px"
-                      right="-10px"
-                      colorScheme="red"
-                      fontSize="xs"
-                      px={2}
-                      py={1}
-                      borderRadius="full"
-                      fontWeight="bold"
-                      zIndex={1}
-                    >
-                      省{option.discountPercent}%
-                    </Badge>
-                  )}
-
-                  <Button
-                    size="lg"
-                    px={6}
-                    py={6}
-                    borderRadius="lg"
-                    bg={selectedCycle === option.cycleKey ? 'linear-gradient(135deg, #D4AF37, #B8941F)' : 'transparent'}
-                    color={selectedCycle === option.cycleKey ? '#000' : themeColors.text.primary}
-                    border="1px solid"
-                    borderColor={selectedCycle === option.cycleKey ? themeColors.border.gold : themeColors.border.default}
-                    onClick={() => setSelectedCycle(option.cycleKey)}
-                    _hover={{
-                      transform: 'translateY(-2px)',
-                      borderColor: themeColors.border.goldGlow,
-                      shadow: selectedCycle === option.cycleKey
-                        ? '0 0 20px rgba(212, 175, 55, 0.3)'
-                        : '0 4px 12px rgba(0, 0, 0, 0.5)',
-                    }}
-                    transition="all 0.3s"
+          <HStack
+            spacing={3}
+            p={2}
+            bg="rgba(255, 255, 255, 0.03)"
+            borderRadius="xl"
+            border="1px solid"
+            borderColor="rgba(255, 255, 255, 0.1)"
+            backdropFilter="blur(10px)"
+            flexWrap="wrap"
+            justify="center"
+          >
+            {subscriptionConfig.plans[1]?.pricingOptions?.map((option: any, index: number) => (
+              <Box key={index} position="relative">
+                {option.discountPercent > 0 && (
+                  <Badge
+                    position="absolute"
+                    top="-10px"
+                    right="-10px"
+                    colorScheme="red"
+                    fontSize="xs"
+                    px={2}
+                    py={1}
+                    borderRadius="full"
                     fontWeight="bold"
+                    zIndex={1}
                   >
-                    {option.label}
-                  </Button>
-                </Box>
-              ))}
-            </HStack>
+                    省{option.discountPercent}%
+                  </Badge>
+                )}
 
-            {(() => {
-              const currentOption = subscriptionConfig.plans[1]?.pricingOptions?.find(
-                (opt) => opt.cycleKey === selectedCycle
+                <Button
+                  size="lg"
+                  px={6}
+                  py={6}
+                  borderRadius="lg"
+                  bg={selectedCycle === option.cycleKey ? 'linear-gradient(135deg, #D4AF37, #B8941F)' : 'transparent'}
+                  color={selectedCycle === option.cycleKey ? '#000' : '#fff'}
+                  border="1px solid"
+                  borderColor={selectedCycle === option.cycleKey ? 'rgba(212, 175, 55, 0.3)' : 'rgba(255, 255, 255, 0.1)'}
+                  onClick={() => setSelectedCycle(option.cycleKey)}
+                  _hover={{
+                    transform: 'translateY(-2px)',
+                    borderColor: 'rgba(212, 175, 55, 0.5)',
+                    shadow: selectedCycle === option.cycleKey
+                      ? '0 0 20px rgba(212, 175, 55, 0.3)'
+                      : '0 4px 12px rgba(0, 0, 0, 0.5)',
+                  }}
+                  transition="all 0.3s"
+                  fontWeight="bold"
+                >
+                  {option.label}
+                </Button>
+              </Box>
+            ))}
+          </HStack>
+
+          {(() => {
+            const currentOption = subscriptionConfig.plans[1]?.pricingOptions?.find(
+              (opt: any) => opt.cycleKey === selectedCycle
+            );
+            if (currentOption && currentOption.discountPercent > 0) {
+              return (
+                <HStack spacing={2}>
+                  <Icon as={FaStar} color="#D4AF37" boxSize={4} />
+                  <Text fontSize="sm" color="#D4AF37" fontWeight="medium">
+                    当前选择可节省 {currentOption.discountPercent}% 的费用
+                  </Text>
+                </HStack>
               );
-              if (currentOption && currentOption.discountPercent > 0) {
-                return (
-                  <HStack spacing={2}>
-                    <Icon as={FaStar} color={themeColors.text.gold} boxSize={4} />
-                    <Text fontSize="sm" color={themeColors.text.gold} fontWeight="medium">
-                      当前选择可节省 {currentOption.discountPercent}% 的费用
-                    </Text>
-                  </HStack>
-                );
-              }
-              return null;
-            })()}
-          </VStack>
-        </motion.div>
+            }
+            return null;
+          })()}
+        </VStack>
 
-        {/* 套餐卡片 */}
-        <Box
-          display="grid"
-          gridTemplateColumns={{ base: '1fr', md: 'repeat(2, 1fr)', lg: 'repeat(3, 1fr)' }}
-          gap={8}
+        {/* 套餐卡片 - 借鉴 index.pug 设计 */}
+        <Flex
+          justify="center"
+          gap={4}
           mb={16}
+          flexWrap={{ base: 'wrap', lg: 'nowrap' }}
+          maxW="1200px"
+          mx="auto"
         >
-          {subscriptionConfig.plans.map((plan, index) => {
+          {subscriptionConfig.plans.slice(1).map((plan: any, index: number) => {
             const IconComponent = getIconComponent(plan.icon);
             const currentPriceOption = getCurrentPriceOption(plan);
             const isCurrentPlan =
               user?.subscription_type === plan.name &&
-              user?.subscription_status === 'active' &&
-              (plan.name === 'free' || user?.billing_cycle === selectedCycle);
+              user?.subscription_status === 'active';
+
+            const isPremium = plan.name === 'max';
 
             return (
               <motion.div
@@ -695,171 +575,183 @@ export default function SubscriptionContentNew() {
                 initial={{ opacity: 0, y: 50 }}
                 animate={{ opacity: 1, y: 0 }}
                 transition={{ delay: index * 0.1, duration: 0.6 }}
+                style={{ flex: 1, maxWidth: '500px', width: '100%' }}
               >
                 <Box
                   position="relative"
                   h="100%"
-                  borderRadius="2xl"
+                  borderRadius="20px"
                   overflow="hidden"
-                  bg={themeColors.bg.card}
-                  border="2px solid"
-                  borderColor={
-                    plan.highlight
-                      ? themeColors.border.gold
-                      : plan.cardBorder === 'gold'
-                      ? themeColors.border.gold
-                      : themeColors.border.default
-                  }
+                  border={isPremium ? '1px solid rgba(212, 175, 55, 0.3)' : '1px solid rgba(255, 255, 255, 0.1)'}
                   transition="all 0.4s cubic-bezier(0.4, 0, 0.2, 1)"
-                  _hover={{
-                    transform: 'translateY(-8px)',
-                    borderColor: themeColors.border.goldGlow,
-                    shadow: plan.highlight
-                      ? '0 20px 60px rgba(212, 175, 55, 0.3)'
-                      : '0 20px 60px rgba(0, 0, 0, 0.7)',
-                  }}
                   _before={
-                    plan.highlight
+                    isPremium
                       ? {
                           content: '""',
                           position: 'absolute',
-                          top: '-50%',
-                          left: '50%',
-                          transform: 'translateX(-50%)',
-                          width: '200%',
-                          height: '200%',
-                          background: themeColors.bgRadialGold,
+                          top: '-144px',
+                          left: '52px',
+                          width: '420px',
+                          maskImage: 'radial-gradient(circle at center, black 20%, transparent 52%)',
+                          WebkitMaskImage: 'radial-gradient(circle at center, black 20%, transparent 52%)',
                           pointerEvents: 'none',
                           zIndex: 0,
                         }
                       : {}
                   }
+                  _after={{
+                    content: '""',
+                    position: 'absolute',
+                    inset: 0,
+                    borderRadius: '20px',
+                    border: '1px solid',
+                    borderColor: 'rgba(255, 255, 255, 0.1)',
+                    pointerEvents: 'none',
+                  }}
                 >
                   {/* 推荐标签 */}
                   {plan.badge && (
                     <Box
-                      position="absolute"
-                      top={0}
-                      left={0}
-                      right={0}
-                      py={2}
-                      bgGradient="linear-gradient(135deg, #D4AF37, #B8941F)"
-                      textAlign="center"
+                      position="relative"
                       zIndex={2}
+                      py={2}
+                      px={8.5}
+                      fontSize="sm"
+                      fontWeight="bold"
+                      bgGradient={
+                        isPremium
+                          ? 'linear-gradient(to right, rgba(212, 175, 55, 0.2), rgba(212, 175, 55, 0.2))'
+                          : 'transparent'
+                      }
+                      borderTopRadius="20px"
+                      color={isPremium ? '#D4AF37' : 'white'}
                     >
-                      <Text color="#000" fontSize="xs" fontWeight="bold">
-                        {plan.badge}
-                      </Text>
+                      {plan.displayName}
                     </Box>
                   )}
 
                   <VStack
-                    spacing={6}
+                    spacing={0}
                     align="stretch"
-                    p={8}
-                    pt={plan.badge ? 14 : 8}
                     position="relative"
-                    zIndex={1}
+                    zIndex={3}
+                    flex={1}
+                    mt={plan.badge ? -5 : 0}
+                    p={3.5}
+                    pb={8}
+                    backdropFilter={isPremium ? 'blur(32px)' : 'blur(20px)'}
+                    bg={isPremium ? 'rgba(255, 255, 255, 0.07)' : 'rgba(255, 255, 255, 0.01)'}
+                    borderRadius="20px"
+                    _after={{
+                      content: '""',
+                      position: 'absolute',
+                      inset: 0,
+                      borderRadius: '20px',
+                      border: '1px solid',
+                      borderColor: 'rgba(255, 255, 255, 0.1)',
+                      pointerEvents: 'none',
+                    }}
                   >
-                    {/* 套餐头部 */}
-                    <VStack spacing={3} align="center">
-                      <Icon
-                        as={IconComponent}
-                        boxSize={12}
-                        color={plan.name === 'free' ? themeColors.text.secondary : themeColors.text.gold}
-                      />
-
-                      <Text
-                        fontSize="2xl"
-                        fontWeight="bold"
-                        color={themeColors.text.primary}
-                        textAlign="center"
-                      >
-                        {plan.displayName}
-                      </Text>
-
-                      <Text
-                        fontSize="sm"
-                        color={themeColors.text.secondary}
-                        textAlign="center"
-                        minH="40px"
-                      >
-                        {plan.description}
-                      </Text>
-                    </VStack>
-
-                    {/* 价格展示 */}
-                    {plan.name === 'free' ? (
-                      <Box textAlign="center" py={4}>
-                        <Text fontSize="4xl" fontWeight="bold" color={themeColors.text.gold}>
-                          免费
+                    {/* 价格卡片 */}
+                    <Box
+                      position="relative"
+                      mb={8}
+                      p={5}
+                      borderRadius="13px"
+                      bg={isPremium ? 'rgba(255, 255, 255, 0.1)' : 'rgba(255, 255, 255, 0.02)'}
+                      backdropFilter="blur(20px)"
+                      boxShadow={isPremium ? '0 20px 60px rgba(0, 0, 0, 0.7)' : '0 20px 60px rgba(0, 0, 0, 0.5)'}
+                      _after={{
+                        content: '""',
+                        position: 'absolute',
+                        inset: 0,
+                        borderRadius: '13px',
+                        border: '1px solid',
+                        borderColor: 'rgba(255, 255, 255, 0.1)',
+                        pointerEvents: 'none',
+                      }}
+                    >
+                      <HStack align="baseline" spacing={3} mb={4}>
+                        <Text
+                          fontSize="4xl"
+                          fontWeight="bold"
+                          bgGradient="radial-gradient(circle at center, #FFFFFF 0%, rgba(255,255,255,0.6) 100%)"
+                          bgClip="text"
+                          lineHeight="1.2"
+                        >
+                          ¥{getCurrentPrice(plan)}
                         </Text>
-                      </Box>
-                    ) : (
-                      <VStack spacing={2}>
-                        <HStack align="baseline" justify="center" spacing={1}>
-                          <Text fontSize="lg" color={themeColors.text.secondary}>
-                            ¥
-                          </Text>
-                          <Text fontSize="5xl" fontWeight="bold" color={themeColors.text.gold}>
-                            {getCurrentPrice(plan)}
-                          </Text>
-                          <Text fontSize="md" color={themeColors.text.secondary}>
-                            /{currentPriceOption?.label || '月'}
-                          </Text>
-                        </HStack>
+                        <Text fontSize="sm" color="rgba(255, 255, 255, 0.7)">
+                          /{currentPriceOption?.label || '月'}
+                        </Text>
+                      </HStack>
 
-                        {currentPriceOption?.originalPrice && (
-                          <VStack spacing={1}>
-                            <Text
-                              fontSize="sm"
-                              color={themeColors.text.muted}
-                              textDecoration="line-through"
-                            >
-                              原价 ¥{currentPriceOption.originalPrice}
-                            </Text>
-                            <Badge
-                              colorScheme="red"
-                              fontSize="xs"
-                              px={3}
-                              py={1}
-                              borderRadius="full"
-                            >
-                              立省 ¥{currentPriceOption.originalPrice - currentPriceOption.price}
-                            </Badge>
-                          </VStack>
-                        )}
-                      </VStack>
-                    )}
-
-                    <Divider borderColor={themeColors.border.default} />
+                      <Button
+                        w="full"
+                        size="lg"
+                        py={6}
+                        bgGradient={
+                          isPremium
+                            ? 'linear-gradient(135deg, #D4AF37, #B8941F)'
+                            : 'linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))'
+                        }
+                        color={isPremium ? '#000' : 'rgba(255, 255, 255, 0.9)'}
+                        border={isPremium ? 'none' : '1px solid rgba(255, 255, 255, 0.1)'}
+                        fontWeight="bold"
+                        fontSize="md"
+                        onClick={() => !isCurrentPlan && handleSubscribe(plan)}
+                        isDisabled={isCurrentPlan}
+                        _hover={
+                          !isCurrentPlan
+                            ? {
+                                transform: 'scale(1.02)',
+                                shadow: isPremium
+                                  ? '0 0 30px rgba(212, 175, 55, 0.4)'
+                                  : '0 4px 12px rgba(255, 255, 255, 0.1)',
+                              }
+                            : {}
+                        }
+                        transition="all 0.3s"
+                      >
+                        {isCurrentPlan ? '当前套餐' : `选择 ${plan.displayName}`}
+                      </Button>
+                    </Box>
 
                     {/* 功能列表 */}
-                    <VStack spacing={3} align="stretch" minH="300px">
-                      {plan.features.map((feature, idx) => (
-                        <HStack key={idx} spacing={3} align="start">
-                          <Icon
-                            as={feature.enabled ? FaCheck : FaTimes}
-                            color={
+                    <VStack spacing={5} align="stretch" px={3.5}>
+                      {plan.features.map((feature: any, idx: number) => (
+                        <HStack key={idx} spacing={2.5} align="center">
+                          <Flex
+                            justify="center"
+                            align="center"
+                            flexShrink={0}
+                            w={5}
+                            h={5}
+                            bg={feature.enabled ? (isPremium ? '#D4AF37' : '#00ff88') : 'transparent'}
+                            borderRadius="full"
+                            boxShadow={
                               feature.enabled
-                                ? themeColors.text.gold
-                                : themeColors.text.muted
+                                ? isPremium
+                                  ? '0.0625rem 0.0625rem 0.0625rem 0 rgba(212,175,55,0.30) inset, 0 0 0.625rem 0 rgba(212,175,55,0.50) inset'
+                                  : '0.0625rem 0.0625rem 0.0625rem 0 rgba(255,255,255,0.20) inset, 0 0 0.625rem 0 rgba(255,255,255,0.50) inset'
+                                : 'none'
                             }
-                            boxSize={4}
-                            mt={0.5}
-                          />
+                          >
+                            <Icon
+                              as={feature.enabled ? FaCheck : FaTimes}
+                              color={feature.enabled ? '#000' : 'rgba(255, 255, 255, 0.3)'}
+                              boxSize={5}
+                            />
+                          </Flex>
                           <Text
                             fontSize="sm"
-                            color={
-                              feature.enabled
-                                ? themeColors.text.primary
-                                : themeColors.text.muted
-                            }
+                            color={feature.enabled ? 'rgba(255, 255, 255, 0.9)' : 'rgba(255, 255, 255, 0.3)'}
                             flex={1}
+                            fontWeight={feature.enabled && isPremium && idx === 0 ? 'medium' : 'normal'}
                           >
                             {feature.name}
                             {feature.limit && (
-                              <Text as="span" fontSize="xs" color={themeColors.text.gold} ml={1}>
+                              <Text as="span" fontSize="xs" color="#D4AF37" ml={1}>
                                 ({feature.limit})
                               </Text>
                             )}
@@ -867,54 +759,12 @@ export default function SubscriptionContentNew() {
                         </HStack>
                       ))}
                     </VStack>
-
-                    {/* 订阅按钮 */}
-                    <Button
-                      size="lg"
-                      py={7}
-                      borderRadius="xl"
-                      bg={
-                        isCurrentPlan
-                          ? 'transparent'
-                          : plan.name === 'free'
-                          ? 'rgba(255, 255, 255, 0.05)'
-                          : 'linear-gradient(135deg, #D4AF37, #B8941F)'
-                      }
-                      color={isCurrentPlan ? themeColors.text.secondary : plan.name === 'free' ? themeColors.text.primary : '#000'}
-                      border="1px solid"
-                      borderColor={
-                        isCurrentPlan
-                          ? themeColors.border.default
-                          : plan.name === 'free'
-                          ? themeColors.border.default
-                          : 'transparent'
-                      }
-                      fontWeight="bold"
-                      fontSize="md"
-                      onClick={() => !isCurrentPlan && plan.name !== 'free' && handleSubscribe(plan)}
-                      isDisabled={isCurrentPlan || plan.name === 'free'}
-                      _hover={
-                        !isCurrentPlan && plan.name !== 'free'
-                          ? {
-                              transform: 'scale(1.02)',
-                              shadow: '0 0 30px rgba(212, 175, 55, 0.4)',
-                            }
-                          : {}
-                      }
-                      transition="all 0.3s"
-                    >
-                      {isCurrentPlan
-                        ? '当前套餐'
-                        : plan.name === 'free'
-                        ? '免费使用'
-                        : `选择 ${plan.displayName}`}
-                    </Button>
                   </VStack>
                 </Box>
               </motion.div>
             );
           })}
-        </Box>
+        </Flex>
 
         {/* FAQ 区域 */}
         <motion.div
@@ -925,48 +775,45 @@ export default function SubscriptionContentNew() {
           <Box
             p={8}
             borderRadius="2xl"
-            bg={themeColors.bg.card}
+            bg="rgba(30, 30, 30, 0.5)"
+            backdropFilter="blur(20px)"
             border="1px solid"
-            borderColor={themeColors.border.default}
+            borderColor="rgba(255, 255, 255, 0.1)"
+            maxW="900px"
+            mx="auto"
           >
-            <Text
-              fontSize="3xl"
-              fontWeight="bold"
-              textAlign="center"
-              mb={8}
-              bgGradient="linear-gradient(135deg, #ffffff 0%, #D4AF37 100%)"
-              bgClip="text"
-            >
+            <Text fontSize="2xl" fontWeight="bold" color="white" mb={6} textAlign="center">
               常见问题
             </Text>
 
             <VStack spacing={4} align="stretch">
-              {subscriptionConfig.faqs.map((faq, index) => (
+              {subscriptionConfig.faqs.map((faq: any, index: number) => (
                 <Box
                   key={index}
+                  borderRadius="lg"
+                  bg="rgba(255, 255, 255, 0.03)"
                   border="1px solid"
-                  borderColor={themeColors.border.default}
-                  borderRadius="xl"
+                  borderColor="rgba(255, 255, 255, 0.1)"
                   overflow="hidden"
-                  bg="rgba(255, 255, 255, 0.02)"
                   transition="all 0.3s"
                   _hover={{
-                    borderColor: themeColors.border.gold,
+                    bg: 'rgba(255, 255, 255, 0.05)',
+                    borderColor: 'rgba(212, 175, 55, 0.3)',
                   }}
                 >
                   <Flex
                     p={5}
-                    cursor="pointer"
-                    onClick={() => setOpenFaqIndex(openFaqIndex === index ? null : index)}
                     justify="space-between"
                     align="center"
+                    cursor="pointer"
+                    onClick={() => setOpenFaqIndex(openFaqIndex === index ? null : index)}
                   >
-                    <Text fontWeight="semibold" color={themeColors.text.primary} fontSize="md">
+                    <Text fontSize="md" fontWeight="medium" color="white">
                       {faq.question}
                     </Text>
                     <Icon
                       as={openFaqIndex === index ? FaChevronUp : FaChevronDown}
-                      color={themeColors.text.gold}
+                      color="#D4AF37"
                       boxSize={5}
                     />
                   </Flex>
@@ -979,8 +826,8 @@ export default function SubscriptionContentNew() {
                         exit={{ height: 0, opacity: 0 }}
                         transition={{ duration: 0.3 }}
                       >
-                        <Box p={5} pt={0} color={themeColors.text.secondary} fontSize="sm">
-                          {faq.answer.split('\n').map((line, idx) => (
+                        <Box p={5} pt={0} color="rgba(255, 255, 255, 0.7)" fontSize="sm">
+                          {faq.answer.split('\n').map((line: string, idx: number) => (
                             <Text key={idx} mb={line.startsWith('•') ? 1 : 2}>
                               {line}
                             </Text>
@@ -997,307 +844,57 @@ export default function SubscriptionContentNew() {
       </Container>
 
       {/* 支付模态框 */}
-      <Modal
-        isOpen={isPaymentModalOpen}
-        onClose={() => {
-          stopAutoPaymentCheck();
-          setPaymentOrder(null);
-          setPaymentCountdown(0);
-          setPromoCode('');
-          setPromoCodeApplied(false);
-          setPromoCodeError('');
-          setPriceInfo(null);
-          onPaymentModalClose();
-        }}
-        size="lg"
-        closeOnOverlayClick={false}
-      >
-        <ModalOverlay backdropFilter="blur(10px)" bg="rgba(0, 0, 0, 0.8)" />
-        <ModalContent
-          bg={themeColors.bg.card}
-          border="1px solid"
-          borderColor={themeColors.border.gold}
-          borderRadius="2xl"
-        >
-          <ModalHeader color={themeColors.text.primary}>
-            <HStack>
-              <Icon as={FaWeixin} color="green.400" />
-              <Text>微信支付</Text>
-            </HStack>
-          </ModalHeader>
-          <ModalCloseButton color={themeColors.text.primary} />
+      <Modal isOpen={isOpen} onClose={onClose} size="lg" isCentered>
+        <ModalOverlay bg="rgba(0, 0, 0, 0.8)" backdropFilter="blur(10px)" />
+        <ModalContent bg="#1e1e1e" borderRadius="2xl" border="1px solid rgba(255, 255, 255, 0.1)">
+          <ModalHeader color="white">微信支付</ModalHeader>
+          <ModalCloseButton color="white" />
           <ModalBody pb={6}>
             {!paymentOrder ? (
-              /* 订单确认 */
-              <VStack spacing={4} align="stretch">
-                {selectedPlan && (
-                  <Box
-                    p={5}
-                    bg="rgba(212, 175, 55, 0.05)"
-                    borderRadius="xl"
-                    border="1px solid"
-                    borderColor={themeColors.border.gold}
-                  >
-                    <Text fontSize="lg" fontWeight="bold" mb={4} color={themeColors.text.gold}>
-                      订单确认
-                    </Text>
-                    <VStack spacing={3} align="stretch">
-                      <Flex justify="space-between">
-                        <Text color={themeColors.text.secondary}>套餐:</Text>
-                        <Text fontWeight="bold" color={themeColors.text.primary}>
-                          {selectedPlan.displayName}
-                        </Text>
-                      </Flex>
-                      <Flex justify="space-between">
-                        <Text color={themeColors.text.secondary}>计费周期:</Text>
-                        <Text color={themeColors.text.primary}>
-                          {getCurrentPriceOption(selectedPlan)?.label || '月付'}
-                        </Text>
-                      </Flex>
-
-                      <Divider borderColor={themeColors.border.default} />
-
-                      {priceInfo && priceInfo.is_upgrade && (
-                        <Box bg="rgba(59, 130, 246, 0.1)" p={3} borderRadius="md">
-                          <HStack spacing={2} mb={2}>
-                            <Icon as={FaCheck} color="blue.400" boxSize={4} />
-                            <Text fontSize="sm" fontWeight="bold" color="blue.400">
-                              {priceInfo.upgrade_type === 'plan_upgrade'
-                                ? '套餐升级'
-                                : priceInfo.upgrade_type === 'cycle_change'
-                                ? '周期变更'
-                                : '套餐和周期调整'}
-                            </Text>
-                          </HStack>
-                          <VStack spacing={1} align="stretch" fontSize="xs">
-                            <Flex justify="space-between" color={themeColors.text.secondary}>
-                              <Text>剩余价值抵扣:</Text>
-                              <Text>-¥{priceInfo.remaining_value.toFixed(2)}</Text>
-                            </Flex>
-                          </VStack>
-                        </Box>
-                      )}
-
-                      <Flex justify="space-between">
-                        <Text color={themeColors.text.secondary}>套餐价格:</Text>
-                        <Text fontWeight="medium" color={themeColors.text.primary}>
-                          ¥{priceInfo ? priceInfo.new_plan_price.toFixed(2) : getCurrentPrice(selectedPlan).toFixed(2)}
-                        </Text>
-                      </Flex>
-
-                      {priceInfo && priceInfo.discount_amount > 0 && (
-                        <Flex justify="space-between" color="green.400">
-                          <Text>优惠码折扣:</Text>
-                          <Text>-¥{priceInfo.discount_amount.toFixed(2)}</Text>
-                        </Flex>
-                      )}
-
-                      <Divider borderColor={themeColors.border.default} />
-
-                      <Flex justify="space-between" align="baseline">
-                        <Text fontSize="lg" fontWeight="bold" color={themeColors.text.primary}>
-                          实付金额:
-                        </Text>
-                        <Text fontSize="2xl" fontWeight="bold" color={themeColors.text.gold}>
-                          ¥{priceInfo ? priceInfo.final_amount.toFixed(2) : getCurrentPrice(selectedPlan).toFixed(2)}
-                        </Text>
-                      </Flex>
-                    </VStack>
-                  </Box>
-                )}
-
-                {/* 优惠码输入 */}
-                {selectedPlan && (
-                  <Box>
-                    <HStack spacing={2}>
-                      <Input
-                        placeholder="输入优惠码（可选）"
-                        value={promoCode}
-                        onChange={(e) => {
-                          setPromoCode(e.target.value.toUpperCase());
-                          setPromoCodeError('');
-                        }}
-                        size="md"
-                        isDisabled={promoCodeApplied}
-                        bg="rgba(255, 255, 255, 0.05)"
-                        border="1px solid"
-                        borderColor={themeColors.border.default}
-                        color={themeColors.text.primary}
-                        _focus={{
-                          borderColor: themeColors.border.gold,
-                        }}
-                      />
-                      <Button
-                        colorScheme="purple"
-                        onClick={handleValidatePromoCode}
-                        isLoading={validatingPromo}
-                        isDisabled={!promoCode || promoCodeApplied}
-                        minW="80px"
-                      >
-                        应用
-                      </Button>
-                    </HStack>
-                    {promoCodeError && (
-                      <Text color="red.400" fontSize="sm" mt={2}>
-                        {promoCodeError}
-                      </Text>
-                    )}
-                    {promoCodeApplied && priceInfo && (
-                      <HStack mt={2} p={2} bg="rgba(34, 197, 94, 0.1)" borderRadius="md">
-                        <Icon as={FaCheck} color="green.400" />
-                        <Text color="green.400" fontSize="sm" fontWeight="medium" flex={1}>
-                          优惠码已应用！节省 ¥{priceInfo.discount_amount.toFixed(2)}
-                        </Text>
-                        <Icon
-                          as={FaTimes}
-                          color={themeColors.text.muted}
-                          cursor="pointer"
-                          onClick={handleRemovePromoCode}
-                          _hover={{ color: 'red.400' }}
-                        />
-                      </HStack>
-                    )}
-                  </Box>
-                )}
-
+              <VStack spacing={6}>
+                <Text color="rgba(255, 255, 255, 0.7)" fontSize="sm">
+                  套餐: {selectedPlan?.displayName} · {selectedCycle === 'monthly' ? '月付' : selectedCycle === 'quarterly' ? '季付' : selectedCycle === 'semiannual' ? '半年付' : '年付'}
+                </Text>
+                <Text color="#D4AF37" fontSize="3xl" fontWeight="bold">
+                  ¥{priceInfo?.final_amount || getCurrentPrice(selectedPlan)}
+                </Text>
                 <Button
+                  w="full"
                   size="lg"
-                  py={7}
                   bgGradient="linear-gradient(135deg, #D4AF37, #B8941F)"
                   color="#000"
-                  leftIcon={<Icon as={FaWeixin} />}
-                  onClick={handleCreateOrder}
-                  isLoading={loading}
-                  loadingText="创建订单中..."
-                  isDisabled={!selectedPlan}
                   fontWeight="bold"
-                  _hover={{
-                    transform: 'scale(1.02)',
-                    shadow: '0 0 30px rgba(212, 175, 55, 0.4)',
-                  }}
-                  transition="all 0.3s"
+                  onClick={handleCreatePaymentOrder}
+                  isLoading={loading}
                 >
-                  创建微信支付订单
+                  创建支付订单
                 </Button>
               </VStack>
             ) : (
-              /* 支付二维码 */
-              <VStack spacing={5} align="stretch">
-                <Text textAlign="center" fontSize="lg" fontWeight="bold" color={themeColors.text.gold}>
-                  请使用微信扫码支付
+              <VStack spacing={4}>
+                <Text color="rgba(255, 255, 255, 0.7)" fontSize="sm">
+                  请使用微信扫描二维码完成支付
                 </Text>
-
-                {/* 倒计时 */}
                 <Box
                   p={4}
-                  bg="rgba(255, 153, 0, 0.1)"
+                  bg="white"
                   borderRadius="lg"
-                  border="1px solid rgba(255, 153, 0, 0.3)"
+                  dangerouslySetInnerHTML={{ __html: paymentOrder.code_url_qr }}
+                />
+                <Text color="#D4AF37" fontSize="sm">
+                  剩余时间: {formatTime(paymentCountdown)}
+                </Text>
+                <Progress value={(paymentCountdown / 300) * 100} w="full" colorScheme="yellow" />
+                <Button
+                  w="full"
+                  variant="outline"
+                  borderColor="#D4AF37"
+                  color="#D4AF37"
+                  onClick={handleForceUpdate}
+                  isLoading={forceUpdating}
                 >
-                  <HStack justify="center" spacing={2} mb={2}>
-                    <Icon as={FaClock} color="orange.400" />
-                    <Text color="orange.400" fontSize="sm" fontWeight="medium">
-                      二维码有效时间: {formatTime(paymentCountdown)}
-                    </Text>
-                  </HStack>
-                  <Progress
-                    value={(paymentCountdown / (30 * 60)) * 100}
-                    colorScheme="orange"
-                    size="sm"
-                    borderRadius="full"
-                    bg="rgba(255, 255, 255, 0.1)"
-                  />
-                </Box>
-
-                {/* 二维码 */}
-                <Flex justify="center" py={4}>
-                  {paymentOrder.qr_code_url ? (
-                    <Image
-                      src={paymentOrder.qr_code_url}
-                      alt="微信支付二维码"
-                      maxW="240px"
-                      border="2px solid"
-                      borderColor={themeColors.border.gold}
-                      borderRadius="xl"
-                      p={4}
-                      bg="white"
-                    />
-                  ) : (
-                    <Flex
-                      w="240px"
-                      h="240px"
-                      bg="rgba(255, 255, 255, 0.05)"
-                      alignItems="center"
-                      justifyContent="center"
-                      border="2px solid"
-                      borderColor={themeColors.border.default}
-                      borderRadius="xl"
-                    >
-                      <Icon as={FaQrcode} color={themeColors.text.muted} boxSize={16} />
-                    </Flex>
-                  )}
-                </Flex>
-
-                {/* 订单信息 */}
-                <Box
-                  p={4}
-                  bg="rgba(212, 175, 55, 0.05)"
-                  borderRadius="lg"
-                  border="1px solid"
-                  borderColor={themeColors.border.gold}
-                >
-                  <Text fontSize="xs" color={themeColors.text.secondary} mb={2}>
-                    订单号: {paymentOrder.order_no}
-                  </Text>
-                  <Flex justify="space-between" align="baseline">
-                    <Text color={themeColors.text.secondary}>支付金额:</Text>
-                    <Text fontSize="xl" fontWeight="bold" color={themeColors.text.gold}>
-                      ¥{paymentOrder.amount}
-                    </Text>
-                  </Flex>
-                </Box>
-
-                {/* 操作按钮 */}
-                <VStack spacing={3}>
-                  <Button
-                    w="100%"
-                    variant="outline"
-                    borderColor={themeColors.border.gold}
-                    color={themeColors.text.gold}
-                    leftIcon={<Icon as={FaRedo} />}
-                    onClick={handleCheckPaymentStatus}
-                    isLoading={checkingPayment}
-                    loadingText="检查中..."
-                    _hover={{
-                      bg: 'rgba(212, 175, 55, 0.1)',
-                    }}
-                  >
-                    检查支付状态
-                  </Button>
-
-                  <Button
-                    w="100%"
-                    colorScheme="orange"
-                    size="sm"
-                    onClick={handleForceUpdatePayment}
-                    isLoading={forceUpdating}
-                    loadingText="强制更新中..."
-                  >
-                    强制更新支付状态
-                  </Button>
-
-                  <Text fontSize="xs" color={themeColors.text.secondary} textAlign="center">
-                    支付完成但页面未更新?点击上方"强制更新"按钮
-                  </Text>
-                </VStack>
-
-                {/* 支付说明 */}
-                <VStack align="stretch" spacing={1} fontSize="xs" color={themeColors.text.secondary}>
-                  <Text>• 使用微信"扫一扫"功能扫描上方二维码</Text>
-                  <Text>• 支付完成后系统将自动检测并激活订阅</Text>
-                  <Text>• 系统每10秒自动检查一次支付状态</Text>
-                  <Text>• 如遇问题请联系客服支持</Text>
-                </VStack>
+                  已完成支付
+                </Button>
               </VStack>
             )}
           </ModalBody>