diff --git a/src/router/index.js b/src/router/index.js
index d602003..2732575 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -37,7 +37,7 @@ const router = createRouter({
     {
       path: '/coin-seller',
       name: 'coin-seller',
-      component: () => import('../views/CoinSellerView.vue'),
+      component: () => import('../views/RechargeAgency/index.vue'),
       meta: { requiresAuth: true },
     },
     {
@@ -121,13 +121,13 @@ const router = createRouter({
     {
       path: '/coin-seller-search',
       name: 'coin-seller-search',
-      component: () => import('../views/CoinSellerSearchView.vue'),
+      component: () => import('../views/RechargeAgency/SearchUser.vue'),
       meta: { requiresAuth: true },
     },
     {
       path: '/seller-records',
       name: 'seller-records',
-      component: () => import('../views/SellerRecordsView.vue'),
+      component: () => import('../views/RechargeAgency/SellerRecordsView.vue'),
       meta: { requiresAuth: true },
     },
     {
diff --git a/src/views/CoinSellerSearchView.vue b/src/views/RechargeAgency/SearchUser.vue
similarity index 97%
rename from src/views/CoinSellerSearchView.vue
rename to src/views/RechargeAgency/SearchUser.vue
index d599804..4df282d 100644
--- a/src/views/CoinSellerSearchView.vue
+++ b/src/views/RechargeAgency/SearchUser.vue
@@ -27,7 +27,7 @@
           "
         >
           <img
-            src="../assets/icon/search.png"
+            src="../../assets/icon/search.png"
             alt=""
             width="24px"
             style="opacity: 0.6"
@@ -93,7 +93,7 @@
             </div>
           </div>
           <div style="display: flex; justify-content: center; align-items: center">
-            <img src="../assets/icon/add.png" alt="" width="32px" class="add-icon" />
+            <img src="../../assets/icon/add.png" alt="" width="32px" class="add-icon" />
           </div>
         </div>
       </div>
@@ -126,9 +126,9 @@
 import { ref, computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
-import GeneralHeader from '../components/GeneralHeader.vue'
-import { setSelectedUser } from '../utils/coinSellerStore.js'
-import { searchFreightUser } from '../api/wallet.js'
+import GeneralHeader from '@/components/GeneralHeader.vue'
+import { setSelectedUser } from '@/utils/coinSellerStore.js'
+import { searchFreightUser } from '@/api/wallet.js'
 import { setDocumentDirection } from '@/locales/i18n'
 
 const { t, locale } = useI18n()
diff --git a/src/views/SellerRecordsView.vue b/src/views/RechargeAgency/SellerRecordsView.vue
similarity index 98%
rename from src/views/SellerRecordsView.vue
rename to src/views/RechargeAgency/SellerRecordsView.vue
index c4af652..cce1ac2 100644
--- a/src/views/SellerRecordsView.vue
+++ b/src/views/RechargeAgency/SellerRecordsView.vue
@@ -132,8 +132,8 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { useI18n } from 'vue-i18n'
-import GeneralHeader from '../components/GeneralHeader.vue'
-import { getFreightWaterFlow } from '../api/wallet.js'
+import GeneralHeader from '@/components/GeneralHeader.vue'
+import { getFreightWaterFlow } from '@/api/wallet.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { getUserId } from '@/utils/userStore.js'
 import { setDocumentDirection } from '@/locales/i18n'
diff --git a/src/views/CoinSellerView.vue b/src/views/RechargeAgency/index.vue
similarity index 92%
rename from src/views/CoinSellerView.vue
rename to src/views/RechargeAgency/index.vue
index 6f2bdbf..2cb608c 100644
--- a/src/views/CoinSellerView.vue
+++ b/src/views/RechargeAgency/index.vue
@@ -30,9 +30,9 @@
           "
         >
           {{ t('my_account') }}
-          <img src="../assets/icon/RA.png" alt="" height="20px" style="margin-left: 10px" />
+          <img src="../../assets/icon/RA.png" alt="" height="20px" style="margin-left: 10px" />
         </div>
-        <img @click="goToRecords" src="../assets/icon/records.png" height="20px" alt="" />
+        <img @click="goToRecords" src="../../assets/icon/records.png" height="20px" alt="" />
       </div>
 
       <!-- 用户信息卡片 -->
@@ -41,15 +41,11 @@
         <div class="user-info">
           <div class="avatar">
             <img
-              v-if="userInfo.userAvatar"
               :src="userInfo.userAvatar || ''"
-              :alt="userInfo.userNickname || userInfo.name"
+              alt=""
               class="avatar-image"
               @error="defaultAvatarUrl"
             />
-            <span v-else class="avatar-text">{{
-              (userInfo.userNickname || userInfo.name).charAt(0)
-            }}</span>
           </div>
           <div class="user-details">
             <h3>{{ userInfo.userNickname || userInfo.name }}</h3>
@@ -67,7 +63,7 @@
         <div>
           <div style="font-weight: 600">{{ t('my_coins') }}</div>
           <div style="margin-top: 12px; width: 100%; display: flex; align-items: center">
-            <img src="../assets/icon/coin.png" alt="" height="20px" style="display: block" />
+            <img src="../../assets/icon/coin.png" alt="" height="20px" style="display: block" />
             <div style="color: #ffb627; font-weight: 590; margin-left: 5px">
               {{ coinsAmount }}
             </div>
@@ -85,13 +81,11 @@
           <div class="user-info">
             <div class="user-avatar">
               <img
-                v-if="selectedUser.userAvatar"
                 :src="selectedUser.userAvatar || ''"
-                :alt="selectedUser.userNickname || userInfo.name"
+                alt=""
                 class="avatar-image"
                 @error="defaultAvatarUrl"
               />
-              <span v-else>{{ selectedUser.name.charAt(0) }}</span>
             </div>
             <div class="user-details">
               <div class="user-name">{{ selectedUser.name }}</div>
@@ -156,9 +150,9 @@
 import { ref, computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
-import GeneralHeader from '../components/GeneralHeader.vue'
-import { getSelectedUser } from '../utils/coinSellerStore.js'
-import { checkFreightDealer, getFreightBalance, freightRecharge } from '../api/wallet.js'
+import GeneralHeader from '@/components/GeneralHeader.vue'
+import { getSelectedUser } from '@/utils/coinSellerStore.js'
+import { checkFreightDealer, getFreightBalance, freightRecharge } from '@/api/wallet.js'
 import { showError, showSuccess } from '@/utils/toast.js'
 import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
 import { setDocumentDirection } from '@/locales/i18n'
@@ -388,16 +382,7 @@ const { userInfo } = usePageInitializationWithConfig('COIN_SELLER', {
   width: 50px;
   height: 50px;
   border-radius: 25px;
-  background-color: #f59e0b;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  font-size: 20px;
-  font-weight: 600;
   margin-right: 12px;
-  overflow: hidden;
-  position: relative;
 }
 
 .avatar-image {
@@ -521,13 +506,9 @@ const { userInfo } = usePageInitializationWithConfig('COIN_SELLER', {
   width: 40px;
   height: 40px;
   border-radius: 20px;
-  background-color: #8b5cf6;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: white;
-  font-size: 16px;
-  font-weight: 600;
   margin-right: 12px;
 }