feat(排行榜): 替换emoji皇冠为图片并调整滤镜效果

将排行榜中的emoji皇冠替换为金银铜三种图片，同时调整了银铜皇冠的滤镜效果使其更自然

 <!--
  * @Date: 2025-01-09 00:00:00
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-09-11 21:35:04
+ * @LastEditTime: 2025-09-15 16:00:12
  * @FilePath: /lls_program/src/components/RankingCard.vue
  * @Description: 排行榜卡片组件
 -->
@@ -45,7 +45,9 @@
       <view class="top-three">
         <!-- 第二名 -->
         <view v-if="topRanks[1]" class="rank-item second">
-          <view class="crown crown-silver">👑</view>
+          <view class="crown">
+            <image src="https://cdn.ipadbiz.cn/lls_prog/images/crow-silver.png" class="w-5 h-5" mode="aspectFill" />
+          </view>
           <view class="avatar">
             <image :src="topRanks[1]?.avatar_url || defaultAvatar" class="avatar-img" mode="aspectFill" />
           </view>
@@ -59,7 +61,9 @@
 
         <!-- 第一名 -->
         <view v-if="topRanks[0]" class="rank-item first">
-          <view class="crown crown-gold">👑</view>
+          <view class="crown">
+            <image src="https://cdn.ipadbiz.cn/lls_prog/images/crow-gold.png" class="w-5 h-5" mode="aspectFill" />
+          </view>
           <view class="avatar">
             <image :src="topRanks[0]?.avatar_url || defaultAvatar" class="avatar-img" mode="aspectFill" />
           </view>
@@ -73,7 +77,9 @@
 
         <!-- 第三名 -->
         <view v-if="topRanks[2]" class="rank-item third">
-          <view class="crown crown-bronze">👑</view>
+          <view class="crown">
+            <image src="https://cdn.ipadbiz.cn/lls_prog/images/crow-bronze.png" class="w-5 h-5" mode="aspectFill" />
+          </view>
           <view class="avatar">
             <image :src="topRanks[2]?.avatar_url || defaultAvatar" class="avatar-img" mode="aspectFill" />
           </view>
@@ -484,11 +490,11 @@ defineExpose({
         }
 
         &.crown-silver {
-          filter: hue-rotate(45deg) brightness(1.2);
+          filter: hue-rotate(20deg) brightness(1.2);
         }
 
         &.crown-bronze {
-          filter: hue-rotate(25deg) brightness(0.9);
+          filter: hue-rotate(10deg) brightness(0.9);
         }
       }
 

 <!--
  * @Date: 2025-09-01 13:07:52
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-09-15 15:10:07
+ * @LastEditTime: 2025-09-15 15:59:31
  * @FilePath: /lls_program/src/pages/FamilyRank/index.vue
  * @Description: 文件描述
 -->
@@ -47,7 +47,10 @@
       <view v-if="!loading && topThreeData.length > 0" class="top-three">
         <!-- 第二名 -->
         <view v-if="topThreeData[1]" class="rank-item second">
-          <view class="crown crown-silver">👑</view>
+          <!-- <view class="crown crown-silver">👑</view> -->
+          <view class="crown">
+            <image src="https://cdn.ipadbiz.cn/lls_prog/images/crow-silver.png" class="w-5 h-5" mode="aspectFill" />
+          </view>
           <view class="avatar">
             <image :src="topThreeData[1]?.avatar_url || defaultAvatar" class="avatar-img" mode="aspectFill" />
           </view>
@@ -61,7 +64,9 @@
 
         <!-- 第一名 -->
         <view v-if="topThreeData[0]" class="rank-item first">
-          <view class="crown crown-gold">👑</view>
+          <view class="crown">
+            <image src="https://cdn.ipadbiz.cn/lls_prog/images/crow-gold.png" class="w-5 h-5" mode="aspectFill" />
+          </view>
           <view class="avatar">
             <image :src="topThreeData[0]?.avatar_url || defaultAvatar" class="avatar-img" mode="aspectFill" />
           </view>
@@ -75,7 +80,9 @@
 
         <!-- 第三名 -->
         <view v-if="topThreeData[2]" class="rank-item third">
-          <view class="crown crown-bronze">👑</view>
+          <view class="crown">
+            <image src="https://cdn.ipadbiz.cn/lls_prog/images/crow-bronze.png" class="w-5 h-5" mode="aspectFill" />
+          </view>
           <view class="avatar">
             <image :src="topThreeData[2]?.avatar_url || defaultAvatar" class="avatar-img" mode="aspectFill" />
           </view>
@@ -479,11 +486,11 @@ onMounted(async () => {
         }
 
         &.crown-silver {
-          filter: hue-rotate(45deg) brightness(1.2);
+          filter: hue-rotate(20deg) brightness(1.2);
         }
 
         &.crown-bronze {
-          filter: hue-rotate(25deg) brightness(0.9);
+          filter: hue-rotate(10deg) brightness(0.9);
         }
       }