fix: iOS 端安全区布局错误

Author: codexu

src/app/core/record/chat/chat-header.tsx

@@ -18,7 +18,7 @@ export function ChatHeader() {
       </div>
       <div className="flex items-center justify-center gap-1">
         <BotMessageSquare className="!size-4" />
-        <span className="line-clamp-1 flex-1">{model}</span>
+        <span className="line-clamp-1 flex-1 lg:flex-none">{model}</span>
         <span className="hidden lg:inline">({aiTitle})</span>
       </div>
       <div className="flex items-center gap-1">

src/app/mobile/mobile-styles.scss

@@ -7,7 +7,7 @@ input, textarea, select, [contenteditable] {
 /* Fix for iOS viewport when keyboard appears */
 @supports (-webkit-touch-callout: none) {
   html, body {
-    height: 100vh;
+    height: 100%;
     position: fixed;
     overflow: hidden;
     -webkit-overflow-scrolling: touch;
@@ -18,10 +18,10 @@ input, textarea, select, [contenteditable] {
 
 /* Fix for Android viewport when keyboard appears */
 @media screen and (-webkit-min-device-pixel-ratio:0) {
-  body {
+  html, body {
     position: fixed;
     width: 100%;
-    height: 100vh;
+    height: 100%;
     overflow: hidden;
     padding-top: env(safe-area-inset-top);
     padding-bottom: env(safe-area-inset-bottom);