调整页面布局，修复滚动和高度问题

Web/src/styles/common.css

@@ -1,6 +1,8 @@
 /* 通用页面容器样式 - 统一风格（灰色背景） */
 .page-container {
-  min-height: 100vh;
+  height: 100%;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
   background: #f7f8fa;
   padding-bottom: env(safe-area-inset-bottom, 0px);
 }
@@ -170,10 +172,17 @@
 .page-container-flex {
   display: flex;
   flex-direction: column;
-  height: 100vh;
+  height: 100%; /* 使用 100% 继承父容器高度，避免 100vh 导致的溢出 */
   overflow: hidden;
 }
 
+/* 修复嵌套使用 page-container-flex 时的布局问题 */
+.page-container-flex .page-container-flex {
+  height: auto;
+  flex: 1;
+  min-height: 0;
+}
+
 .page-container-flex :deep(.van-nav-bar) {
   flex-shrink: 0;
 }