style: 调整排行榜卡片和家庭排名字体大小及样式

统一排行榜卡片和家庭排名组件的字体大小和样式
增加排名数字的宽度以适应不同排名样式

 <!--
 <!--
  * @Date: 2025-01-09 00:00:00
  * @Date: 2025-01-09 00:00:00
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-09-19 11:14:55
+ * @LastEditTime: 2025-09-19 17:12:24
  * @FilePath: /lls_program/src/components/RankingCard.vue
  * @FilePath: /lls_program/src/components/RankingCard.vue
  * @Description: 排行榜卡片组件
  * @Description: 排行榜卡片组件
 -->
 -->
@@ -588,7 +588,7 @@ defineExpose({
 
 
       .family-name {
       .family-name {
         color: white;
         color: white;
-        font-size: 20rpx;
+        font-size: 25rpx;
         font-weight: 600;
         font-weight: 600;
         margin-bottom: 6rpx;
         margin-bottom: 6rpx;
         text-align: center;
         text-align: center;
@@ -600,12 +600,12 @@ defineExpose({
         -webkit-box-orient: vertical;
         -webkit-box-orient: vertical;
         white-space: normal;
         white-space: normal;
         line-height: 1.2;
         line-height: 1.2;
-        max-height: 48rpx;
+        max-height: 52rpx;
       }
       }
 
 
       .leader-name {
       .leader-name {
         color: rgba(255, 255, 255, 0.8);
         color: rgba(255, 255, 255, 0.8);
-        font-size: 16rpx;
+        font-size: 20rpx;
         margin-bottom: 12rpx;
         margin-bottom: 12rpx;
         text-align: center;
         text-align: center;
         max-width: 120rpx;
         max-width: 120rpx;
@@ -616,7 +616,7 @@ defineExpose({
         -webkit-box-orient: vertical;
         -webkit-box-orient: vertical;
         white-space: normal;
         white-space: normal;
         line-height: 1.2;
         line-height: 1.2;
-        max-height: 38rpx;
+        max-height: 45rpx;
       }
       }
 
 
       .rank-number {
       .rank-number {
@@ -639,7 +639,7 @@ defineExpose({
         }
         }
 
 
         .steps-in-rank {
         .steps-in-rank {
-          font-size: 22rpx;
+          font-size: 32rpx;
           font-weight: 600;
           font-weight: 600;
           color: white;
           color: white;
           text-align: center;
           text-align: center;
@@ -658,7 +658,7 @@ defineExpose({
         }
         }
 
 
         .rank-number {
         .rank-number {
-          width: 150rpx;
+          width: 180rpx;
           height: 110rpx;
           height: 110rpx;
           background: linear-gradient(135deg, #C0C0C0 0%, #A0A0A0 100%);
           background: linear-gradient(135deg, #C0C0C0 0%, #A0A0A0 100%);
         }
         }
@@ -676,7 +676,7 @@ defineExpose({
         }
         }
 
 
         .rank-number {
         .rank-number {
-          width: 150rpx;
+          width: 180rpx;
           height: 140rpx;
           height: 140rpx;
           background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
           background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
         }
         }
@@ -693,7 +693,7 @@ defineExpose({
         }
         }
 
 
         .rank-number {
         .rank-number {
-          width: 150rpx;
+          width: 180rpx;
           height: 100rpx;
           height: 100rpx;
           background: linear-gradient(135deg, #CD7F32 0%, #B8860B 100%);
           background: linear-gradient(135deg, #CD7F32 0%, #B8860B 100%);
         }
         }

 <!--
 <!--
  * @Date: 2025-09-01 13:07:52
  * @Date: 2025-09-01 13:07:52
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-09-19 11:04:33
+ * @LastEditTime: 2025-09-19 17:11:29
  * @FilePath: /lls_program/src/pages/FamilyRank/index.vue
  * @FilePath: /lls_program/src/pages/FamilyRank/index.vue
  * @Description: 文件描述
  * @Description: 文件描述
 -->
 -->
@@ -618,7 +618,7 @@ onMounted(async () => {
 
 
       .family-name {
       .family-name {
         color: white;
         color: white;
-        font-size: 24rpx;
+        font-size: 25rpx;
         font-weight: 600;
         font-weight: 600;
         margin-bottom: 8rpx;
         margin-bottom: 8rpx;
         text-align: center;
         text-align: center;