From ecec3fc087512f025da450c6f313bfae4cf20c94 Mon Sep 17 00:00:00 2001
From: "2569718930@qq.com" <2569718930@qq.com>
Date: Thu, 21 May 2026 17:27:45 +0800
Subject: [PATCH] =?UTF-8?q?@=20=E4=BF=AE=E5=A4=8D=20MacBook=20Safari=20?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E5=B4=A9=E6=BA=83=EF=BC=9A100vw/dvh=20?=
 =?UTF-8?q?=E5=92=8C=20-webkit-backdrop-filter?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Safari 将滚动条宽度计入 100vw 导致内容被裁切，100vh 被地址栏撑破。
- root 容器: 100vw → width:100% + max-width:100vw
- 详情面板/扫描终端: 100vh → 叠加 100dvh 兼容 Safari 视口
- 详情面板: 添加 -webkit-backdrop-filter 前缀
@
---
 frontend/components/dashboard/Dashboard.module.css           | 4 +++-
 frontend/components/dashboard/DetailPanelSections.module.css | 2 ++
 frontend/components/dashboard/ScanTerminal.module.css        | 1 +
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/components/dashboard/Dashboard.module.css b/frontend/components/dashboard/Dashboard.module.css
index f1074c75..8ed4e086 100644
--- a/frontend/components/dashboard/Dashboard.module.css
+++ b/frontend/components/dashboard/Dashboard.module.css
@@ -62,7 +62,9 @@
   color: var(--text-primary);
   overflow: hidden;
   height: 100vh;
-  width: 100vw;
+  height: 100dvh;
+  width: 100%;
+  max-width: 100vw;
   background-image:
     radial-gradient(
       circle at 18% 18%,
diff --git a/frontend/components/dashboard/DetailPanelSections.module.css b/frontend/components/dashboard/DetailPanelSections.module.css
index 2a82d292..b4fa1c38 100644
--- a/frontend/components/dashboard/DetailPanelSections.module.css
+++ b/frontend/components/dashboard/DetailPanelSections.module.css
@@ -5,6 +5,7 @@
   right: 0;
   width: var(--panel-width);
   height: 100vh;
+  height: 100dvh;
   z-index: 950;
   background: linear-gradient(
     180deg,
@@ -12,6 +13,7 @@
     rgba(15, 23, 42, 0.95) 100%
   );
   backdrop-filter: blur(24px);
+  -webkit-backdrop-filter: blur(24px);
   border-left: 1px solid var(--border-glass);
   box-shadow: -10px 0 60px rgba(0, 0, 0, 0.5);
   transform: translateX(100%);
diff --git a/frontend/components/dashboard/ScanTerminal.module.css b/frontend/components/dashboard/ScanTerminal.module.css
index acf7bc44..9bbfe4eb 100644
--- a/frontend/components/dashboard/ScanTerminal.module.css
+++ b/frontend/components/dashboard/ScanTerminal.module.css
@@ -527,6 +527,7 @@
   gap: 14px;
   width: 100%;
   min-height: 100vh;
+  min-height: 100dvh;
   height: auto;
   margin-top: 0;
   padding: 16px;