fix(ios): 修复 iOS 端输入框聚焦导致页面自动缩放

iOS Safari 在输入框字号小于 16px 时聚焦会自动放大页面，且失焦后不会恢复，
导致布局错位。启动时仅对 iOS 设备为 viewport 注入 maximum-scale=1 阻止该
行为；iOS 10+ 用户仍可双指手动缩放，Android 不受影响。

- utils/device.ts 新增 detectIOSDevice/isIOSDevice（含 iPadOS 桌面模式识别）
- main.ts 启动阶段执行 initIOSViewportZoomFix
- 补充 detectIOSDevice 单元测试

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

frontend/src/main.ts

@@ -5,8 +5,23 @@ import router from './router'
 import i18n, { initI18n } from './i18n'
 import { useAppStore } from '@/stores/app'
 import { updateFavicon } from '@/utils/branding'
+import { isIOSDevice } from '@/utils/device'
 import './style.css'
 
+function initIOSViewportZoomFix() {
+  // iOS Safari 在输入框字号小于 16px 时聚焦会自动放大页面，且失焦后不会恢复。
+  // 限制 maximum-scale 可阻止该行为；iOS 10+ 用户仍可双指手动缩放，不影响可访问性。
+  // 仅在 iOS 设备上注入，避免影响 Android Chrome 的手动缩放能力。
+  if (!isIOSDevice()) return
+
+  const viewport = document.querySelector('meta[name="viewport"]')
+  if (!viewport) return
+
+  const content = viewport.getAttribute('content') || ''
+  if (/maximum-scale/i.test(content)) return
+  viewport.setAttribute('content', `${content}, maximum-scale=1.0`)
+}
+
 function initThemeClass() {
   const savedTheme = localStorage.getItem('theme')
   const shouldUseDark =
@@ -18,6 +33,7 @@ function initThemeClass() {
 async function bootstrap() {
   // Apply theme class globally before app mount to keep all routes consistent.
   initThemeClass()
+  initIOSViewportZoomFix()
 
   const app = createApp(App)
   const pinia = createPinia()