diff --git a/Web/index.html b/Web/index.html
index b6e5d01..9af539e 100644
--- a/Web/index.html
+++ b/Web/index.html
@@ -10,7 +10,7 @@
     
     <!-- iOS Safari -->
     <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta name="apple-mobile-web-app-status-bar-style" content="default">
     <meta name="apple-mobile-web-app-title" content="账单管理">
     <link rel="apple-touch-icon" href="/icons/icon-152x152.svg">
     <link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.svg">
@@ -24,10 +24,11 @@
     
     <!-- Android Chrome -->
     <meta name="mobile-web-app-capable" content="yes">
-    <meta name="theme-color" content="#1989fa">
+    <meta name="theme-color" content="#FFFFFF" media="(prefers-color-scheme: light)">
+    <meta name="theme-color" content="#09090B" media="(prefers-color-scheme: dark)">
     
     <!-- Microsoft -->
-    <meta name="msapplication-TileColor" content="#1989fa">
+    <meta name="msapplication-TileColor" content="#FFFFFF">
     <meta name="msapplication-TileImage" content="/icons/icon-144x144.png">
     
     <meta name="description" content="个人账单管理与邮件解析系统">
diff --git a/Web/public/manifest.json b/Web/public/manifest.json
index 753bf19..8786e1f 100644
--- a/Web/public/manifest.json
+++ b/Web/public/manifest.json
@@ -1,11 +1,11 @@
-{
+{
   "name": "账单",
   "short_name": "账单",
   "description": "个人账单管理与邮件解析",
   "start_url": "/",
   "display": "standalone",
   "background_color": "#ffffff",
-  "theme_color": "#1989fa",
+  "theme_color": "#ffffff",
   "orientation": "portrait-primary",
   "icons": [
     {
diff --git a/Web/src/views/CalendarV2.vue b/Web/src/views/CalendarV2.vue
index 265b2bc..3496d8c 100644
--- a/Web/src/views/CalendarV2.vue
+++ b/Web/src/views/CalendarV2.vue
@@ -554,6 +554,9 @@ onBeforeUnmount(() => {
   background-color: var(--bg-primary);
   font-family: var(--font-primary);
   color: var(--text-primary);
+  /* 确保背景延伸到顶部 safe area */
+  margin-top: calc(-1 * max(0px, calc(env(safe-area-inset-top, 0px) * 0.75)));
+  padding-top: max(0px, calc(env(safe-area-inset-top, 0px) * 0.75));
 }
 
 /* ========== 头部 ========== */
@@ -837,6 +840,7 @@ onBeforeUnmount(() => {
   display: flex;
   align-items: center;
   gap: 14px;
+  margin-top: 10px;
   padding: var(--spacing-xl);
   background-color: var(--bg-secondary);
   border-radius: var(--radius-md);
@@ -889,7 +893,7 @@ onBeforeUnmount(() => {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  min-height: 240px;
+  min-height: 200px;
   padding: var(--spacing-4xl) var(--spacing-2xl);
   gap: var(--spacing-md);
 }