diff --git a/src/router/index.js b/src/router/index.js
index 176795b..4a03f53 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -31,7 +31,7 @@ const router = createRouter({
     {
       path: '/bd-center',
       name: 'bd-center',
-      component: () => import('../views/BDCenterView.vue'),
+      component: () => import('../views/BDCenter/index.vue'),
       meta: { requiresAuth: true },
     },
     {
diff --git a/src/views/BDCenterView.vue b/src/views/BDCenter/index.vue
similarity index 94%
rename from src/views/BDCenterView.vue
rename to src/views/BDCenter/index.vue
index 74e6de9..6037dbd 100644
--- a/src/views/BDCenterView.vue
+++ b/src/views/BDCenter/index.vue
@@ -36,40 +36,36 @@
         </div>
 
         <!-- 用户信息 -->
-        <div style="display: flex; align-items: center">
+        <div style="display: flex; align-items: center; gap: 4px">
           <div
             style="
-              width: 50px;
-              height: 50px;
-              border-radius: 25px;
-              background-color: #8b5cf6;
-
+              width: 40px;
+              height: 40px;
+              border-radius: 50%;
               display: flex;
               align-items: center;
               justify-content: center;
-
-              color: white;
-              font-size: 20px;
-              font-weight: 600;
-
-              margin-right: 12px;
-              overflow: hidden;
               position: relative;
             "
           >
             <img
-              v-if="userInfo.userAvatar"
+              v-if="userInfo.userAvatar || ''"
               style="width: 100%; height: 100%; object-fit: cover; border-radius: 25px"
               :src="userInfo.userAvatar"
-              :alt="userInfo.name"
-              @error="handleImageError"
+              @error="defaultAvatarUrl"
             />
-            <span v-else style="color: white; font-size: 20px; font-weight: 600">{{
-              getAvatarPlaceholder()
-            }}</span>
           </div>
-          <div style="flex: 1">
-            <h3 style="margin: 0 0 4px 0; font-weight: 600; color: #333">
+          <div style="flex: 1; min-width: 0">
+            <h3
+              style="
+                margin: 0 0 4px 0;
+                font-weight: 600;
+                color: #333;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+              "
+            >
               {{ userInfo.userNickname || userInfo.name }}
             </h3>
             <p style="margin: 0; font-size: 0.9em; color: #666">
@@ -77,7 +73,7 @@
             </p>
           </div>
           <div style="display: flex; align-items: center" @click="gotoPolicy">
-            <img src="../assets/icon/info.png" alt="" style="display: block; width: 20px" />
+            <img src="../../assets/icon/info.png" alt="" style="display: block; width: 20px" />
           </div>
         </div>
 
@@ -95,7 +91,7 @@
             {{ t('available_salaries') }} ${{ salaryInfo.currentSalary }}
           </span>
           <img
-            src="../assets/icon/arrow.png"
+            src="../../assets/icon/arrow.png"
             alt=""
             style="display: block; width: 20px"
             class="flipImg"
@@ -124,7 +120,7 @@
         <div style="display: flex; justify-content: space-between; align-items: center">
           <span style="font-weight: 600; color: #1f2937"> {{ t('invite_become_agent') }}</span>
           <img
-            src="../assets/icon/arrow.png"
+            src="../../assets/icon/arrow.png"
             alt=""
             style="display: block; width: 20px"
             class="flipImg"
@@ -153,7 +149,7 @@
         <div style="display: flex; justify-content: space-between; align-items: center">
           <div style="font-weight: 600">{{ BDData.billTitle }}</div>
           <img
-            src="../assets/icon/records.png"
+            src="../../assets/icon/records.png"
             alt=""
             style="display: block; width: 1.3em"
             @click="showHistory = true"
@@ -588,7 +584,7 @@ onMounted(() => {
   overflow-y: auto;
   font-family: -apple-system, BlinkMacSystemFont, sans-serif;
   background-color: #ffffff;
-  background-image: url(../assets/images/secondBg.png);
+  background-image: url(../../assets/images/secondBg.png);
 }
 
 .bd-center::-webkit-scrollbar {
diff --git a/src/views/BDLeaderCenter/index.vue b/src/views/BDLeaderCenter/index.vue
index 4e90a0c..c9f0ff5 100644
--- a/src/views/BDLeaderCenter/index.vue
+++ b/src/views/BDLeaderCenter/index.vue
@@ -35,37 +35,37 @@
           <span>{{ t('loading') }}...</span>
         </div>
 
-        <div style="display: flex; align-items: center">
+        <!-- 用户信息 -->
+        <div style="display: flex; align-items: center; gap: 4px">
           <div
             style="
               width: 40px;
               height: 40px;
               border-radius: 50%;
-              background-color: #8b5cf6;
               display: flex;
               align-items: center;
               justify-content: center;
-              color: white;
-              font-size: 20px;
-              font-weight: 600;
-              margin-right: 12px;
-              overflow: hidden;
               position: relative;
             "
           >
             <img
-              v-if="userInfo.userAvatar"
+              v-if="userInfo.userAvatar || ''"
               style="width: 100%; height: 100%; object-fit: cover; border-radius: 25px"
               :src="userInfo.userAvatar"
-              :alt="userInfo.name"
-              @error="handleImageError"
+              @error="defaultAvatarUrl"
             />
-            <span v-else style="color: white; font-size: 20px; font-weight: 600">{{
-              getAvatarPlaceholder()
-            }}</span>
           </div>
-          <div style="flex: 1">
-            <h3 style="margin: 0 0 4px 0; font-weight: 600; color: #333">
+          <div style="flex: 1; min-width: 0">
+            <h3
+              style="
+                margin: 0 0 4px 0;
+                font-weight: 600;
+                color: #333;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+              "
+            >
               {{ userInfo.userNickname || userInfo.name }}
             </h3>
             <p style="margin: 0; font-size: 0.9em; color: #666">