diff --git a/pages/leaderboard/leaderboard.wxss b/pages/leaderboard/leaderboard.wxss
index 6815695..31e2ca0 100644
--- a/pages/leaderboard/leaderboard.wxss
+++ b/pages/leaderboard/leaderboard.wxss
@@ -23,7 +23,7 @@
   font-size: 30rpx;
   color: var(--text-secondary);
   position: relative;
-  transition: color 0.2s;
+  transition: color 0.2s, background-color 0.3s ease;
 }
 
 .period-tab.active {
@@ -88,6 +88,7 @@
   padding: 20rpx 24rpx;
   margin-bottom: 12rpx;
   box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+  transition: background-color 0.3s ease, border-color 0.3s ease;
 }
 
 .rank-item.is-me {
diff --git a/pages/settings/settings.wxss b/pages/settings/settings.wxss
index 78d39fa..e36268b 100644
--- a/pages/settings/settings.wxss
+++ b/pages/settings/settings.wxss
@@ -22,7 +22,7 @@
   align-items: center;
   padding: 22rpx 0;
   border-bottom: 1rpx solid var(--border);
-  transition: background 0.2s ease;
+  transition: background 0.2s ease, background-color 0.3s ease, border-color 0.3s ease;
 }
 
 .theme-item:last-child { border-bottom: none; }
@@ -73,6 +73,7 @@
   align-items: center;
   padding: 24rpx 0;
   border-bottom: 1rpx solid var(--border);
+  transition: background-color 0.3s ease, border-color 0.3s ease;
 }
 
 .plan-item:last-child { border-bottom: none; }