diff --git a/src/oj/ai/analysis.vue b/src/oj/ai/analysis.vue
index 4eee1c7..d760501 100644
--- a/src/oj/ai/analysis.vue
+++ b/src/oj/ai/analysis.vue
@@ -109,6 +109,9 @@ function onUsernameChange() {
 
 onMounted(() => {
   aiStore.fetchHeatmapData()
+  if (!aiStore.targetUsername) {
+    aiStore.fetchPinnedReport()
+  }
 })
 
 watch(
diff --git a/src/oj/ai/components/AI.vue b/src/oj/ai/components/AI.vue
index 46c5686..bc64e4f 100644
--- a/src/oj/ai/components/AI.vue
+++ b/src/oj/ai/components/AI.vue
@@ -10,7 +10,7 @@
         <template v-if="aiStore.pinnedReport">
           <MdPreview :model-value="aiStore.pinnedReport.analysis" />
         </template>
-        <template v-else>
+        <template v-else-if="!aiStore.loading.pinned">
           <n-button
             v-if="!aiStore.mdContent && !aiStore.loading.ai"
             type="primary"
@@ -43,12 +43,6 @@ async function handleAnalyze() {
   }
   await aiStore.fetchAIAnalysis()
 }
-
-onMounted(async () => {
-  if (!aiStore.targetUsername) {
-    await aiStore.fetchPinnedReport()
-  }
-})
 </script>
 <style scoped>
 .cool-title {
diff --git a/src/oj/store/ai.ts b/src/oj/store/ai.ts
index a17989d..aaada84 100644
--- a/src/oj/store/ai.ts
+++ b/src/oj/store/ai.ts
@@ -24,6 +24,7 @@ export const useAIStore = defineStore("ai", () => {
     fetching: false, // 合并 details 和 duration 的 loading
     ai: false,
     heatmap: false,
+    pinned: true,
   })
 
   const mdContent = ref("")
@@ -158,8 +159,13 @@ export const useAIStore = defineStore("ai", () => {
   }
 
   async function fetchPinnedReport() {
-    const res = await getAIPinnedReport()
-    pinnedReport.value = res.data
+    loading.pinned = true
+    try {
+      const res = await getAIPinnedReport()
+      pinnedReport.value = res.data
+    } finally {
+      loading.pinned = false
+    }
   }
 
   return {