diff --git a/src/locales/ar.json b/src/locales/ar.json
index 61f1936..79c9663 100644
--- a/src/locales/ar.json
+++ b/src/locales/ar.json
@@ -400,5 +400,7 @@
   "my_linked_recharge_agent": "وكيل الشحن المرتبط بي",
   "my_total_income": "إجمالي دخلي:",
   "this_period_recharge": "إعادة الشحن لهذه الفترة:",
-  "recharge_agency_list": "قائمة وكيل إعادة الشحن:"
+  "recharge_agency_list": "قائمة وكيل إعادة الشحن:",
+
+  "invite_recharge_agent": "دعوة المستخدم ليصبح وكيل إعادة الشحن"
 }
diff --git a/src/locales/en.json b/src/locales/en.json
index 5f72c6c..04d92c2 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -400,5 +400,7 @@
   "my_linked_recharge_agent": "My linked recharge agent",
   "my_total_income": "My total income:",
   "this_period_recharge": "This period's recharge:",
-  "recharge_agency_list": "Recharge Agency List:"
+  "recharge_agency_list": "Recharge Agency List:",
+
+  "invite_recharge_agent": "Invite User To Become Recharge Agency"
 }
diff --git a/src/locales/zh.json b/src/locales/zh.json
index 50fe865..93bf55e 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -400,5 +400,7 @@
   "my_linked_recharge_agent": "我关联的充值代理",
   "my_total_income": "我的总收入：",
   "this_period_recharge": "本期充值：",
-  "recharge_agency_list": "充值代理列表："
+  "recharge_agency_list": "充值代理列表：",
+
+  "invite_recharge_agent": "邀请用户成为充值代理"
 }
diff --git a/src/views/Invitation/inviteAgency.vue b/src/views/Invitation/inviteAgency.vue
index fbc9afd..5d3824a 100644
--- a/src/views/Invitation/inviteAgency.vue
+++ b/src/views/Invitation/inviteAgency.vue
@@ -196,7 +196,6 @@
                   border-radius: 32px;
                   background-color: red;
                   color: white;
-                  font-size: 16px;
                   font-weight: 600;
                   z-index: 5;
                 "
diff --git a/src/views/Invitation/inviteBDLeader.vue b/src/views/Invitation/inviteBDLeader.vue
index 1c96ae6..3034335 100644
--- a/src/views/Invitation/inviteBDLeader.vue
+++ b/src/views/Invitation/inviteBDLeader.vue
@@ -195,7 +195,6 @@
                   border-radius: 32px;
                   background-color: red;
                   color: white;
-                  font-size: 16px;
                   font-weight: 600;
                   z-index: 5;
                 "
diff --git a/src/views/Invitation/inviteRechargeAgency.vue b/src/views/Invitation/inviteRechargeAgency.vue
index 1678b86..4f2b028 100644
--- a/src/views/Invitation/inviteRechargeAgency.vue
+++ b/src/views/Invitation/inviteRechargeAgency.vue
@@ -3,7 +3,7 @@
     <!-- 顶部导航 -->
     <GeneralHeader
       :showLanguageList="true"
-      title="Invite User To Become Recharge Agency"
+      :title="t('invite_recharge_agent')"
       color="black"
       style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
     />
@@ -26,7 +26,12 @@
             height: max-content;
           "
         >
-          <img src="../../assets/icon/search.png" alt="" width="24px" style="opacity: 0.6" />
+          <img
+            v-smart-img
+            src="../../assets/icon/search.png"
+            alt=""
+            style="display: block; width: 2em; aspect-ratio: 1/1; opacity: 0.6"
+          />
           <input
             v-model="searchQuery"
             type="text"
@@ -39,24 +44,16 @@
               width: 100%;
               color: rgba(0, 0, 0, 0.4);
               font-weight: 600;
-              font-size: 14px;
               outline: none;
               border: none;
               background-color: transparent;
-              padding: 10px 8px;
+              padding: 8px;
             "
           />
           <button
             v-if="searchQuery"
             @click="clearSearch"
-            style="
-              background: none;
-              border: none;
-              font-size: 18px;
-              color: #9ca3af;
-              cursor: pointer;
-              padding: 0 8px;
-            "
+            style="background: none; border: none; color: #9ca3af; cursor: pointer; padding: 0 8px"
           >
             ×
           </button>
@@ -129,15 +126,14 @@
           <!-- 用户信息 -->
           <div style="font-weight: 600">{{ t('information') }}:</div>
           <div style="display: flex; align-items: center; justify-content: space-between">
-            <div style="display: flex; align-items: center; flex: 1; min-width: 0">
+            <div style="display: flex; align-items: center; gap: 4px; flex: 1; min-width: 0">
               <div
                 style="
-                  width: 50px;
+                  width: 3em;
                   aspect-ratio: 1/1;
                   display: flex;
                   align-items: center;
                   justify-content: center;
-                  margin-right: 12px;
                 "
               >
                 <img
@@ -167,7 +163,7 @@
                   {{ user.userProfile.userNickname }}
                 </div>
                 <div style="font-size: 0.9em; color: rgba(0, 0, 0, 0.4); font-weight: 500">
-                  ID: {{ user.userProfile.account }}
+                  {{ t('user_id_prefix') }} {{ user.userProfile.account }}
                 </div>
               </div>
             </div>
@@ -179,7 +175,6 @@
                   border-radius: 32px;
                   background-color: red;
                   color: white;
-                  font-size: 16px;
                   font-weight: 600;
                   z-index: 5;
                 "
@@ -361,7 +356,6 @@ onMounted(() => {
 
 input::placeholder {
   font-weight: bold;
-  font-size: 0.7em;
   color: rgba(0, 0, 0, 0.4);
 }
 
@@ -371,7 +365,6 @@ input::placeholder {
   background: linear-gradient(135deg, #bb92ff 2.82%, #8b45ff 99.15%);
   color: white;
   border: none;
-  font-size: 16px;
   font-weight: 600;
   cursor: pointer;
   transition: all 0.2s;