diff --git a/frontend/src/layout/components/Main/TaskTemplate/UnifiedSettingsPanel.vue b/frontend/src/layout/components/Main/TaskTemplate/UnifiedSettingsPanel.vue
index 585c8d1..db18157 100644
--- a/frontend/src/layout/components/Main/TaskTemplate/UnifiedSettingsPanel.vue
+++ b/frontend/src/layout/components/Main/TaskTemplate/UnifiedSettingsPanel.vue
@@ -70,7 +70,7 @@ const handleTabChange = (tabKey: string) => {
 }
 
 // 切换到执行过程编排时，延迟触发自适应视图
-watch(activeTab, (newTab) => {
+watch(activeTab, newTab => {
   if (newTab === 'process') {
     nextTick(() => {
       setTimeout(() => {
@@ -153,13 +153,13 @@ defineExpose({
 // 面板主体
 .settings-panel {
   position: fixed;
-  bottom: 6%;
-  left: 0;
-  right: 0;
-  width: 80%;
-  max-width: 1200px;
+  bottom: 24px;
+  left: 24px;
+  right: 24px;
+  width: auto;
+  max-width: none;
   margin: 0 auto;
-  height: 70vh;
+  height: calc(100% - 194px);
   background: var(--color-bg-three);
   border-radius: 20px;
   box-shadow: 0 -4px 30px rgba(0, 0, 0.4);
@@ -171,12 +171,12 @@ defineExpose({
 
   &.is-maximized {
     max-width: none;
-    left: 24px;
-    right: 24px;
-    width: auto;
-    height: calc(100% - 194px);
-    bottom: 24px;
-    border-radius: 20px;
+    left: 0;
+    right: 0;
+    width: 100vw;
+    height: 100vh;
+    bottom: 0;
+    border-radius: 8px;
   }
 }
 
diff --git a/frontend/src/styles/theme.scss b/frontend/src/styles/theme.scss
index c32f864..0e5c3b7 100644
--- a/frontend/src/styles/theme.scss
+++ b/frontend/src/styles/theme.scss
@@ -54,6 +54,16 @@
   --color-card-bg-task: #ededed;
   // 任务大纲卡片悬浮颜色
   --color-card-bg-task-hover: #f7f7f7;
+  // 流程列表背景颜色
+  --color-flow-list-bg: #f5f5f5;
+  // 任务大纲区域背景颜色
+  --color-task-outline-bg: #f3f3f3;
+  // 分组删除按钮背景色
+  --color-group-delete-bg: #e0e0e0;
+  // 分组删除按钮悬浮背景色
+  --color-group-delete-bg-hover: #c0c0c0;
+  // 分组删除按钮图标颜色
+  --color-group-delete-icon: #333333;
   // 任务大纲卡片悬浮阴影效果
   --color-card-shadow-hover: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
   // 卡片阴影效果
@@ -187,6 +197,16 @@ html.dark {
   --color-card-bg-task: #20222a;
   // 任务大纲卡片悬浮颜色
   --color-card-bg-task-hover: #171b22;
+  // 流程列表背景颜色
+  --color-flow-list-bg: #20242C;
+  // 任务大纲区域背景颜色
+  --color-task-outline-bg: #242a34;
+  // 分组删除按钮背景色
+  --color-group-delete-bg: #2d2d2d;
+  // 分组删除按钮悬浮背景色
+  --color-group-delete-bg-hover: #0c0c0c;
+  // 分组删除按钮图标颜色
+  --color-group-delete-icon: #d8d8d8;
   // 任务大纲边框颜色
   --color-card-border-task: #151515;
   // 任务大纲节点边框颜色（固定#585858）