From dffe7460da6c302d045b61dc86ed698c08678295 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Sun, 28 Sep 2025 20:14:52 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dchatbox=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E8=A2=AB=E9=81=AE=E6=8C=A1=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/SmartChatBox/SmartChatBox.tsx | 5 ++++-
 components/layout/dashboard-layout.tsx   | 2 +-
 components/pages/work-flow.tsx           | 7 +++----
 components/ui/script-modal.tsx           | 4 ++--
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/components/SmartChatBox/SmartChatBox.tsx b/components/SmartChatBox/SmartChatBox.tsx
index d2e38db..ac48e8d 100644
--- a/components/SmartChatBox/SmartChatBox.tsx
+++ b/components/SmartChatBox/SmartChatBox.tsx
@@ -169,7 +169,10 @@ export default function SmartChatBox({
   }, [messages]);
 
   return (
-    <div className={`${isMobile ? 'z-[49] relative' : 'h-full'} w-full text-gray-100 flex flex-col`} data-alt="smart-chat-box">
+    <div className={`${isMobile ? '' : 'h-full'} w-full text-gray-100 flex flex-col backdrop-blur-lg bg-black/30 border border-white/20 shadow-xl relative`} data-alt="smart-chat-box"
+    style={{
+      maxHeight: isMobile ? 'calc(100vh - 5.5rem)' : '',
+    }}>
       {/* Header */}
       <div className={`px-4 py-3 border-b border-white/10 flex items-center justify-between ${isMobile ? 'sticky top-0 bg-[#141414] z-[1]' : ''}`} data-alt="chat-header">
         <div className="font-semibold flex items-center gap-2">
diff --git a/components/layout/dashboard-layout.tsx b/components/layout/dashboard-layout.tsx
index 7d2b98e..175a248 100644
--- a/components/layout/dashboard-layout.tsx
+++ b/components/layout/dashboard-layout.tsx
@@ -66,7 +66,7 @@ export function DashboardLayout({ children }: DashboardLayoutProps) {
       )}
       {isDesktop && <Sidebar collapsed={sidebarCollapsed} onToggle={setSidebarCollapsed} />}
       <div
-        className={`fixed right-0 bottom-0 px-4 ${getMobileContainerClasses()}`}
+        className={`fixed right-0 bottom-0 px-4 z-[60] ${getMobileContainerClasses()}`}
         style={{
           ...getLayoutStyles(),
           top: (isMobile || isTablet) ? '3.5rem' : '4rem',
diff --git a/components/pages/work-flow.tsx b/components/pages/work-flow.tsx
index 17056f7..e76dfae 100644
--- a/components/pages/work-flow.tsx
+++ b/components/pages/work-flow.tsx
@@ -668,9 +668,8 @@ Please process this video editing request.`;
         getContainer={false}
         autoFocus={false}
         mask={false}
-        zIndex={60}
         rootClassName="outline-none"
-        className="backdrop-blur-lg bg-black/30 border border-white/20 shadow-xl max-h-[90vh]"
+        className="bg-transparent max-h-[100vh]"
         style={{
           backgroundColor: 'transparent',
           ...(isMobile
@@ -682,8 +681,8 @@ Please process this video editing request.`;
           body: {
             backgroundColor: 'transparent',
             padding: 0,
-            maxHeight: '100vh',
-            overflow: 'auto',
+            maxHeight: isMobile ? 'calc(100vh - 5.5rem)' : 'calc(100vh - 4rem)',
+            overflow: 'hidden',
           }
         }}
         onClose={() => setIsSmartChatBoxOpen(false)}
diff --git a/components/ui/script-modal.tsx b/components/ui/script-modal.tsx
index ce7218a..1122019 100644
--- a/components/ui/script-modal.tsx
+++ b/components/ui/script-modal.tsx
@@ -130,7 +130,7 @@ export function ScriptModal({ isOpen, onClose, currentStage = 0, roles, currentL
         <>
           {/* 背景遮罩 */}
           <motion.div
-            className="fixed inset-0 bg-black/20 backdrop-blur-sm z-50"
+            className="fixed inset-0 bg-black/20 backdrop-blur-sm z-[9998]"
             initial={{ opacity: 0 }}
             animate={{ opacity: 1 }}
             exit={{ opacity: 0 }}
@@ -140,7 +140,7 @@ export function ScriptModal({ isOpen, onClose, currentStage = 0, roles, currentL
           
           {/* 弹窗内容 */}
           <motion.div
-            className="fixed inset-0 z-[61] flex items-center justify-center"
+            className="fixed inset-0 z-[9999] flex items-center justify-center"
             initial={{ opacity: 0 }}
             animate={{ opacity: 1 }}
             exit={{ opacity: 0 }}