diff --git a/src/views/TopList/TopList.vue b/src/views/TopList/TopList.vue
index b5d07dc..b66f1ea 100644
--- a/src/views/TopList/TopList.vue
+++ b/src/views/TopList/TopList.vue
@@ -215,7 +215,7 @@
                   padding: 0 15%;
                 "
               >
-                <div style="width: 70%; display: flex; align-items: center">
+                <div style="width: 80%; display: flex; align-items: center">
                   <div style="color: #edb247; font-weight: 700; width: 28px">
                     {{ listItem.rank }}
                   </div>
@@ -266,7 +266,7 @@
                   </div>
                 </div>
 
-                <div style="display: flex; width: 30%; display: flex; align-items: center">
+                <div style="display: flex; width: 20%; display: flex; align-items: center">
                   <img src="/src/assets/icon/coin.png" alt="" style="width: 25%" />
                   <div style="color: #edb247; font-weight: 700" class="topUserNickname">
                     {{ listItem.quantity }}
@@ -563,21 +563,21 @@
       <div
         style="
           position: absolute;
-          top: 0;
-          bottom: 0;
-          left: 0;
-          right: 0;
+          inset: 0;
           display: flex;
           align-items: center;
           justify-content: center;
           padding: 0 8%;
+          gap: 8px;
         "
       >
-        <div style="flex: 1; display: flex; align-items: center">
+        <div style="width: 80%; display: flex; align-items: center">
+          <!-- 排名 -->
           <div style="color: #edb247; font-weight: 700">{{ myRanking.wealthRank || 0 }}</div>
+          <!-- 头像 -->
           <div
             style="
-              width: 24%;
+              width: 25%;
               aspect-ratio: 1/1;
               border-radius: 50%;
               margin: 0 12px;
@@ -595,16 +595,28 @@
               @error="defaultAvatarUrl"
             />
           </div>
-
-          <div style="display: flex; flex-direction: column">
-            <div style="color: #fff; font-weight: 860">
+          <!-- 名称 -->
+          <div style="display: flex; flex-direction: column; width: calc(100% - 30px - 24px - 25%)">
+            <div
+              style="
+                color: #fff;
+                font-weight: 860;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+              "
+            >
               {{ myRanking.userNickname }}
             </div>
           </div>
         </div>
 
-        <div style="display: flex; width: 30%; display: flex; align-items: center">
-          <img src="/src/assets/icon/coin.png" alt="" style="width: 25%; height: 20%" />
+        <div style="width: 20%; display: flex; align-items: center; gap: 2px">
+          <img
+            src="/src/assets/icon/coin.png"
+            alt=""
+            style="display: block; width: 35%; aspect-ratio: 1/1"
+          />
           <!-- 1:男,0:女 -->
           <div v-if="myRanking.userSex == 1" style="color: #edb247; font-weight: 700">
             {{ myRanking.wealthQuantity }}