diff --git a/components/TopicCard/TopicCard.vue b/components/TopicCard/TopicCard.vue
index 3a673d2..8724813 100644
--- a/components/TopicCard/TopicCard.vue
+++ b/components/TopicCard/TopicCard.vue
@@ -38,7 +38,7 @@
     
     <!-- AI 总结 -->
     <view class="ai-summary" v-if="topic.aiSummary">
-      <text class="ai-icon icon-robot"></text>
+      <image class="ai-icon ai-icon-img" src="/static/images/icon/robot.png" mode="aspectFit"></image>
       <view class="summary-text">
         <text class="summary-label">AI总结：</text>
         <text class="summary-content">{{ topic.aiSummary }}</text>
@@ -127,14 +127,6 @@ const handleItemTap = (itemId) => {
   flex-shrink: 0;
 }
 
-.icon-group {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999999'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");
-}
-
-.icon-fire {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff4d4f'%3E%3Cpath d='M19.48 13.03c-.02-.19-.13-.36-.29-.46-.17-.11-.38-.13-.56-.05-.98.42-2.12.3-2.92-.31-1.07-.81-1.55-2.22-1.28-3.75.12-.66.1-1.32-.06-1.97-.24-.95-1.1-1.6-2.09-1.58-1 .02-1.83.74-2 1.72-.25 1.55-.95 2.94-2 4.02-1.38 1.41-2.05 3.39-1.85 5.4.2 2.05 1.42 3.86 3.25 4.82 1.37.72 2.94 1.01 4.5.83 2.74-.32 5.06-2.28 5.86-4.95.23-.75.29-1.52.19-2.28-.06-.5-.21-.99-.41-1.45l-.34-.99zm-4.98 6.47c-1.37 0-2.5-1.13-2.5-2.5s1.13-2.5 2.5-2.5 2.5 1.13 2.5 2.5-1.13 2.5-2.5 2.5z'/%3E%3C/svg%3E");
-}
-
 .rank-list {
   margin-bottom: 24rpx;
   background-color: #fcfcfd;
@@ -226,7 +218,10 @@ const handleItemTap = (itemId) => {
   margin-right: 12rpx;
   margin-top: 4rpx;
   flex-shrink: 0;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237b46f1'%3E%3Cpath d='M12 2a2 2 0 0 1 2 2c0 .74-.4 1.39-1 1.73V7h5a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h5V5.73A2 2 0 0 1 10 4a2 2 0 0 1 2-2zm-3 8a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm6 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E");
+}
+
+.ai-icon-img {
+  display: block;
 }
 
 .summary-text {
diff --git a/pages/rating/detail.vue b/pages/rating/detail.vue
index f265de4..823d18a 100644
--- a/pages/rating/detail.vue
+++ b/pages/rating/detail.vue
@@ -27,7 +27,10 @@
           </view>
           <view class="hero-meta">
             <text class="meta-rank">🥇 No.1</text>
-            <text class="meta-heat">🔥 {{ detailData.hotScore }}w 热度</text>
+            <view class="meta-heat">
+              <image class="meta-icon" src="/static/images/icon/fire.png" mode="aspectFit"></image>
+              <text>{{ detailData.hotScore }}w 热度</text>
+            </view>
             <text class="meta-count" style="margin-left: 20rpx; color: #999;">{{ detailData.ratingCount }} 人评分</text>
           </view>
         </view>
@@ -36,7 +39,7 @@
       <!-- AI 观察员 -->
       <view class="ai-card">
         <view class="ai-header">
-          <text class="ai-icon"></text>
+          <image class="ai-icon ai-icon-img" src="/static/images/icon/robot.png" mode="aspectFit"></image>
           <text class="ai-title">AI观察员</text>
         </view>
         <text class="ai-content">{{ detailData.aiSummary }}</text>
@@ -541,9 +544,18 @@ onReachBottom(() => {
 }
 
 .meta-heat {
+  display: flex;
+  align-items: center;
   color: #666;
 }
 
+.meta-icon {
+  width: 24rpx;
+  height: 24rpx;
+  margin-right: 8rpx;
+  flex-shrink: 0;
+}
+
 /* AI 观察员 */
 .ai-card {
   background: #ffffff;
@@ -562,11 +574,13 @@ onReachBottom(() => {
 .ai-icon {
   width: 36rpx;
   height: 36rpx;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237B46F1'%3E%3Cpath d='M12 2a2 2 0 0 1 2 2c0 .74-.4 1.39-1 1.73V7h5a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h5V5.73A2 2 0 0 1 10 4a2 2 0 0 1 2-2zm-3 8a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm6 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E");
-  background-size: cover;
   margin-right: 12rpx;
 }
 
+.ai-icon-img {
+  display: block;
+}
+
 .ai-title {
   font-size: 28rpx;
   font-weight: 800;
diff --git a/pages/rating/index.vue b/pages/rating/index.vue
index d3dca0e..537c653 100644
--- a/pages/rating/index.vue
+++ b/pages/rating/index.vue
@@ -21,16 +21,17 @@
       <view class="topic-header">
         <text class="topic-title">{{ topicData.title }}</text>
         <view class="topic-stats">
-          <text class="stat-icon fire-icon"></text>
+          <image class="stat-icon stat-icon-img" src="/static/images/icon/fire.png" mode="aspectFit"></image>
           <text class="stat-text">热度 {{ topicData.hotScore }} w</text>
-          <text class="stat-text margin-left">{{ topicData.participantCount }}人参与</text>
+          <image class="stat-icon stat-icon-img stat-icon-gap" src="/static/images/icon/group.png" mode="aspectFit"></image>
+          <text class="stat-text stat-text-participant">{{ topicData.participantCount }}人参与</text>
         </view>
       </view>
 
       <!-- AI 实时观察 -->
       <view class="ai-observe">
         <view class="ai-header">
-          <text class="ai-icon"></text>
+          <image class="ai-icon ai-icon-img" src="/static/images/icon/robot.png" mode="aspectFit"></image>
           <text class="ai-title">AI 实时观察</text>
         </view>
         <text class="ai-content">{{ topicData.aiSummary }}</text>
@@ -521,12 +522,15 @@ onReachBottom(() => {
   align-items: center;
 }
 
-.stat-icon.fire-icon {
+.stat-icon {
   width: 26rpx;
   height: 26rpx;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff4d4f'%3E%3Cpath d='M19.48 13.03c-.02-.19-.13-.36-.29-.46-.17-.11-.38-.13-.56-.05-.98.42-2.12.3-2.92-.31-1.07-.81-1.55-2.22-1.28-3.75.12-.66.1-1.32-.06-1.97-.24-.95-1.1-1.6-2.09-1.58-1 .02-1.83.74-2 1.72-.25 1.55-.95 2.94-2 4.02-1.38 1.41-2.05 3.39-1.85 5.4.2 2.05 1.42 3.86 3.25 4.82 1.37.72 2.94 1.01 4.5.83 2.74-.32 5.06-2.28 5.86-4.95.23-.75.29-1.52.19-2.28-.06-.5-.21-.99-.41-1.45l-.34-.99zm-4.98 6.47c-1.37 0-2.5-1.13-2.5-2.5s1.13-2.5 2.5-2.5 2.5 1.13 2.5 2.5-1.13 2.5-2.5 2.5z'/%3E%3C/svg%3E");
-  background-size: cover;
   margin-right: 12rpx;
+  flex-shrink: 0;
+}
+
+.stat-icon-gap {
+  margin-left: 32rpx;
 }
 
 .stat-text {
@@ -535,8 +539,7 @@ onReachBottom(() => {
   font-weight: 500;
 }
 
-.stat-text.margin-left {
-  margin-left: 32rpx;
+.stat-text-participant {
   color: #555;
   font-weight: normal;
 }
@@ -560,11 +563,13 @@ onReachBottom(() => {
 .ai-icon {
   width: 32rpx;
   height: 32rpx;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234d44f1'%3E%3Cpath d='M12 2l2.4 5.6L20 10l-5.6 2.4L12 18l-2.4-5.6L4 10l5.6-2.4L12 2zm0 0'/%3E%3C/svg%3E");
-  background-size: cover;
   margin-right: 12rpx;
 }
 
+.ai-icon-img {
+  display: block;
+}
+
 .ai-title {
   font-size: 28rpx;
   font-weight: bold;
diff --git a/static/images/icon/robot.png b/static/images/icon/robot.png
new file mode 100644
index 0000000..5ec903f
Binary files /dev/null and b/static/images/icon/robot.png differ