diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index 811870e..bc43254 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -63,7 +63,7 @@ import { openUrl } from '@tauri-apps/plugin-opener'
 import { type as getOsType } from '@tauri-apps/plugin-os'
 import { saveWindowState, StateFlags } from '@tauri-apps/plugin-window-state'
 import { hideAllPoppers } from 'floating-vue'
-import { computed, onMounted, onUnmounted, provide, ref, watch } from 'vue'
+import { computed, nextTick, onMounted, onUnmounted, provide, ref, watch } from 'vue'
 import { type RouteLocationNormalizedLoaded, RouterView, useRoute, useRouter } from 'vue-router'
 
 import InstancePlayerModal from '@/components/instance/InstancePlayerModal.vue'
@@ -1271,6 +1271,7 @@ provide(
 )
 provide('previewMinecraftCrashModal', () => minecraftCrashModal.value?.showPreview())
 provide('showLauncherPopup', (_request: unknown) => {})
+provide('showStartupAnnouncement', () => startupAnnouncementModal.value?.show())
 
 const stateFailed = ref(false)
 stateInitialization
@@ -1544,13 +1545,27 @@ const startupAnnouncementModal = ref<InstanceType<typeof StartupAnnouncementModa
 const STARTUP_ANNOUNCEMENT_KEY = 'starlight-startup-announcement-seen-v1'
 
 function maybeShowStartupAnnouncement() {
+	let alreadySeen = false
+	try {
+		alreadySeen = localStorage.getItem(STARTUP_ANNOUNCEMENT_KEY) !== null
+	} catch (error) {
+		console.warn('Failed to read startup announcement flag', error)
+	}
+	if (alreadySeen) return
+
+	const modal = startupAnnouncementModal.value
+	if (!modal) {
+		// The modal component has not mounted yet; try again on the next tick.
+		void nextTick(maybeShowStartupAnnouncement)
+		return
+	}
+
+	modal.show()
 	try {
-		if (localStorage.getItem(STARTUP_ANNOUNCEMENT_KEY)) return
 		localStorage.setItem(STARTUP_ANNOUNCEMENT_KEY, '1')
 	} catch (error) {
-		console.warn('Failed to read/write startup announcement flag', error)
+		console.warn('Failed to write startup announcement flag', error)
 	}
-	startupAnnouncementModal.value?.show()
 }
 
 // ── Drop import system ──────────────────────────────────────────────────
diff --git a/apps/app-frontend/src/components/home/HomeAnnouncementEntry.vue b/apps/app-frontend/src/components/home/HomeAnnouncementEntry.vue
new file mode 100644
index 0000000..4542acd
--- /dev/null
+++ b/apps/app-frontend/src/components/home/HomeAnnouncementEntry.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { NewspaperIcon, RightArrowIcon } from '@modrinth/assets'
+import { inject } from 'vue'
+
+const showAnnouncement = inject<(() => void) | undefined>('showStartupAnnouncement')
+
+function open() {
+	showAnnouncement?.()
+}
+</script>
+
+<template>
+	<section
+		class="flex min-w-0 flex-col gap-3 border-0 border-b-[1px] border-solid border-[--brand-gradient-border] p-4"
+	>
+		<button
+			type="button"
+			class="group flex w-full cursor-pointer flex-col gap-2 border-0 bg-transparent p-0 text-left"
+			@click="open"
+		>
+			<div class="flex items-center gap-2">
+				<NewspaperIcon class="size-4 shrink-0 text-secondary" aria-hidden="true" />
+				<h2 class="m-0 truncate text-lg">公告</h2>
+				<RightArrowIcon
+					class="ml-auto size-4 shrink-0 text-secondary transition-transform group-hover:translate-x-0.5"
+					aria-hidden="true"
+				/>
+			</div>
+			<p class="m-0 text-sm leading-relaxed text-secondary">点击查看最新公告</p>
+		</button>
+	</section>
+</template>
\ No newline at end of file
diff --git a/apps/app-frontend/src/components/ui/StartupAnnouncementModal.vue b/apps/app-frontend/src/components/ui/StartupAnnouncementModal.vue
index fafad29..8f08924 100644
--- a/apps/app-frontend/src/components/ui/StartupAnnouncementModal.vue
+++ b/apps/app-frontend/src/components/ui/StartupAnnouncementModal.vue
@@ -30,6 +30,8 @@ function hide() {
 function openLink(url: string) {
 	void openUrl(url)
 }
+
+defineExpose({ show })
 </script>
 
 <template>
diff --git a/apps/app-frontend/src/pages/Index.vue b/apps/app-frontend/src/pages/Index.vue
index deb7c00..1e8dc91 100644
--- a/apps/app-frontend/src/pages/Index.vue
+++ b/apps/app-frontend/src/pages/Index.vue
@@ -10,7 +10,7 @@ import { computed, onUnmounted, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
 import { getActivePlayerName } from '@/components/home/home-utils'
-import HomeDailyChallenge from '@/components/home/HomeDailyChallenge.vue'
+import HomeAnnouncementEntry from '@/components/home/HomeAnnouncementEntry.vue'
 import HomeInstancePickerModal from '@/components/home/HomeInstancePickerModal.vue'
 import HomeLaunchProgress from '@/components/home/HomeLaunchProgress.vue'
 import HomeMinecraftNews from '@/components/home/HomeMinecraftNews.vue'
@@ -202,7 +202,7 @@ onUnmounted(() => {
 		>
 			<HomeLaunchProgress />
 			<HomePlayInsights />
-			<HomeDailyChallenge />
+			<HomeAnnouncementEntry />
 			<HomeMinecraftNews />
 		</div>
 	</Teleport>