From 7ae549dad113a9fc3164c061dd18dc4548152402 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=B7=E5=B0=8F=E5=89=8D?= <zzlgreat@gmail.com>
Date: Fri, 23 Jan 2026 18:02:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0ios?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Subscription/SubscriptionContentNew.tsx   | 48 ++++++++++++++++++-
 1 file changed, 47 insertions(+), 1 deletion(-)

diff --git a/src/components/Subscription/SubscriptionContentNew.tsx b/src/components/Subscription/SubscriptionContentNew.tsx
index 855379c8..95893112 100644
--- a/src/components/Subscription/SubscriptionContentNew.tsx
+++ b/src/components/Subscription/SubscriptionContentNew.tsx
@@ -25,6 +25,10 @@ import {
   useBreakpointValue,
   Checkbox,
   Link as ChakraLink,
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
+  PopoverBody,
 } from '@chakra-ui/react';
 import {
   Crown,
@@ -39,7 +43,7 @@ import {
   ExternalLink,
   Gem,
 } from 'lucide-react';
-import { AlipayCircleOutlined, WechatOutlined } from '@ant-design/icons';
+import { AlipayCircleOutlined, WechatOutlined, CustomerServiceOutlined } from '@ant-design/icons';
 
 import { logger } from '../../utils/logger';
 import { useAuth } from '../../contexts/AuthContext';
@@ -1561,6 +1565,48 @@ export default function SubscriptionContentNew() {
             </VStack>
           </Box>
         </motion.div>
+
+        {/* 客服联系 */}
+        <Box textAlign="center" mt={8}>
+          <Popover trigger="hover" placement="top">
+            <PopoverTrigger>
+              <HStack
+                as="span"
+                spacing={2}
+                color="rgba(255, 255, 255, 0.5)"
+                fontSize="sm"
+                cursor="pointer"
+                display="inline-flex"
+                transition="color 0.2s"
+                _hover={{ color: '#D4AF37' }}
+              >
+                <CustomerServiceOutlined style={{ fontSize: '16px' }} />
+                <Text>遇到问题？联系客服</Text>
+              </HStack>
+            </PopoverTrigger>
+            <PopoverContent
+              bg="rgba(30, 30, 30, 0.95)"
+              border="1px solid rgba(255, 255, 255, 0.1)"
+              borderRadius="xl"
+              w="auto"
+              _focus={{ boxShadow: 'none' }}
+            >
+              <PopoverBody p={4} textAlign="center">
+                <Image
+                  src="/img/service.jpg"
+                  alt="客服二维码"
+                  w="150px"
+                  h="150px"
+                  borderRadius="lg"
+                  mx="auto"
+                />
+                <Text color="rgba(255, 255, 255, 0.6)" fontSize="xs" mt={3}>
+                  扫码添加企业微信客服
+                </Text>
+              </PopoverBody>
+            </PopoverContent>
+          </Popover>
+        </Box>
       </Container>
 
       {/* 支付模态框 */}