diff --git a/web/app/dashboard/ai-agents/_components/config-workbench.tsx b/web/app/dashboard/ai-agents/_components/config-workbench.tsx
index 2d61c8f..a47c893 100644
--- a/web/app/dashboard/ai-agents/_components/config-workbench.tsx
+++ b/web/app/dashboard/ai-agents/_components/config-workbench.tsx
@@ -471,8 +471,8 @@ export function AIAgentConfigWorkbench({
         </div>
       </div>
 
-      <div className="grid min-h-0 flex-1 grid-cols-[240px_minmax(0,1fr)]">
-        <aside className="min-h-0 overflow-y-auto border-r bg-muted/30 p-3">
+      <div className="grid min-h-0 flex-1 grid-cols-[240px_minmax(0,1fr)] bg-muted/30">
+        <aside className="min-h-0 overflow-y-auto border-r bg-muted/50 p-3">
           <div className="space-y-1.5">
             {sections.map((section) => (
               <button
@@ -503,13 +503,13 @@ export function AIAgentConfigWorkbench({
           </div>
         </aside>
 
-        <main className="min-h-0 overflow-y-auto">
+        <main className="min-h-0 overflow-y-auto bg-background">
           {loading ? (
             <div className="flex h-full items-center justify-center text-sm text-muted-foreground">
               加载中...
             </div>
           ) : (
-            <div className={activeSection === "workflow" ? "h-full min-h-0" : "mx-auto max-w-5xl p-6"}>
+            <div className={activeSection === "workflow" ? "h-full min-h-0" : "w-full p-6"}>
               {activeSection === "basic" ? (
                 <ConfigSection title="基础信息" description="定义这个 Agent 在渠道和后台中的基础身份。">
                   <div className="grid grid-cols-1 gap-4 lg:grid-cols-2">
diff --git a/web/app/dashboard/ai-agents/page.tsx b/web/app/dashboard/ai-agents/page.tsx
index a1a1c69..dce6fe4 100644
--- a/web/app/dashboard/ai-agents/page.tsx
+++ b/web/app/dashboard/ai-agents/page.tsx
@@ -311,10 +311,8 @@ export default function DashboardAIAgentsPage() {
         }}
         title={t("aiAgent.configure")}
         size="xxl"
-        allowFullscreen
-        defaultFullscreen
         bodyScrollable={false}
-        contentClassName="h-[calc(100vh-40px)] max-h-[calc(100vh-40px)]"
+        contentClassName="top-5 left-5 h-[calc(100vh-40px)] max-h-[calc(100vh-40px)] w-[calc(100vw-40px)] max-w-[calc(100vw-40px)] translate-x-0 translate-y-0 sm:max-w-[calc(100vw-40px)]"
         headerClassName="sr-only"
       >
         {configAgentId ? (