fix: 优化移动端背景图显示并更新通知内容

- 为移动端浏览器添加 will-change 和 transform 属性，防止动态 URL 栏导致的背景跳动
- 在站点通知中添加关于背景图缩放问题的反馈提示

src/config.ts

@@ -14,7 +14,7 @@ import { LinkPreset } from "./types/config";
 export const noticeConfig: NoticeConfig = {
     enable: true,
     level: "warning",
-    content: "请注意，该博客对于每篇文章都是有评论区的，在确保你的网络可以访问 giscus.app 的情况下，如果你看不到或者必须手动刷新后才能看见，请反馈。",
+    content: "请注意，该博客对于每篇文章都是有评论区的，在确保你的网络可以访问 giscus.app 的情况下，如果你看不到或者必须手动刷新后才能看见，请反馈。<br>另外，如果你遇到了背景图被缩放的Bug，也请反馈。",
 };
 
 export const siteConfig: SiteConfig = {

src/layouts/Layout.astro

@@ -218,6 +218,9 @@ const bannerOffset =
 				pointer-events: none;
 				z-index: -1;
 				transition: opacity 0.3s ease-in-out;
+                /* Prevent background jump on mobile browsers with dynamic URL bars */
+                will-change: transform;
+                transform: translateZ(0);
 			}
 			
 			#bg-box.loaded {