diff --git a/src/views/HostCenter/HostSetting.vue b/src/views/HostCenter/HostSetting.vue
index 731ecaa..817e97d 100644
--- a/src/views/HostCenter/HostSetting.vue
+++ b/src/views/HostCenter/HostSetting.vue
@@ -113,7 +113,9 @@
             style="display: flex; justify-content: space-between; align-items: center"
             @click="gotoselectBank"
           >
-            <div style="font-weight: 510; color: rgba(0, 0, 0, 0.8)">Add Your Payment Method</div>
+            <div style="font-weight: 510; color: rgba(0, 0, 0, 0.8)">
+              {{ t('add_payment_method') }}
+            </div>
 
             <!-- 跳转按钮 -->
             <img
@@ -128,7 +130,7 @@
           <!-- 银行卡信息 -->
           <div v-else style="display: flex; flex-direction: column; gap: 2vw">
             <!-- Category -->
-            <div style="font-weight: 500; color: rgba(0, 0, 0, 0.8)">Category:</div>
+            <div style="font-weight: 500; color: rgba(0, 0, 0, 0.8)">{{ t('category') }}</div>
             <div
               style="
                 font-weight: 510;
@@ -142,7 +144,9 @@
             </div>
 
             <!-- Card Number -->
-            <div style="font-weight: 500; color: rgba(0, 0, 0, 0.8)">Card Number:</div>
+            <div style="font-weight: 500; color: rgba(0, 0, 0, 0.8)">
+              {{ t('card_number_label') }}
+            </div>
             <div
               style="
                 font-weight: 510;
@@ -544,4 +548,8 @@ onMounted(() => {
   margin-left: 0;
   margin-right: 8px;
 }
+
+[dir='rtl'] .flipImg {
+  transform: scaleX(-1);
+}
 </style>