debugger

Web/src/views/CalendarView.vue

@@ -183,13 +183,16 @@ fetchDailyStatistics(now.getFullYear(), now.getMonth() + 1)
 
 <style scoped>
 .calendar-container {
-  height: 100vh;
+  /* 使用准确的视口高度减去 TabBar 高度（50px）和安全区域 */
+  height: calc(var(--vh, 100vh) - 50px - env(safe-area-inset-bottom, 0px));
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
 
 .calendar-container :deep(.van-calendar) {
   height: 100%;
+  overflow: auto;
 }
 
 .date-transactions {

Web/src/views/EmailRecord.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="email-record-container">
+  <div class="email-record-container" style="padding-bottom: calc(50px + env(safe-area-inset-bottom, 0px));">
     <!-- 顶部导航栏 -->
     <van-nav-bar title="邮件记录" fixed placeholder>
       <template #right>

Web/src/views/SettingView.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="padding-bottom: calc(50px + env(safe-area-inset-bottom, 0px));">
     <van-nav-bar title="设置" />
     <div class="detail-header">
       <p>账单导入</p>

Web/src/views/SmartClassification.vue

@@ -292,8 +292,8 @@ onMounted(() => {
 
 <style scoped>
 .smart-classification {
-  min-height: 100vh;
-  padding-bottom: 60px;
+  min-height: var(--vh, 100vh);
+  padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px));
 }
 
 /* 统计信息 */

Web/src/views/TransactionsRecord.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="transaction-record-container">
+  <div class="transaction-record-container" style="padding-bottom: calc(50px + env(safe-area-inset-bottom, 0px));">
     <!-- 顶部导航栏 -->
     <van-nav-bar title="交易记录" fixed placeholder style="z-index: 9999;">
       <template #right>