feat(pwa): M1 Task3 - iOS Safari 细节（text-size-adjust/防缩放/100dvh）

Author: Aparencia

client/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <link rel="apple-touch-icon" href="/pwa-192x192.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
     <meta name="theme-color" content="#3b82f6" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

client/src/index.css

@@ -9,6 +9,18 @@
 @tailwind utilities;
 
 /* 全局基础样式 */
+/* iOS 平台细节：防止横屏/聚焦时自动放大文字（text-size-adjust 标准防护） */
+html {
+  -webkit-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+
+/* iOS/移动端地址栏：h-screen(100vh) 含地址栏导致底部被遮挡，
+   支持动态视口的浏览器统一改用 100dvh（桌面 Electron 无地址栏，dvh=vh 等价） */
+@supports (height: 100dvh) {
+  .h-screen { height: 100dvh; }
+}
+
 body {
   font-family: var(--kb-font-sans);
   background-color: var(--kb-bg-primary);