Merge branch 'dev/app' of https://git.zyuas.com/LLM/chat-client-web into app-permission

* 'dev/app' of https://git.zyuas.com/LLM/chat-client-web:
  尝试提问的内容可以滚动
  修改兼容手机

app/components/chat.tsx

@@ -660,7 +660,7 @@ export function ChatActions(props: {
     <div className={styles["chat-input-actions"]}>
       {
         props.sendStatus &&
-        <div style={{ color: '#8096ca', fontSize: 13 }}>
+        <div style={{ color: '#8096ca', fontSize: 13, overflowX: 'auto' }}>
           <div>
             你还可以尝试提问:
           </div>
@@ -672,7 +672,7 @@ export function ChatActions(props: {
                 <Skeleton.Button size="small" active={true} />
               </Space>
               :
-              <div style={{ display: 'flex', marginTop: 10, flexWrap: 'wrap' }}>
+              <div style={{ display: 'flex', margin: '10px 0', overflowX: 'auto' }}>
                 {
                   guessList.map((item, index) => {
                     return (

app/components/deepSeekHome.scss

@@ -1,7 +1,12 @@
 .deekSeek {
   width: 100%;
-  height: 100vh;
+  /* 使用 fill-available 确保兼容性 */
+  height: -webkit-fill-available;
+  height: 100dvh;
+  /* 新的动态视口单位，推荐使用 */
   background: linear-gradient(90.52deg, rgba(24, 126, 255, 1) 1.54%, rgba(23, 66, 255, 1) 99.26%);
+  padding-bottom: env(safe-area-inset-bottom);
+  /* 适配底部安全区域 */
 
   &-header {
     width: 100%;
@@ -18,7 +23,7 @@
 
   &-content {
     width: 100%;
-    height: calc(100% - 80px);
+    height: calc(100% - 80px - env(safe-area-inset-bottom));
     display: flex;
     justify-content: center;
     align-items: center;
@@ -37,9 +42,11 @@
     &-title-sm {
       font-size: 20px;
       color: #FFFFFF;
+
       @media (max-width: 768px) {
         font-size: 16px;
       }
+
       @media (max-width: 480px) {
         font-size: 14px;
       }