diff --git a/static/src/components/personalization/PersonalizationDrawer.vue b/static/src/components/personalization/PersonalizationDrawer.vue
index 627fc36..8dd5874 100644
--- a/static/src/components/personalization/PersonalizationDrawer.vue
+++ b/static/src/components/personalization/PersonalizationDrawer.vue
@@ -2065,6 +2065,8 @@ const applyThemeOption = async (theme: ThemeKey) => {
   --settings-floating-menu-bg: #ffffff;
   --settings-floating-menu-hover: rgba(0, 0, 0, 0.055);
   --settings-floating-menu-shadow: none;
+  --settings-tab-hover-bg: var(--theme-tab-active, rgba(0, 0, 0, 0.055));
+  --settings-tab-active-bg: var(--theme-tab-active, rgba(0, 0, 0, 0.078));
   position: relative;
   width: min(70vw, calc(100vw - 24px));
   height: min(80vh, calc(100vh - 24px));
@@ -2081,6 +2083,8 @@ const applyThemeOption = async (theme: ThemeKey) => {
   --settings-floating-menu-bg: #1a1a1a;
   --settings-floating-menu-hover: rgba(255, 255, 255, 0.08);
   --settings-floating-menu-shadow: none;
+  --settings-tab-hover-bg: rgba(255, 255, 255, 0.078);
+  --settings-tab-active-bg: rgba(255, 255, 255, 0.078);
 }
 
 .settings-close-button {
@@ -2158,11 +2162,11 @@ const applyThemeOption = async (theme: ThemeKey) => {
 }
 
 .settings-redesign-tab:hover {
-  background: var(--theme-hover-bg, rgba(0, 0, 0, 0.055));
+  background: var(--settings-tab-hover-bg);
 }
 
 .settings-redesign-tab.active {
-  background: var(--theme-active-bg, rgba(0, 0, 0, 0.078));
+  background: var(--settings-tab-active-bg);
   font-weight: 640;
 }
 
diff --git a/static/src/styles/components/chat/_chat-area.scss b/static/src/styles/components/chat/_chat-area.scss
index bc18ebb..082715d 100644
--- a/static/src/styles/components/chat/_chat-area.scss
+++ b/static/src/styles/components/chat/_chat-area.scss
@@ -264,7 +264,7 @@
   top: 48px;
   left: 16px;
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  grid-template-columns: minmax(0, 1.35fr) minmax(160px, 0.65fr);
   gap: 12px;
   padding: 12px;
   border-radius: 14px;
@@ -272,7 +272,8 @@
   box-shadow: none;
   backdrop-filter: blur(8px);
   pointer-events: auto;
-  min-width: 480px;
+  width: min(640px, calc(100vw - 32px));
+  max-width: calc(100vw - 32px);
   z-index: 50;
 }
 
@@ -281,6 +282,7 @@
   top: 52px;
   left: 12px;
   right: auto;
+  width: min(480px, calc(100vw - 24px));
   min-width: 0;
   max-width: min(480px, calc(100vw - 24px));
   grid-template-columns: 1fr 1fr;
diff --git a/static/src/styles/components/overlays/_overlays.scss b/static/src/styles/components/overlays/_overlays.scss
index ce84bfa..2f5a5c9 100644
--- a/static/src/styles/components/overlays/_overlays.scss
+++ b/static/src/styles/components/overlays/_overlays.scss
@@ -3290,7 +3290,7 @@ body[data-theme='dark'] {
   /* 模型选择下拉菜单 - 和输入栏一样的底色 */
   .model-mode-dropdown {
     background: #2a2a2a !important;
-    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.5) !important;
+    box-shadow: none !important;
   }
 
   .dropdown-title {