From 0f882af81e5ae0dfe26849e82d5db1996df1466e Mon Sep 17 00:00:00 2001
From: speakeloudest <speakeloudest@gmail.com>
Date: Sun, 3 May 2026 18:23:30 +0300
Subject: [PATCH] =?UTF-8?q?=E8=BF=94=E4=BD=A3=E6=AF=94=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                        | 2 +-
 src/pages/UserCenter/DesktopLayout/index.vue       | 2 +-
 src/pages/UserCenter/components/UserInfo/index.vue | 4 +++-
 src/styles/index.css                               | 8 ++++----
 4 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7f107be..bf43f99 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="overflow-x-auto md:w-[1220px]">
     <main>
       <RouterView />
     </main>
diff --git a/src/pages/UserCenter/DesktopLayout/index.vue b/src/pages/UserCenter/DesktopLayout/index.vue
index a1eb036..3eee3f0 100644
--- a/src/pages/UserCenter/DesktopLayout/index.vue
+++ b/src/pages/UserCenter/DesktopLayout/index.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- Main Neon Green Card -->
-  <div class="flex h-[668px] justify-center gap-[20px]">
+  <div class="mt-4 flex flex-col justify-center gap-[20px] md:mt-0 md:h-[668px] md:flex-row">
     <!-- Left Column -->
     <div class="h-full w-[345px]">
       <Transition name="fade" mode="out-in">
diff --git a/src/pages/UserCenter/components/UserInfo/index.vue b/src/pages/UserCenter/components/UserInfo/index.vue
index 1e84847..427feeb 100644
--- a/src/pages/UserCenter/components/UserInfo/index.vue
+++ b/src/pages/UserCenter/components/UserInfo/index.vue
@@ -12,7 +12,9 @@
               <div class="ml-2 flex flex-col justify-center text-white">
                 <div class="text-base font-semibold">{{ userInfo.email }}</div>
                 <div class="flex items-center text-base font-semibold">
-                  <span class="mr-0.5 text-3xl">🌞</span> 超级合伙人
+                  <span class="mr-0.5 text-3xl">🌞</span> 超级合伙人 返佣比例{{
+                    userInfo.referral_percentage
+                  }}%
                 </div>
               </div>
             </div>
diff --git a/src/styles/index.css b/src/styles/index.css
index cdc84f3..872c1cf 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -8,10 +8,10 @@
 html, body {
   background: #000;
 }
-body {
-  min-width: 1220px;
-  overflow-x: auto; /* 当窗口小于1024px时显示横向滚动条 */
-}
+/*body {*/
+/*  min-width: 1220px;*/
+/*  overflow-x: auto; !* 当窗口小于1024px时显示横向滚动条 *!*/
+/*}*/
 .lucid-glass-bar {
   /* 基础背景：Figma 中通常是叠加的，这里取中值确保通透度 */
   background: rgb(255 255 255 / 6%);