diff --git a/frontend/src/features/announcement/api/announcements.ts b/frontend/src/features/announcement/api/announcements.ts
index 3435271..b4fde3a 100644
--- a/frontend/src/features/announcement/api/announcements.ts
+++ b/frontend/src/features/announcement/api/announcements.ts
@@ -1,4 +1,5 @@
-import { apiRequest } from '@/utils/apiRequest'
+import { apiClient } from '@/shared/api/client'
+import type { ApiResponse } from '@/shared/types/types'
 
 export interface Announcement {
   id: number
@@ -29,14 +30,11 @@ export interface PaginatedResult<T> {
 }
 
 export async function fetchAnnouncements(params: AnnouncementListParams = {}): Promise<PaginatedResult<Announcement>> {
-  return apiRequest<PaginatedResult<Announcement>>('/api/announcements', {
-    method: 'GET',
-    params,
-  })
+  const { data } = await apiClient.get<ApiResponse<PaginatedResult<Announcement>>>('/announcements', { params })
+  return data.data
 }
 
 export async function fetchAnnouncementDetail(id: number): Promise<Announcement> {
-  return apiRequest<Announcement>(`/api/announcements/${id}`, {
-    method: 'GET',
-  })
+  const { data } = await apiClient.get<ApiResponse<Announcement>>(`/announcements/${id}`)
+  return data.data
 }
diff --git a/frontend/src/features/announcement/views/AnnouncementDetailView.vue b/frontend/src/features/announcement/views/AnnouncementDetailView.vue
index 4139cae..d6439c5 100644
--- a/frontend/src/features/announcement/views/AnnouncementDetailView.vue
+++ b/frontend/src/features/announcement/views/AnnouncementDetailView.vue
@@ -68,11 +68,11 @@ function getCategoryLabel(category: string) {
           size="small"
           class="category-tag"
           :style="{
-            borderColor: getCategoryInfo(announcement.category).color,
-            color: getCategoryInfo(announcement.category).color
+            borderColor: getCategoryInfo(announcement.category)?.color || '#94a3b8',
+            color: getCategoryInfo(announcement.category)?.color || '#94a3b8'
           }"
         >
-          <el-icon><component :is="getCategoryInfo(announcement.category).icon" /></el-icon>
+          <el-icon><component :is="getCategoryInfo(announcement.category)?.icon || Bell" /></el-icon>
           {{ getCategoryLabel(announcement.category) }}
         </el-tag>
         <el-tag v-if="announcement.is_pinned" type="warning" effect="plain" size="small">置顶</el-tag>
diff --git a/frontend/src/features/announcement/views/AnnouncementsView.vue b/frontend/src/features/announcement/views/AnnouncementsView.vue
index 32d6bd6..d6196f4 100644
--- a/frontend/src/features/announcement/views/AnnouncementsView.vue
+++ b/frontend/src/features/announcement/views/AnnouncementsView.vue
@@ -110,13 +110,13 @@ function getCategoryLabel(category: string) {
         <div class="announcement-header">
           <div class="announcement-meta">
             <el-tag
-              :type="getCategoryInfo(item.category).value === 'notice' ? 'primary' : 'info'"
+              :type="getCategoryInfo(item.category)?.value === 'notice' ? 'primary' : 'info'"
               effect="plain"
               size="small"
               class="category-tag"
-              :style="{ borderColor: getCategoryInfo(item.category).color, color: getCategoryInfo(item.category).color }"
+              :style="{ borderColor: getCategoryInfo(item.category)?.color || '#94a3b8', color: getCategoryInfo(item.category)?.color || '#94a3b8' }"
             >
-              <el-icon><component :is="getCategoryInfo(item.category).icon" /></el-icon>
+              <el-icon><component :is="getCategoryInfo(item.category)?.icon || Bell" /></el-icon>
               {{ getCategoryLabel(item.category) }}
             </el-tag>
             <el-tag v-if="item.is_pinned" type="warning" effect="plain" size="small">置顶</el-tag>