diff --git a/src/views/billing/billservice/index.vue b/src/views/billing/billservice/index.vue
index f8a7062..bc73e87 100644
--- a/src/views/billing/billservice/index.vue
+++ b/src/views/billing/billservice/index.vue
@@ -82,7 +82,7 @@ const handleMenuClick = (path: string) => {
   width: 100%;
   min-height: 100vh;
   padding: 16px;
-  background-color: #f5f5f7;
+  background-color: var(--text-color, var(--ant-text-color)); /* 使用主题变量 */
 }
 
 .billing-service-content {
@@ -103,7 +103,7 @@ const handleMenuClick = (path: string) => {
   align-items: center;
   justify-content: space-between;
   padding: 20px;
-  background: #fff;
+  background: var(--text-color, var(--ant-text-color)); /* 使用主题变量 */
   border-radius: 12px;
   cursor: pointer;
   transition: all 0.3s ease;