fix: 优化 TabBar 样式和调试信息展示，确保在 PWA 中正确贴底

Web/src/components/GlassBottomNav.vue

@@ -167,8 +167,9 @@ onMounted(() => {
   left: 0;
   right: 0;
   width: 100%;
-  // 基础高度 + 安全区域，确保在PWA中正确贴底
-  height: calc(95px + env(safe-area-inset-bottom, 0px));
+  // 导航栏实际高度 62px + 上下 padding (12px + 21px) = 95px + 安全区域
+  // 修改：直接贴底，只保留必要的 padding 和安全区域
+  padding-bottom: env(safe-area-inset-bottom, 0px);
   z-index: 1000;
   pointer-events: none;
 }
@@ -176,9 +177,9 @@ onMounted(() => {
 /* 亮色模式渐变（默认） */
 .gradient-fade {
   width: 100%;
-  height: 100%;
   background: linear-gradient(180deg, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 1) 50%);
-  padding: 12px 21px 21px 21px;
+  padding: 12px 21px;
+  padding-bottom: calc(21px + env(safe-area-inset-bottom, 0px));
   pointer-events: none;
   display: flex;
   align-items: flex-end;
@@ -233,13 +234,6 @@ onMounted(() => {
   color: #1A1A1A;
 }
 
-/* 适配安全区域 */
-@supports (padding-bottom: env(safe-area-inset-bottom)) {
-  .gradient-fade {
-    padding-bottom: calc(21px + env(safe-area-inset-bottom));
-  }
-}
-
 /* 响应式适配 */
 @media (max-width: 375px) {
   .gradient-fade {