From 1c4e4aba0824b201e1e17e5a1fa3147a2dad40cb Mon Sep 17 00:00:00 2001
From: XianYuDaXian <xian_yu@live.com>
Date: Sat, 14 Mar 2026 09:08:11 +0800
Subject: [PATCH] =?UTF-8?q?style(chat):=20=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=E4=BE=A7=E6=A0=8F=E6=94=B9=E4=B8=BA=E5=85=A8=E5=B1=8F=E9=AB=98?=
 =?UTF-8?q?=E5=BA=A6=E5=B9=B6=E8=A6=86=E7=9B=96=E9=A1=B6=E9=83=A8=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/static/public/css/chat.css    | 32 ++++++++++++++++++++++++-------
 app/static/public/pages/chat.html |  4 ++--
 2 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/app/static/public/css/chat.css b/app/static/public/css/chat.css
index 02b319a..ac7d492 100644
--- a/app/static/public/css/chat.css
+++ b/app/static/public/css/chat.css
@@ -888,8 +888,12 @@ html[data-theme='dark'] .think-block[data-thinking="true"] .think-agent summary
   background: var(--chat-surface);
   box-shadow: 0 16px 34px rgba(17, 17, 17, 0.18);
   padding: 6px;
-  z-index: 40;
-}
+  z-index: 90;
+  }
+
+  .chat-sidebar .sidebar-header {
+    padding-top: calc(12px + env(safe-area-inset-top, 0px));
+  }
 
 .model-option {
   width: 100%;
@@ -1217,7 +1221,7 @@ html[data-theme='dark'] .model-option.active {
   flex-shrink: 0;
   border: none;
   border-radius: 16px;
-  background: transparent;
+  background: var(--chat-surface);
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -1226,6 +1230,10 @@ html[data-theme='dark'] .model-option.active {
   top: 56px;
 }
 
+html[data-theme='dark'] .chat-sidebar {
+  background: #0d1520;
+}
+
 .sidebar-header {
   display: flex;
   align-items: center;
@@ -1429,18 +1437,24 @@ html[data-theme='dark'] .model-option.active {
 
   .chat-sidebar {
     position: fixed;
-    top: 56px;
+    top: 0;
     left: 0;
-    height: calc(100% - 56px);
+    height: 100%;
     transform: translateX(-110%);
     transition: transform 0.2s ease;
-    z-index: 50;
+    z-index: 100; /* 高于 navbar */
+    border-radius: 0;
+    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
   }
 
   .chat-sidebar.open {
     transform: translateX(0);
   }
 
+  html[data-theme='dark'] .chat-sidebar {
+    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.45);
+  }
+
   .sidebar-overlay {
     display: block;
     position: fixed;
@@ -1449,7 +1463,11 @@ html[data-theme='dark'] .model-option.active {
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.2s ease;
-    z-index: 40;
+    z-index: 90;
+  }
+
+  .chat-sidebar .sidebar-header {
+    padding-top: calc(12px + env(safe-area-inset-top, 0px));
   }
 
   .sidebar-overlay.open {
diff --git a/app/static/public/pages/chat.html b/app/static/public/pages/chat.html
index 71a9ef5..015bd38 100644
--- a/app/static/public/pages/chat.html
+++ b/app/static/public/pages/chat.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="zh-CN">
 
 <head>
@@ -18,7 +18,7 @@
   <link href="https://cdn.jsdelivr.net/npm/geist@1.0.0/dist/fonts/geist-sans/style.css" rel="stylesheet">
   <link href="https://cdn.jsdelivr.net/npm/geist@1.0.0/dist/fonts/geist-mono/style.css" rel="stylesheet">
   <link href="/static/common/css/common.css?v=1.5.0" rel="stylesheet">
-  <link href="/static/public/css/chat.css?v=1.5.0" rel="stylesheet">
+  <link href="/static/public/css/chat.css?v=0.1.33" rel="stylesheet">
   <link href="/static/common/css/toast.css" rel="stylesheet">
 </head>