diff --git a/src/assets/styles/base/index.scss b/src/assets/styles/base/index.scss
index 4dbcb7afe3ce35a3ced158ec0bd07915a5ecbf1c..795e3f627bbf9797f5040b7afc586efd5604ab78 100644
--- a/src/assets/styles/base/index.scss
+++ b/src/assets/styles/base/index.scss
@@ -26,4 +26,23 @@
 div{
   // 全局 div 默认光标
   cursor: default !important;
+}
+textarea::-webkit-input-placeholder {
+    color: var(--o-think-header-text);
+    font-size: 14px;  
+}
+input::-moz-placeholder, 
+textarea::-moz-placeholder {  /* Mozilla Firefox 19+ */
+    color: var(--o-think-header-text);
+    font-size: 14px;  
+}
+input:-moz-placeholder, 
+textarea:-moz-placeholder {  /* Mozilla Firefox 4 to 18 */
+    color: var(--o-think-header-text);
+    font-size: 14px;  
+}
+input:-ms-input-placeholder, 
+textarea:-ms-input-placeholder {  /* Internet Explorer 10-11 */
+    color: var(--o-think-header-text);
+    font-size: 14px;  
 }
\ No newline at end of file
diff --git a/src/assets/styles/variables/theme.scss b/src/assets/styles/variables/theme.scss
index 472438eee345aebfa7b32a48a479dc4712fdfa3d..e760f795345c8762bb8bc1bce4724fd4d35cfc05 100644
--- a/src/assets/styles/variables/theme.scss
+++ b/src/assets/styles/variables/theme.scss
@@ -4,7 +4,7 @@ body[theme='dark'] {
     rgba(109, 117, 250, 0.5),
     rgba(90, 179, 255, 0.5)
   );
-  --o-text-disable: #626D7C;
+  --o-text-disable: #626d7c;
   --o-main-bg-color: #131415;
   --o-bg-image: url('../../assets/svgs/dark_background.svg');
   --no-work-flow: url('../../assets/images/dark_no_flow.png');
@@ -94,16 +94,16 @@ body[theme='dark'] {
 }
 
 body[theme='light'] {
-  --o-text-disable: #BFC7D7;
+  --o-text-disable: #bfc7d7;
   --o-checkbox-bg-color_checked: #6395fd !important;
   --o-func-base-primary: 99, 149, 253;
   --o-checkbox-bg-color_checked: #6395fd !important;
   --o-checkbox-border-color_checked: #6395fd !important;
-  --o-content-bg:linear-gradient(
-        to right,
-        rgba(109, 117, 250, 0.2),
-        rgba(90, 179, 255, 0.2)
-      );
+  --o-content-bg: linear-gradient(
+    to right,
+    rgba(109, 117, 250, 0.2),
+    rgba(90, 179, 255, 0.2)
+  );
   --o-main-bg-color: #f1f8ff;
   --o-bg-image: url('../../assets/svgs/light_background.webp');
   --no-work-flow: url('../../assets/images/light_no_flow.png');
@@ -212,8 +212,28 @@ body {
   }
   --o-border-radius-small: 4px;
 
-  .el-popper[role=tooltip].is-light .el-popper__arrow::before {
+  .el-popper[role='tooltip'].is-light .el-popper__arrow::before {
     background: var(--o-bg-color-base);
     border: 1px solid var(--o-tooltip-border-color);
-}
+
+    .el-popper {
+      background: var(--o-bg-color-base) !important;
+      .el-popper__arrow {
+        background: var(--o-bg-color-base) !important;
+        border-right-color: var(--o-bg-color-base) !important;
+      }
+    }
+  }
+  .el-popper[role='tooltip'].is-dark .el-popper__arrow::before {
+    background: var(--o-bg-color-base);
+    border: 1px solid var(--o-tooltip-border-color);
+
+    .el-popper {
+      background: var(--o-bg-color-base) !important;
+      .el-popper__arrow {
+        background: var(--o-bg-color-base) !important;
+        border-right-color: var(--o-bg-color-base) !important;
+      }
+    }
+  }
 }
