diff --git a/components/TopicCard/TopicCard.vue b/components/TopicCard/TopicCard.vue
index 74d1db8..ba1eaed 100644
--- a/components/TopicCard/TopicCard.vue
+++ b/components/TopicCard/TopicCard.vue
@@ -49,7 +49,7 @@
 </template>
 
 <script setup>
-import { FILE_BASE_URL } from "@/utils/common.js";
+import { FILE_BASE_URL } from "@/utils/constants";
 
 const props = defineProps({
   topic: {
diff --git a/pages/rating/index.vue b/pages/rating/index.vue
index 1374143..2cf1a51 100644
--- a/pages/rating/index.vue
+++ b/pages/rating/index.vue
@@ -37,38 +37,38 @@
       </view>
 
       <!-- 领奖台 (Top 3) -->
-      <view class="podium-section">
+      <view class="podium-section" v-if="ratingItems && ratingItems.length >= 3">
         <!-- 第二名 -->
         <view class="podium-item rank-2">
           <view class="avatar-wrap">
-            <image class="avatar" :src="topicData.top3[1].avatar" mode="aspectFill" />
+            <image class="avatar" :src="FILE_BASE_URL + ratingItems[1].avatarUrl" mode="aspectFill" />
             <text class="rank-badge badge-2">2</text>
           </view>
           <view class="info-box box-2">
-            <text class="name">{{ topicData.top3[1].name }}</text>
-            <text class="score">分数 {{ topicData.top3[1].score }}</text>
+            <text class="name">{{ ratingItems[1].name }}</text>
+            <text class="score">分数 {{ ratingItems[1].score }}</text>
           </view>
         </view>
         <!-- 第一名 -->
         <view class="podium-item rank-1">
           <view class="avatar-wrap">
-            <image class="avatar avatar-1" :src="topicData.top3[0].avatar" mode="aspectFill" />
+            <image class="avatar avatar-1" :src="FILE_BASE_URL + ratingItems[0].avatarUrl" mode="aspectFill" />
             <text class="rank-badge badge-1">1</text>
           </view>
           <view class="info-box box-1">
-            <text class="name name-1">{{ topicData.top3[0].name }}</text>
-            <text class="score score-1">分数 {{ topicData.top3[0].score }}</text>
+            <text class="name name-1">{{ ratingItems[0].name }}</text>
+            <text class="score score-1">分数 {{ ratingItems[0].score }}</text>
           </view>
         </view>
         <!-- 第三名 -->
         <view class="podium-item rank-3">
           <view class="avatar-wrap">
-            <image class="avatar" :src="topicData.top3[2].avatar" mode="aspectFill" />
+            <image class="avatar" :src="FILE_BASE_URL + ratingItems[2].avatarUrl" mode="aspectFill" />
             <text class="rank-badge badge-3">3</text>
           </view>
           <view class="info-box box-3">
-            <text class="name">{{ topicData.top3[2].name }}</text>
-            <text class="score">分数 {{ topicData.top3[2].score }}</text>
+            <text class="name">{{ ratingItems[2].name }}</text>
+            <text class="score">分数 {{ ratingItems[2].score }}</text>
           </view>
         </view>
       </view>
@@ -82,7 +82,7 @@
             @tap="goToDetail(item.id)"
           >
             <view class="card-header">
-              <image class="item-avatar" :src="item.avatar" mode="aspectFill" />
+              <image class="item-avatar" :src="FILE_BASE_URL + item.avatarUrl" mode="aspectFill" />
               <text class="item-name">{{ item.name }}</text>
               <view class="rank-tag" v-if="item.rank <= 3">NO.{{ item.rank }}</view>
               <view class="flex-spacer"></view>
@@ -179,12 +179,16 @@
 import { ref } from 'vue';
 import { getStatusBarHeight } from "@/utils/system";
 import { onPullDownRefresh, onReachBottom, onLoad } from "@dcloudio/uni-app";
+import { fetchTopicDetail, fetchTopicRatingItems } from "@/api/topic";
+import { FILE_BASE_URL } from "@/utils/constants";
 
 // 状态栏高度处理
 const statusBarHeight = ref(getStatusBarHeight() || 44);
 
 const loading = ref(false);
 const hasMore = ref(true);
+const currentPage = ref(1);
+const currentTopicId = ref(null);
 
 const goBack = () => {
   uni.navigateBack({
@@ -192,19 +196,28 @@ const goBack = () => {
   });
 };
 
-// 模拟页面数据
 const topicData = ref({
-  title: '你心中的千古一帝',
-  heat: '98.2w',
-  participants: '23万',
-  aiSummary: '当前讨论聚焦于"开疆拓土"与"民生治理"的权重对比。唐太宗凭借高频的"六合一统"评价暂时领跑，而秦始皇的"制度基石"标签正在快速攀升。',
-  top3: [
-    { id: 1, name: '李世民', score: '9.8', avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=11' },
-    { id: 2, name: '秦始皇', score: '9.5', avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=12' },
-    { id: 3, name: '康熙', score: '9.2', avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=13' }
-  ]
+  title: '',
+  heat: '0',
+  participants: '0',
+  aiSummary: ''
 });
 
+const loadDetail = async (topicId) => {
+  try {
+    const res = await fetchTopicDetail(topicId);
+    const data = res?.data || res || {};
+    topicData.value = {
+      title: data.title || '',
+      heat: data.heat || '0',
+      participants: data.participants || '0',
+      aiSummary: data.aiSummary || '暂无总结'
+    };
+  } catch (e) {
+    console.error("获取主题详情失败:", e);
+  }
+};
+
 const showAddPopup = ref(false);
 const newItem = ref({
   name: '',
@@ -254,28 +267,34 @@ const actions = [
   { label: '封神', value: 'god', emoji: '👑' }
 ];
 
-const mockRatingItems = [
-  {
-    id: 1,
-    rank: 1,
-    name: '李世民',
-    avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=11',
-    score: '9.8',
-    quote: '六合一统，文治武功，除了儿子不行没毛病。',
-    userAction: 'god'
-  },
-  {
-    id: 2,
-    rank: 2,
-    name: '秦始皇',
-    avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=12',
-    score: '9.5',
-    quote: '两千年来，我们都还在用他设计的制度版本。',
-    userAction: ''
-  }
-];
+const ratingItems = ref([]);
 
-const ratingItems = ref([...mockRatingItems]);
+const loadItems = async (topicId, page = 1) => {
+  if (page === 1) {
+    ratingItems.value = [];
+  }
+  try {
+    loading.value = true;
+    const res = await fetchTopicRatingItems(topicId, page);
+    const list = res?.data?.records || res?.records || res?.list || [];
+    
+    ratingItems.value = [...ratingItems.value, ...list];
+    hasMore.value = list.length >= 10; // 假设 pageSize 是 10
+  } catch (error) {
+    console.error("获取评分项列表失败:", error);
+    hasMore.value = false;
+  } finally {
+    loading.value = false;
+  }
+};
+
+onLoad((options) => {
+  if (options.topicId) {
+    currentTopicId.value = options.topicId;
+    loadDetail(options.topicId);
+    loadItems(options.topicId, 1);
+  }
+});
 
 const mockComments = [
   {
@@ -307,11 +326,18 @@ const goToDetail = (itemId) => {
 };
 
 // 下拉刷新
-onPullDownRefresh(() => {
-  setTimeout(() => {
-    ratingItems.value = [...mockRatingItems];
-    comments.value = [...mockComments];
+onPullDownRefresh(async () => {
+  if (currentTopicId.value) {
+    currentPage.value = 1;
     hasMore.value = true;
+    await Promise.all([
+      loadDetail(currentTopicId.value),
+      loadItems(currentTopicId.value, currentPage.value)
+    ]);
+  }
+  // 模拟评论刷新（此处未接接口，暂时保留原有模拟刷新逻辑，去掉 mockRatingItems 的重置）
+  setTimeout(() => {
+    comments.value = [...mockComments];
     uni.stopPullDownRefresh();
   }, 1000);
 });
@@ -319,14 +345,15 @@ onPullDownRefresh(() => {
 // 上拉加载更多
 onReachBottom(() => {
   if (!hasMore.value || loading.value) return;
-  loading.value = true;
+  if (currentTopicId.value) {
+    currentPage.value += 1;
+    loadItems(currentTopicId.value, currentPage.value);
+  }
+  
+  // 原有的评论模拟加载（根据需要决定是否保留）
   setTimeout(() => {
     const moreComments = mockComments.map(c => ({...c, id: c.id + comments.value.length}));
     comments.value.push(...moreComments);
-    loading.value = false;
-    if (comments.value.length >= 10) {
-      hasMore.value = false;
-    }
   }, 1000);
 });
 </script>
diff --git a/pages/release/index.vue b/pages/release/index.vue
index d44b29f..4e7a1de 100644
--- a/pages/release/index.vue
+++ b/pages/release/index.vue
@@ -164,9 +164,9 @@ import { releaseTopic, fetchTopicCategories } from "@/api/topic";
 import { smartNavigateBack } from "@/utils/page";
 import {
   uploadImage,
-  FILE_BASE_URL,
   chooseAndUploadImage,
 } from "@/utils/common.js";
+import { FILE_BASE_URL } from "@/utils/constants";
 
 const statusBarHeight = ref(getStatusBarHeight() || 0);
 
diff --git a/utils/common.js b/utils/common.js
index cb8f8e4..0a6cfc5 100644
--- a/utils/common.js
+++ b/utils/common.js
@@ -6,8 +6,6 @@ import {
   createTracking,
 } from "@/api/system";
 
-export const FILE_BASE_URL = "https://file.lihailezzc.com/";
-
 export const generateObjectId = (
   m = Math,
   d = Date,
diff --git a/utils/constants.js b/utils/constants.js
new file mode 100644
index 0000000..196dd8a
--- /dev/null
+++ b/utils/constants.js
@@ -0,0 +1 @@
+export const FILE_BASE_URL = "https://file.lihailezzc.com/";
\ No newline at end of file