From 15ef332ea2919462acefb9da2231fec45b6ff586 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 27 Jul 2026 16:33:27 +0800
Subject: [PATCH] =?UTF-8?q?fix(pwa):=20=E9=9D=A2=E6=9D=BF=E6=89=93?=
 =?UTF-8?q?=E5=BC=80=E6=97=B6=E9=9A=90=E8=97=8F=E5=BA=95=E9=83=A8=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

底部导航 Teleport 到 body（z-index 1999），而主题定制器（2102）与
Agent 面板（2601）渲染在 VApp 内部。玻璃主题给 .v-application 设置了
position: relative + z-index: 1，形成层叠上下文，两个面板的数值被限制在
该层内部，无法压过 body 层的底部导航。

移动端这两个面板均为全屏，改为在根节点开关标记打开时隐藏底部导航。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 src/layouts/default/components/Footer.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/layouts/default/components/Footer.vue b/src/layouts/default/components/Footer.vue
index 825e8049..d2d3cfd6 100644
--- a/src/layouts/default/components/Footer.vue
+++ b/src/layouts/default/components/Footer.vue
@@ -327,6 +327,17 @@ function handleDynamicMenuItemClick(item: DynamicButtonMenuItem) {
   pointer-events: none;
 }
 
+// 底部导航挂载在 body 上，而主题定制器与 Agent 面板受 .v-application 的层叠上下文限制，
+// 无法仅靠 z-index 压过它。移动端两者都是全屏面板，打开时直接隐藏底部导航。
+html[data-theme-customizer-open='true'],
+html[data-agent-assistant-open='true'] {
+  .footer-nav-container {
+    visibility: hidden;
+    opacity: 0;
+    pointer-events: none;
+  }
+}
+
 .footer-nav-group {
   display: flex;
   align-items: center;