diff --git a/src/pages/UserCenter/components/UserInfo/index.vue b/src/pages/UserCenter/components/UserInfo/index.vue
index 2861163..d7c7f03 100644
--- a/src/pages/UserCenter/components/UserInfo/index.vue
+++ b/src/pages/UserCenter/components/UserInfo/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex h-full w-full flex-col justify-between rounded-4xl border-1 border-white py-[32px] pb-[22px]"
+    class="lucid-glass-bar flex h-full w-full flex-col justify-between rounded-4xl! border-1 border-white py-[32px] pb-[22px]"
   >
     <div>
       <div class="mb-3 flex min-h-[88px] flex-col items-center">
diff --git a/src/pages/UserCenter/index.vue b/src/pages/UserCenter/index.vue
index 0337375..e40bd8f 100644
--- a/src/pages/UserCenter/index.vue
+++ b/src/pages/UserCenter/index.vue
@@ -10,7 +10,7 @@
             <router-link to="/" class="flex items-center gap-2">
               <!-- Desktop Logo -->
               <Logo alt="Hi快VPN" class="h-[18px] w-auto md:ml-8 md:h-[29px]" />
-              <span class="font-black text-2xl ml-3">高能合伙人</span>
+              <span class="ml-3 text-2xl font-black">高能合伙人</span>
             </router-link>
             <div v-if="isLoggedIn" class="flex items-center">
               <router-link
@@ -32,20 +32,17 @@
     </div>
     <div class="flex flex-1 flex-col">
       <!-- Main Neon Green Card -->
-<!--      <div class="container md:hidden">
+      <!--      <div class="container md:hidden">
 
       </div>-->
       <div class="hidden flex-1 items-center justify-center md:flex md:pb-[50px]">
         <div class="container mx-auto">
           <DesktopLayout
-            :user-info="userSubInfo"
             :selected-plan-id="selectedPlanId"
-            :selected-plan="activePlan"
             :is-paying="isPaying"
             :is-user-loading="isUserLoading"
             :is-plans-loading="isPlansLoading"
             :is-payments-loading="isPaymentsLoading"
-            @pay="handlePay"
             @show-order-details="orderDetailsModalRef?.show()"
           />
         </div>
@@ -83,14 +80,8 @@ const isPlansLoading = ref(true)
 const isPaymentsLoading = ref(true)
 const orderStatusDialogRef = ref<InstanceType<typeof OrderStatusDialog> | null>(null)
 const orderDetailsModalRef = ref<InstanceType<typeof OrderDetailsModal> | null>(null)
-
-
-
 </script>
 
-<style scoped>
+<style scoped></style>
 
-</style>
-
-<style scoped>
-</style>
+<style scoped></style>