diff --git a/Web/index.html b/Web/index.html
index d7f5761..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">
diff --git a/Web/src/App.vue b/Web/src/App.vue
index ef13d92..57e80a3 100644
--- a/Web/src/App.vue
+++ b/Web/src/App.vue
@@ -231,6 +231,7 @@ const handleAddTransactionSuccess = () => {
   /* 使用准确的视口高度 CSS 变量 */
   height: var(--vh, 100vh);
   width: 100%;
+  background-color: var(--van-background);
 }
 
 .app-root {
@@ -240,7 +241,7 @@ const handleAddTransactionSuccess = () => {
   padding-top: max(0px, calc(env(safe-area-inset-top, 0px) * 0.75));
   box-sizing: border-box;
   overflow: hidden;
-  background: transparent;
+  background-color: var(--van-background);
 }
 
 /* TabBar 固定在底部 */
diff --git a/Web/src/views/calendarV2/Index.vue b/Web/src/views/calendarV2/Index.vue
index 130907a..d235c04 100644
--- a/Web/src/views/calendarV2/Index.vue
+++ b/Web/src/views/calendarV2/Index.vue
@@ -336,7 +336,6 @@ onBeforeUnmount(() => {
 .calendar-v2-wrapper {
   font-family: var(--font-primary);
   color: var(--text-primary);
-  background-color: var(--van-background);
 }
 
 .calendar-scroll-content {
@@ -344,6 +343,7 @@ onBeforeUnmount(() => {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   overscroll-behavior: contain;
+  background-color: var(--bg-primary);
 }
 
 /* ========== 头部 ========== */