diff --git a/src/router/index.js b/src/router/index.js
index 11e97d5..4357578 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -19,7 +19,7 @@ const router = createRouter({
     {
       path: '/host-center',
       name: 'host-center',
-      component: () => import('../views/HostCenterView.vue'),
+      component: () => import('../views/Host/HostCenterView.vue'),
       meta: { requiresAuth: true },
     },
     {
@@ -73,7 +73,7 @@ const router = createRouter({
     {
       path: '/host-setting',
       name: 'host-setting',
-      component: () => import('../views/HostSettingView.vue'),
+      component: () => import('../views/Host/HostSettingView.vue'),
       meta: { requiresAuth: true },
     },
     {
diff --git a/src/views/HostCenterView.vue b/src/views/Host/HostCenterView.vue
similarity index 96%
rename from src/views/HostCenterView.vue
rename to src/views/Host/HostCenterView.vue
index cec2f36..6df2fb9 100644
--- a/src/views/HostCenterView.vue
+++ b/src/views/Host/HostCenterView.vue
@@ -15,7 +15,7 @@
       <!-- 身份 -->
       <div class="section-title">
         {{ t('my_account') }}
-        <img src="../assets/icon/host.png" alt="" class="title-icon" />
+        <img src="../../assets/icon/host.png" alt="" class="title-icon" />
       </div>
 
       <!-- 用户信息卡片 -->
@@ -32,11 +32,13 @@
             <span v-else class="avatar-placeholder">{{ getAvatarPlaceholder() }}</span>
           </div>
           <div class="user-info">
-            <div class="user-name">{{ userInfo.userNickname || userInfo.name }}</div>
+            <div class="user-name">
+              {{ userInfo.userNickname || userInfo.name }}111111111111111111111111
+            </div>
             <div class="user-id">ID: {{ userInfo.id }}</div>
           </div>
           <button class="edit-btn" @click="goToNotification">
-            <img src="../assets/icon/edit.png" alt="" class="edit-icon" />
+            <img src="../../assets/icon/edit.png" alt="" class="edit-icon" />
           </button>
         </div>
         <!-- 我的薪资 -->
@@ -120,7 +122,7 @@ import { isInApp } from '@/utils/appBridge.js'
 import { getTeamMemberWork } from '@/api/teamBill.js'
 import { getUserId } from '@/utils/userStore.js'
 import { getUserIdentity } from '@/api/wallet.js'
-import { clearSelectedPayee } from '../utils/payeeStore.js'
+import { clearSelectedPayee } from '@/utils/payeeStore.js'
 import workReportBox from '@/components/HostCenter/workReportBox.vue'
 import { setDocumentDirection } from '@/locales/i18n'
 
@@ -271,7 +273,7 @@ onMounted(() => {
   width: 100vw;
   min-height: 100vh;
   background-color: #ffffff;
-  background-image: url(../assets/images/secondBg.png);
+  background-image: url(../../assets/images/secondBg.png);
 }
 
 .content {
@@ -343,6 +345,7 @@ onMounted(() => {
 
 .user-info {
   flex: 1;
+  min-width: 0;
 }
 
 .user-name {
@@ -350,6 +353,10 @@ onMounted(() => {
   font-size: 16px;
   font-weight: 600;
   color: #333;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
 }
 
 .user-id {
diff --git a/src/views/HostSettingView.vue b/src/views/Host/HostSettingView.vue
similarity index 91%
rename from src/views/HostSettingView.vue
rename to src/views/Host/HostSettingView.vue
index 0360b84..0c316f9 100644
--- a/src/views/HostSettingView.vue
+++ b/src/views/Host/HostSettingView.vue
@@ -18,7 +18,7 @@
             src="/src/assets/icon/agency.png"
             alt=""
             height="25px"
-            style="display: block; margin-left: 8px"
+            style="display: block; flex-shrink: 0; margin-left: 8px"
           />
         </div>
 
@@ -30,10 +30,11 @@
             box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
             display: flex;
             justify-content: space-between;
+            gap: 4px;
           "
         >
           <!-- 用户信息 -->
-          <div style="display: flex; align-items: center">
+          <div style="display: flex; align-items: center; min-width: 0">
             <img
               :src="userInfo.userAvatar || ''"
               alt=""
@@ -41,8 +42,16 @@
               style="aspect-ratio: 1/1; border-radius: 50%; object-fit: cover"
               @error="defaultAvatarUrl"
             />
-            <div style="flex: 1; margin-left: 12px">
-              <div style="margin-bottom: 4px; font-weight: 600">
+            <div style="flex: 1; min-width: 0; margin-left: 12px">
+              <div
+                style="
+                  margin-bottom: 4px;
+                  font-weight: 600;
+                  white-space: nowrap;
+                  overflow: hidden;
+                  text-overflow: ellipsis;
+                "
+              >
                 {{ userInfo.userNickname || '' }}
               </div>
               <div style="font-size: 0.9em; color: rgba(0, 0, 0, 0.4)">