diff --git a/src/components/commonFooter/CommonFooter.vue b/src/components/commonFooter/CommonFooter.vue
index d1b9946d534f796b9e1afab6d41a0b8c37c19d6f..527eb53a372eb681a3b5da62bb6f11eab9ead125 100644
--- a/src/components/commonFooter/CommonFooter.vue
+++ b/src/components/commonFooter/CommonFooter.vue
@@ -12,9 +12,10 @@ const policy = ref<string>('');
  * 读取协议
  */
 const readAgreement = async () => {
-  const language = localStorage.getItem('localeLang');
+  const localLang = localStorage.getItem('copilot_language');
+  const locale = (localLang && JSON.parse(localLang).language) || 'zh_cn';
   const response =
-    language === 'en'
+    locale === 'en'
       ? await import('src/conf/agreement-en.md?raw')
       : await import('src/conf/agreement.md?raw');
   agreement.value = marked.parse(response.default) as string;
@@ -22,9 +23,10 @@ const readAgreement = async () => {
 };
 
 const readPolicy = async () => {
-  const language = localStorage.getItem('localeLang');
+  const localLang = localStorage.getItem('copilot_language');
+  const locale = (localLang && JSON.parse(localLang).language) || 'zh_cn';
   const response =
-    language === 'en'
+    locale === 'en'
       ? await import('src/conf/policy-en.md?raw')
       : await import('src/conf/policy.md?raw');
   policy.value = marked.parse(response.default) as string;
diff --git a/src/components/dialoguePanel/DialoguePanel.scss b/src/components/dialoguePanel/DialoguePanel.scss
index 5b2e1a13fefce13c5ae3a9bd7e747ddb7d646549..2ff42f9a88c857a1a57c70344f0945cf3ab9e13d 100644
--- a/src/components/dialoguePanel/DialoguePanel.scss
+++ b/src/components/dialoguePanel/DialoguePanel.scss
@@ -557,7 +557,7 @@
   border: 24px;
 }
 .dialogue-panel__user-time {
-  margin-top: 16px;
+  margin-top: 24px;
   height: 20px;
   line-height: 20px;
 }
@@ -573,7 +573,7 @@
   border: 24px;
 }
 .dialogue-panel__user-time {
-  margin-top: 16px;
+  margin-top: 24px;
   height: 20px;
   line-height: 20px;
 }
diff --git a/src/components/dialoguePanel/DialoguePanel.vue b/src/components/dialoguePanel/DialoguePanel.vue
index f98b716f8062ee438effd5f83d20127b13cc8078..0d9e83a8a9d71faed0a1b222c8a73737d9f9f405 100644
--- a/src/components/dialoguePanel/DialoguePanel.vue
+++ b/src/components/dialoguePanel/DialoguePanel.vue
@@ -7,7 +7,6 @@ import { useSessionStore, useChangeThemeStore, echartsObj } from '@/store';
 import { useHistorySessionStore } from 'src/store';
 import AgainstPopover from 'src/views/dialogue/components/AgainstPopover.vue';
 import dayjs from 'dayjs';
-import './DialoguePanel.scss'
 import xss from 'xss';
 import { errorMsg, successMsg } from 'src/components/Message';
 import ReportPopover from 'src/views/dialogue/components/ReportPopover.vue';
