From 748d24b2647f97d6c63f32f53dc61c15c80f850a Mon Sep 17 00:00:00 2001
From: Ap_Tx <3045929398@qq.com>
Date: Sun, 4 Oct 2026 15:06:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=91=A8=E5=B9=B4?=
 =?UTF-8?q?=E5=BA=86=E6=A8=AA=E5=B9=85=E8=A2=AB=E6=A0=87=E9=A2=98=E6=A0=8F?=
 =?UTF-8?q?=E9=81=AE=E6=8C=A1=E4=B8=8E=E8=83=8C=E6=99=AF=E9=81=AE=E5=AD=97?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=EF=BC=8C=E5=8F=91=E5=B8=83=201.0.2-beta3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app-frontend/src/announcements/catalog.ts | 17 +++++++++++++
 .../components/ui/AnniversaryCelebration.vue  | 25 ++++++++++++-------
 2 files changed, 33 insertions(+), 9 deletions(-)

diff --git a/apps/app-frontend/src/announcements/catalog.ts b/apps/app-frontend/src/announcements/catalog.ts
index f45c2ea..136f426 100644
--- a/apps/app-frontend/src/announcements/catalog.ts
+++ b/apps/app-frontend/src/announcements/catalog.ts
@@ -32,6 +32,23 @@ export const ANNOUNCEMENT_CHANGE_TYPES: readonly AnnouncementChangeType[] = [
 ]
 
 export const launcherAnnouncements: readonly LauncherAnnouncement[] = [
+	{
+		id: 'launcher-1.0.2-beta3',
+		version: '1.0.2-beta3',
+		publishedAt: '2026-10-04',
+		title: {
+			'en-US': 'Starlight Launcher 1.0.2-beta3',
+			'zh-CN': 'Starlight Launcher 1.0.2-beta3',
+		},
+		changes: {
+			fixed: [
+				{
+					'en-US': 'Fixed the anniversary celebration banner not showing above the window title bar, and made the banner background semi-transparent so the content behind it stays visible.',
+					'zh-CN': '修复周年庆庆祝横幅被窗口标题栏遮挡、无法显示的问题，并将横幅背景改为半透明，避免遮住下方内容。',
+				},
+			],
+		},
+	},
 	{
 		id: 'launcher-1.0.2-beta2',
 		version: '1.0.2-beta2',
diff --git a/apps/app-frontend/src/components/ui/AnniversaryCelebration.vue b/apps/app-frontend/src/components/ui/AnniversaryCelebration.vue
index b59e8eb..c928159 100644
--- a/apps/app-frontend/src/components/ui/AnniversaryCelebration.vue
+++ b/apps/app-frontend/src/components/ui/AnniversaryCelebration.vue
@@ -154,7 +154,9 @@ const bannerText = computed(() =>
 
 .anniversary-banner {
 	position: absolute;
-	top: 0;
+	/* 避开原生窗口标题栏（Windows/macOS 系统装饰条会盖住 top:0 的内容）；
+	   titlebar-area-height 是 Tauri 暴露的标题栏高度变量，不支持时降级为 0 */
+	top: env(titlebar-area-height, 0px);
 	left: 0;
 	right: 0;
 	display: flex;
@@ -166,19 +168,24 @@ const bannerText = computed(() =>
 	font-size: 0.95rem;
 	letter-spacing: 0.02em;
 	color: #fff;
-	background: linear-gradient(
+	/* 半透明深色兜底：即使下面的渐变背景失效，白字也不会在浅色页面上隐形 */
+	background-color: rgba(20, 16, 28, 0.35);
+	/* 半透明彩色渐变：让窗口下方的内容能透出来 */
+	background-image: linear-gradient(
 		90deg,
-		#f472b6,
-		#facc15,
-		#4ade80,
-		#38bdf8,
-		#a78bfa,
-		#f472b6
+		rgba(244, 114, 182, 0.8),
+		rgba(250, 204, 21, 0.8),
+		rgba(74, 222, 128, 0.8),
+		rgba(56, 189, 248, 0.8),
+		rgba(167, 139, 250, 0.8),
+		rgba(244, 114, 182, 0.8)
 	);
 	background-size: 300% 100%;
 	animation: anniversary-gradient 8s linear infinite;
 	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
-	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
+	text-shadow:
+		0 1px 2px rgba(0, 0, 0, 0.55),
+		0 0 4px rgba(0, 0, 0, 0.35);
 }
 
 .anniversary-banner-text {