diff --git a/pages/leaderboard/leaderboard.wxml b/pages/leaderboard/leaderboard.wxml
index 28c0f00..bd7e25a 100644
--- a/pages/leaderboard/leaderboard.wxml
+++ b/pages/leaderboard/leaderboard.wxml
@@ -27,7 +27,8 @@
     <view
       wx:for="{{rankedList}}"
       wx:key="openid"
-      class="rank-item {{item.openid === myEntry.openid ? 'is-me' : ''}}"
+      class="rank-item {{item.openid === myEntry.openid ? 'is-me' : ''}} rank-item--enter"
+      style="animation-delay: {{index < 10 ? index * 60 : 0}}ms;"
     >
       <view class="rank-num {{item.rank === 1 ? 'gold' : item.rank === 2 ? 'silver' : item.rank === 3 ? 'bronze' : ''}}">
         <text wx:if="{{item.rank === 1}}">🥇</text>
diff --git a/pages/leaderboard/leaderboard.wxss b/pages/leaderboard/leaderboard.wxss
index 60c3a4f..fab7bd2 100644
--- a/pages/leaderboard/leaderboard.wxss
+++ b/pages/leaderboard/leaderboard.wxss
@@ -174,3 +174,13 @@
   color: var(--primary);
   font-weight: 600;
 }
+
+/* ---- rank item entrance animation ---- */
+.rank-item--enter {
+  animation: rankIn 0.4s cubic-bezier(0.2, 0, 0.2, 1) both;
+}
+
+@keyframes rankIn {
+  from { opacity: 0; transform: translateX(-20rpx); }
+  to   { opacity: 1; transform: translateX(0); }
+}