@@ -484,11 +483,11 @@ const selectQuestion = (item: Suggestion) => {
 
 const popperSize = () => {
   if (language.value == 'en') {
-    size.width = 418;
+    size.width = 420;
     size.height = 496;
     return size;
   } else {
-    size.width = 328;
+    size.width = 330;
     size.height = 416;
     return size
   }
@@ -787,3 +786,6 @@ const chatWithParams = async () => {
     <img :src="txt2imgPathZoom" />
   </div>
 </template>
+<style lang="scss">
+@import './DialoguePanel.scss';
+</style>
diff --git a/src/views/createapp/components/CustomControl.vue b/src/views/createapp/components/CustomControl.vue
index 1c213759b1d2154835d3fa04d786951134882cf5..06fd8ba0e929d8472b80a4c6f2d811fc4c17a01a 100644
--- a/src/views/createapp/components/CustomControl.vue
+++ b/src/views/createapp/components/CustomControl.vue
@@ -199,6 +199,6 @@ watch(
   outline: unset !important;
 }
 .controlScaleNumber{
-  font-size: 16px;
+  font-size: 12px;
 }
 </style>
diff --git a/src/views/createapp/components/workFlow.vue b/src/views/createapp/components/workFlow.vue
index d65f1dfcf81d08d2aa207045dd6acf030645559b..dff72018c11bdd82cd6563af454b1d19c1332f72 100644
--- a/src/views/createapp/components/workFlow.vue
+++ b/src/views/createapp/components/workFlow.vue
@@ -3,7 +3,7 @@ import '../../styles/workFlowArrange.scss';
 import { onMounted, ref, watch, onUnmounted } from 'vue';
 import { IconSuccess, IconError } from '@computing/opendesign-icons';
 import { useI18n } from 'vue-i18n';
-import { ElTooltip, ElMessage } from 'element-plus';
+import { ElMessage } from 'element-plus';
 import { VueFlow, useVueFlow } from '@vue-flow/core';
 import { Background } from '@vue-flow/background';
 import { MiniMap } from '@vue-flow/minimap';
@@ -716,7 +716,7 @@ defineExpose({
 <template>
   <div class="workFlowContainer" @drop="dropFunc">
     <aside class="aside-wrapper" ref="copilotAside">
-      <ElTooltip
+      <el-tooltip
         placement="right"
         :content="
           isCopilotAsideVisible ? t('history.collapse') : t('history.expand')
@@ -727,7 +727,7 @@ defineExpose({
           :class="{ isExpandIcon: isCopilotAsideVisible }"
           @click="hanleAsideVisible"
         />
-      </ElTooltip>
+      </el-tooltip>
 
       <transition name="transition-fade">
         <div class="copilot-aside nodes" v-if="isCopilotAsideVisible">
diff --git a/src/views/dialogue/components/AgainstPopover.vue b/src/views/dialogue/components/AgainstPopover.vue
index 5f962333dd3404b6b04171da350ab13ee0f7f8d4..8e99327ab547bdd031f068dfa242fd305d26c2ef 100644
--- a/src/views/dialogue/components/AgainstPopover.vue
+++ b/src/views/dialogue/components/AgainstPopover.vue
@@ -206,7 +206,8 @@ const handleSubmit = () => {
       border-radius: 4px;
       padding: 5px 0 5px 16px;
       font-size: 12px;
-      width: 100%;
+      width: 280px;
+      margin-left: -8px;
       &:focus {
         outline: none;
       }
diff --git a/src/views/dialogue/components/DialogueAside.vue b/src/views/dialogue/components/DialogueAside.vue
index 689b739b128ed3183f3e87803e70dd772463c3d8..e39abf90e403bf703c806d8018630233c5e0849e 100644
--- a/src/views/dialogue/components/DialogueAside.vue
+++ b/src/views/dialogue/components/DialogueAside.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { CaretRight, CaretBottom } from '@element-plus/icons-vue';
 import {
   ElButton,
   ElInput,
@@ -9,7 +8,6 @@ import {
   ElDialog,
   ElCollapse,
   ElCollapseItem,
-  ElTooltip,
 } from 'element-plus';
 import { computed, onMounted, ref, watch } from 'vue';
 import SessionCard from '@/components/sessionCard/SessionCard.vue';
@@ -343,7 +341,7 @@ watch(
 
 <template>
   <aside class="aside-wrapper" ref="copilotAside">
-    <ElTooltip
+    <el-tooltip
       placement="right"
       :content="
         isCopilotAsideVisible ? t('history.collapse') : t('history.expand')
@@ -354,7 +352,7 @@ watch(
         :class="{ isExpandIcon: isCopilotAsideVisible }"
         @click="hanleAsideVisible"
       />
-    </ElTooltip>
+    </el-tooltip>
     <transition name="transition-fade">
       <div class="copilot-aside" v-if="isCopilotAsideVisible">
         <ElButton class="create-button" @click="handleNewChat">
diff --git a/src/views/dialogue/components/ReportPopover.vue b/src/views/dialogue/components/ReportPopover.vue
index 7ec3b9a927d5d63e43bd94a5b148821575a6d4de..84aebfa5f867af547821a9ea78b9db5acebe1eae 100644
--- a/src/views/dialogue/components/ReportPopover.vue
+++ b/src/views/dialogue/components/ReportPopover.vue
@@ -178,7 +178,7 @@ const handleComplaint = () => {
 .radio {
   align-items: center;
   text-align: center;
-  margin-left: 8px;
+  margin-right: 8px;
   margin-bottom: 8px;
   width: 87px;
   height: 32px;
@@ -188,14 +188,15 @@ const handleComplaint = () => {
     margin: 0px;
   }
   &:nth-child(3n + 3) {
-    margin-left: 8px;
+    margin-left: 0px;
+    margin-right: 0px !important; 
   }
 }
 
 .radio-en {
   align-items: center;
   text-align: center;
-  margin-left: 8px;
+  margin-right: 8px;
   margin-bottom: 8px;
   width: 118px;
   height: 48px;
@@ -205,7 +206,8 @@ const handleComplaint = () => {
     margin: 0px;
   }
   &:nth-child(3n + 3) {
-    margin-left: 8px;
+    margin-left: 0px;
+    margin-right: 0px !important; 
   }
 }
 .against-popover {
@@ -237,7 +239,6 @@ const handleComplaint = () => {
   }
 
   .error-input {
-    margin: 0px 8px;
     &__link,
     &__desc {
       color: var(--o-text-color-tertiary);
diff --git a/src/views/styles/workFlowDebug.scss b/src/views/styles/workFlowDebug.scss
index bec6eea42e4b92e8d23f19f8b7f3befb250e0cfd..a5ef9b25cf2a60d95a824c32d69dfa4adc560658 100644
--- a/src/views/styles/workFlowDebug.scss
+++ b/src/views/styles/workFlowDebug.scss
@@ -15,16 +15,13 @@
   z-index: 99999;
   .workFlowDebugClose {
     display: flex;
-    height: 32px;
-    min-height: 32px;
+    line-height: 24px;
     margin-right: 24px;
     align-items: center;
     justify-content: space-between;
     .title {
-      width: 28px;
-      font-size: 14px;
-      height: 32px;
-      line-height: 32px;
+      font-size: 16px;
+      height: 24px;
       color: var(--o-text-color-primary);
     }
     .closeBtn {