diff --git a/src/views/Pages/Account/Subscription.js b/src/views/Pages/Account/Subscription.js
index 996af072..4a880455 100644
--- a/src/views/Pages/Account/Subscription.js
+++ b/src/views/Pages/Account/Subscription.js
@@ -8,11 +8,11 @@ import {
 } from '@chakra-ui/react';
 import { ChevronRightIcon } from '@chakra-ui/icons';
 import React from 'react';
-import SubscriptionContent from 'components/Subscription/SubscriptionContent';
+import SubscriptionContentNew from 'components/Subscription/SubscriptionContentNew';
 
 function Subscription() {
   return (
-    <Flex direction='column'>
+    <Flex direction='column' bg='#0a0a0a' minH='100vh'>
       <Container maxW="container.xl" px={{ base: 4, md: 6 }} py={{ base: 4, md: 6 }}>
         {/* 面包屑导航 */}
         <Breadcrumb
@@ -22,17 +22,17 @@ function Subscription() {
           fontSize='sm'
         >
           <BreadcrumbItem>
-            <BreadcrumbLink href='/home'>首页</BreadcrumbLink>
+            <BreadcrumbLink href='/home' color='gray.400' _hover={{ color: '#D4AF37' }}>首页</BreadcrumbLink>
           </BreadcrumbItem>
           <BreadcrumbItem>
-            <BreadcrumbLink href='/home/pages/account'>个人中心</BreadcrumbLink>
+            <BreadcrumbLink href='/home/pages/account' color='gray.400' _hover={{ color: '#D4AF37' }}>个人中心</BreadcrumbLink>
           </BreadcrumbItem>
           <BreadcrumbItem isCurrentPage>
-            <Text color='gray.500'>订阅管理</Text>
+            <Text color='#D4AF37'>订阅管理</Text>
           </BreadcrumbItem>
         </Breadcrumb>
 
-        <SubscriptionContent />
+        <SubscriptionContentNew />
       </Container>
     </Flex>
   );