diff --git a/core/core-frontend/src/components/assist-button/ColorButton.vue b/core/core-frontend/src/components/assist-button/ColorButton.vue
index 15a42f1be0..0fd887ef6d 100644
--- a/core/core-frontend/src/components/assist-button/ColorButton.vue
+++ b/core/core-frontend/src/components/assist-button/ColorButton.vue
@@ -44,7 +44,7 @@ const colorButtonClick = () => {
 .color-button-outer {
   width: 32px;
   height: 32px;
-  border-radius: 4px;
+  border-radius: 6px;
   border-width: 1px;
   border-color: #dee0e3;
   cursor: pointer;
@@ -68,7 +68,7 @@ const colorButtonClick = () => {
 .color-button-inner {
   width: 20px;
   height: 20px;
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #dee0e3;
 }
 .color-button-inner-light {
diff --git a/core/core-frontend/src/components/dashboard/DashboardHiddenComponent.vue b/core/core-frontend/src/components/dashboard/DashboardHiddenComponent.vue
index db90e2895e..7a78e8dc50 100644
--- a/core/core-frontend/src/components/dashboard/DashboardHiddenComponent.vue
+++ b/core/core-frontend/src/components/dashboard/DashboardHiddenComponent.vue
@@ -71,7 +71,7 @@ const addToDashboard = item => {
     float: left;
     background: #fff;
     padding: 4px;
-    border-radius: 4px;
+    border-radius: 6px;
     border: 1px solid #dee0e3;
     &:nth-child(2n) {
       margin-right: -1px;
diff --git a/core/core-frontend/src/components/dashboard/DbCanvasAttr.vue b/core/core-frontend/src/components/dashboard/DbCanvasAttr.vue
index b80f4d2bb4..05136452e1 100644
--- a/core/core-frontend/src/components/dashboard/DbCanvasAttr.vue
+++ b/core/core-frontend/src/components/dashboard/DbCanvasAttr.vue
@@ -262,7 +262,7 @@ const saveSelfSubject = () => {
   :deep(.ed-upload--picture-card) {
     background: #eff0f1;
     border: 1px dashed #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .ed-icon {
       color: #1f2329;
diff --git a/core/core-frontend/src/components/dashboard/DbToolbar.vue b/core/core-frontend/src/components/dashboard/DbToolbar.vue
index 885160abc0..80d28aad51 100644
--- a/core/core-frontend/src/components/dashboard/DbToolbar.vue
+++ b/core/core-frontend/src/components/dashboard/DbToolbar.vue
@@ -947,7 +947,7 @@ const userGroupShow = ref(false)
         background-color: #050e21;
         outline: none;
         border: 1px solid #295acc;
-        border-radius: 4px;
+        border-radius: 6px;
         padding: 0 4px;
         height: 100%;
       }
diff --git a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ViewSimpleTitle.vue b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ViewSimpleTitle.vue
index 567c6967f0..6e57a88c59 100644
--- a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ViewSimpleTitle.vue
+++ b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ViewSimpleTitle.vue
@@ -198,7 +198,7 @@ function setPosition(p: 'left' | 'center' | 'right') {
   .ed-checkbox__label {
     .bash-icon {
       background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));
-      border-radius: 4px;
+      border-radius: 6px;
       color: var(--ed-color-primary);
     }
   }
@@ -208,7 +208,7 @@ function setPosition(p: 'left' | 'center' | 'right') {
   .ed-radio__label {
     .bash-icon {
       background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));
-      border-radius: 4px;
+      border-radius: 6px;
     }
   }
 }
@@ -242,7 +242,7 @@ function setPosition(p: 'left' | 'center' | 'right') {
   width: 24px;
   height: 24px;
   text-align: center;
-  border-radius: 4px;
+  border-radius: 6px;
   padding-top: 1px;
 
   color: #1f2329;
diff --git a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
index 57723896fd..1b69caf4d1 100644
--- a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
+++ b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
@@ -224,7 +224,7 @@ onUnmounted(() => {
   height: 24px !important;
   width: 24px !important;
   font-size: 16px !important;
-  border-radius: 4px;
+  border-radius: 6px;
   color: #646a73 !important;
 
   &[aria-expanded='true'] {
diff --git a/core/core-frontend/src/components/data-visualization/DvToolbar.vue b/core/core-frontend/src/components/data-visualization/DvToolbar.vue
index bd00e05b1f..78ce1d207d 100644
--- a/core/core-frontend/src/components/data-visualization/DvToolbar.vue
+++ b/core/core-frontend/src/components/data-visualization/DvToolbar.vue
@@ -461,6 +461,7 @@ const fullScreenPreview = () => {
       <div class="right-area">
         <el-tooltip
           effect="dark"
+          :offset="12"
           :content="t('visualization.external_parameter_settings')"
           placement="bottom"
         >
@@ -628,7 +629,7 @@ const fullScreenPreview = () => {
         background-color: #050e21;
         outline: none;
         border: 1px solid #295acc;
-        border-radius: 4px;
+        border-radius: 6px;
         padding: 0 4px;
         height: 100%;
       }
diff --git a/core/core-frontend/src/components/data-visualization/RealTimeGroup.vue b/core/core-frontend/src/components/data-visualization/RealTimeGroup.vue
index fbe5a1f4ea..a9c74eda78 100644
--- a/core/core-frontend/src/components/data-visualization/RealTimeGroup.vue
+++ b/core/core-frontend/src/components/data-visualization/RealTimeGroup.vue
@@ -570,7 +570,7 @@ const expandClick = component => {
   cursor: pointer;
   height: 22px !important;
   width: 22px !important;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 0 4px;
 
   .opt-icon {
diff --git a/core/core-frontend/src/components/data-visualization/RealTimeGroupInner.vue b/core/core-frontend/src/components/data-visualization/RealTimeGroupInner.vue
index de29f96104..3ed55ba21e 100644
--- a/core/core-frontend/src/components/data-visualization/RealTimeGroupInner.vue
+++ b/core/core-frontend/src/components/data-visualization/RealTimeGroupInner.vue
@@ -532,7 +532,7 @@ const expandClick = component => {
   cursor: pointer;
   height: 22px !important;
   width: 22px !important;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 0 4px;
 
   .opt-icon {
diff --git a/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue b/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
index 786279d522..9e2522ca10 100644
--- a/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
+++ b/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
@@ -785,7 +785,7 @@ const canvasChange = () => {
   cursor: pointer;
   height: 22px !important;
   width: 22px !important;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 0 4px;
 
   .opt-icon {
diff --git a/core/core-frontend/src/components/data-visualization/RealTimeTab.vue b/core/core-frontend/src/components/data-visualization/RealTimeTab.vue
index b9e2e02a55..34d5ee419a 100644
--- a/core/core-frontend/src/components/data-visualization/RealTimeTab.vue
+++ b/core/core-frontend/src/components/data-visualization/RealTimeTab.vue
@@ -306,7 +306,7 @@ const expandClick = component => {
   cursor: pointer;
   height: 22px !important;
   width: 22px !important;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 0 4px;
 
   .opt-icon {
diff --git a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
index 9e46061660..fa548a1111 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
@@ -417,7 +417,7 @@ const isMobileLazyLoadEnabled = computed(() => {
 })
 // 初始化IntersectionObserver
 onMounted(() => {
-  if (isMobileLazyLoadEnabled.value && showPositionActive.value === 'preview') {
+  if (isMobileLazyLoadEnabled.value) {
     const wrapperInner = componentWrapperInnerRef.value
     if (wrapperInner) {
       observer.value = new IntersectionObserver(
diff --git a/core/core-frontend/src/components/filter-text/src/FilterText.vue b/core/core-frontend/src/components/filter-text/src/FilterText.vue
index 4d6204d99e..0624a5ae7e 100644
--- a/core/core-frontend/src/components/filter-text/src/FilterText.vue
+++ b/core/core-frontend/src/components/filter-text/src/FilterText.vue
@@ -170,7 +170,7 @@ watch(
 
   .arrow-filter:hover {
     background: rgba(31, 35, 41, 0.1);
-    border-radius: 4px;
+    border-radius: 6px;
   }
 
   .ed-icon-arrow-right.arrow-filter {
diff --git a/core/core-frontend/src/components/relation-chart/index.vue b/core/core-frontend/src/components/relation-chart/index.vue
index 3355c57302..ffb4b6e7b6 100644
--- a/core/core-frontend/src/components/relation-chart/index.vue
+++ b/core/core-frontend/src/components/relation-chart/index.vue
@@ -120,7 +120,7 @@ defineExpose({
     width: 100%;
     height: 100%;
     background: #f5f6f7;
-    border-radius: 4px;
+    border-radius: 6px;
     position: relative;
   }
 }
diff --git a/core/core-frontend/src/components/rich-text/TinymceEditor.vue b/core/core-frontend/src/components/rich-text/TinymceEditor.vue
index d94de3377d..cb64616120 100644
--- a/core/core-frontend/src/components/rich-text/TinymceEditor.vue
+++ b/core/core-frontend/src/components/rich-text/TinymceEditor.vue
@@ -104,7 +104,7 @@ tinymce.init({})
 }
 
 .tox {
-  border-radius: 4px !important;
+  border-radius: 6px !important;
   border-bottom: 1px solid #ccc !important;
   z-index: 1000;
 }
diff --git a/core/core-frontend/src/components/visualization/ComponentButton.vue b/core/core-frontend/src/components/visualization/ComponentButton.vue
index 11fe323fe2..0f2649b565 100644
--- a/core/core-frontend/src/components/visualization/ComponentButton.vue
+++ b/core/core-frontend/src/components/visualization/ComponentButton.vue
@@ -46,7 +46,7 @@ const emits = defineEmits(['customClick'])
   position: relative;
   &::after {
     content: '';
-    border-radius: 4px;
+    border-radius: 6px;
     display: none;
     position: absolute;
     width: calc(100% + 10px);
diff --git a/core/core-frontend/src/components/visualization/DvSidebar.vue b/core/core-frontend/src/components/visualization/DvSidebar.vue
index a0c476e8ae..80611fb8d4 100644
--- a/core/core-frontend/src/components/visualization/DvSidebar.vue
+++ b/core/core-frontend/src/components/visualization/DvSidebar.vue
@@ -324,7 +324,7 @@ const onComponentNameChange = () => {
     width: 100%;
     outline: none;
     border: 1px solid #295acc;
-    border-radius: 4px;
+    border-radius: 6px;
     padding: 0 4px;
     height: 100%;
   }
@@ -339,7 +339,7 @@ const onComponentNameChange = () => {
     background-color: #050e21;
     outline: none;
     border: 1px solid #295acc;
-    border-radius: 4px;
+    border-radius: 6px;
     padding: 0 4px;
     height: 100%;
   }
diff --git a/core/core-frontend/src/components/visualization/LinkJumpSet.vue b/core/core-frontend/src/components/visualization/LinkJumpSet.vue
index 3b30b5ab53..18a1ce8b4f 100644
--- a/core/core-frontend/src/components/visualization/LinkJumpSet.vue
+++ b/core/core-frontend/src/components/visualization/LinkJumpSet.vue
@@ -1123,7 +1123,7 @@ defineExpose({
 .preview {
   margin-top: 5px;
   border: 1px solid #e6e6e6;
-  border-radius: 4px;
+  border-radius: 6px;
   height: 470px !important;
   overflow: hidden;
   background-size: 100% 100% !important;
@@ -1257,7 +1257,7 @@ defineExpose({
   white-space: nowrap;
   text-overflow: ellipsis;
 
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #dee0e3;
 
   background: #fff;
@@ -1455,13 +1455,13 @@ span {
 
 .outer-content {
   height: 340px;
-  border-radius: 4px;
+  border-radius: 6px;
 }
 
 .padding-lr {
   height: 500px;
   border: 1px solid var(--deCardStrokeColor, #dee0e3);
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 12px;
   box-sizing: border-box;
   margin-left: 12px;
diff --git a/core/core-frontend/src/components/visualization/LinkageSet.vue b/core/core-frontend/src/components/visualization/LinkageSet.vue
index 09ccea24d4..11a55610bf 100644
--- a/core/core-frontend/src/components/visualization/LinkageSet.vue
+++ b/core/core-frontend/src/components/visualization/LinkageSet.vue
@@ -674,7 +674,7 @@ defineExpose({
 .preview {
   margin-top: 5px;
   border: 1px solid #e6e6e6;
-  border-radius: 4px;
+  border-radius: 6px;
   height: 470px !important;
   overflow: hidden;
   background-size: 100% 100% !important;
@@ -917,13 +917,13 @@ span {
 
 .outer-content {
   height: 340px;
-  border-radius: 4px;
+  border-radius: 6px;
 }
 
 .padding-lr {
   height: 500px;
   border: 1px solid var(--deCardStrokeColor, #dee0e3);
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 12px;
   box-sizing: border-box;
   margin-left: 12px;
diff --git a/core/core-frontend/src/components/visualization/OuterParamsSet.vue b/core/core-frontend/src/components/visualization/OuterParamsSet.vue
index feb69c3f18..2a6ebbfe21 100644
--- a/core/core-frontend/src/components/visualization/OuterParamsSet.vue
+++ b/core/core-frontend/src/components/visualization/OuterParamsSet.vue
@@ -794,7 +794,7 @@ defineExpose({
 .preview {
   margin-top: 5px;
   border: 1px solid #e6e6e6;
-  border-radius: 4px;
+  border-radius: 6px;
   height: 470px !important;
   overflow: hidden;
   background-size: 100% 100% !important;
@@ -1055,7 +1055,7 @@ defineExpose({
 .expand-custom {
   width: 16px;
   height: 16px;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 0px 1px;
   color: rgba(100, 106, 115, 1);
   &:hover {
@@ -1066,7 +1066,7 @@ defineExpose({
 
 .ds-view-content {
   width: calc(100% - 16px);
-  border-radius: 4px;
+  border-radius: 6px;
   margin: 8px 16px 0 16px;
   padding: 12px;
   background: rgba(245, 246, 247, 1);
diff --git a/core/core-frontend/src/components/visualization/SettingMenu.vue b/core/core-frontend/src/components/visualization/SettingMenu.vue
index 33c51bd3f1..bb0c09e6c2 100644
--- a/core/core-frontend/src/components/visualization/SettingMenu.vue
+++ b/core/core-frontend/src/components/visualization/SettingMenu.vue
@@ -359,7 +359,7 @@ onMounted(() => {
 
   ul {
     border: 1px solid #e4e7ed;
-    border-radius: 4px;
+    border-radius: 6px;
     background-color: #fff;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     box-sizing: border-box;
diff --git a/core/core-frontend/src/components/visualization/common/DeUpload.vue b/core/core-frontend/src/components/visualization/common/DeUpload.vue
index 929e4d076a..bbdd2398fd 100644
--- a/core/core-frontend/src/components/visualization/common/DeUpload.vue
+++ b/core/core-frontend/src/components/visualization/common/DeUpload.vue
@@ -131,7 +131,7 @@ watch(
   :deep(.ed-upload--picture-card) {
     background: #eff0f1;
     border: 1px dashed #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .ed-icon {
       color: #1f2329;
@@ -209,7 +209,7 @@ watch(
   :deep(.ed-upload--picture-card) {
     background: #eff0f1;
     border: 1px dashed #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .ed-icon {
       color: #1f2329;
diff --git a/core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue b/core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue
index b4eccbb2bd..49ffccf32b 100644
--- a/core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue
+++ b/core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue
@@ -611,7 +611,7 @@ watch(
   :deep(.ed-upload--picture-card) {
     background: #eff0f1;
     border: 1px dashed #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .ed-icon {
       color: #1f2329;
@@ -664,7 +664,7 @@ watch(
   :deep(.ed-upload--picture-card) {
     background: #eff0f1;
     border: 1px dashed #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .ed-icon {
       color: #1f2329;
diff --git a/core/core-frontend/src/components/visualization/component-background/BoardItem.vue b/core/core-frontend/src/components/visualization/component-background/BoardItem.vue
index da4ccae390..fb6b9c5f83 100644
--- a/core/core-frontend/src/components/visualization/component-background/BoardItem.vue
+++ b/core/core-frontend/src/components/visualization/component-background/BoardItem.vue
@@ -53,7 +53,7 @@ const mainIconClass = itemUrl => {
     &:hover {
       border: 1px dashed var(--ed-color-primary-99, rgba(51, 112, 255, 0.6));
     }
-    border-radius: 4px;
+    border-radius: 6px;
     background-color: #f5f6f7;
     width: 88px;
     height: 64px;
diff --git a/core/core-frontend/src/components/visualization/component-background/CanvasBackground.vue b/core/core-frontend/src/components/visualization/component-background/CanvasBackground.vue
index 207f04281f..16de015681 100644
--- a/core/core-frontend/src/components/visualization/component-background/CanvasBackground.vue
+++ b/core/core-frontend/src/components/visualization/component-background/CanvasBackground.vue
@@ -238,7 +238,7 @@ watch(
   :deep(.ed-upload--picture-card) {
     background: #eff0f1;
     border: 1px dashed #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .ed-icon {
       color: #1f2329;
@@ -291,7 +291,7 @@ watch(
   :deep(.ed-upload--picture-card) {
     background: #eff0f1;
     border: 1px dashed #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .ed-icon {
       color: #1f2329;
diff --git a/core/core-frontend/src/custom-component/common/CommonAttr.vue b/core/core-frontend/src/custom-component/common/CommonAttr.vue
index c8d199f2b0..7ca485853a 100644
--- a/core/core-frontend/src/custom-component/common/CommonAttr.vue
+++ b/core/core-frontend/src/custom-component/common/CommonAttr.vue
@@ -431,7 +431,7 @@ onMounted(() => {
   width: 24px;
   height: 24px;
   text-align: center;
-  border-radius: 4px;
+  border-radius: 6px;
   padding-top: 4px;
 
   color: #1f2329;
diff --git a/core/core-frontend/src/custom-component/common/CommonStyleSet.vue b/core/core-frontend/src/custom-component/common/CommonStyleSet.vue
index 1cd96b50c9..c3e39326f6 100644
--- a/core/core-frontend/src/custom-component/common/CommonStyleSet.vue
+++ b/core/core-frontend/src/custom-component/common/CommonStyleSet.vue
@@ -638,7 +638,7 @@ watch(
   .ed-checkbox__label {
     .bash-icon {
       background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));
-      border-radius: 4px;
+      border-radius: 6px;
       color: var(--ed-color-primary);
     }
   }
@@ -648,7 +648,7 @@ watch(
   .ed-radio__label {
     .bash-icon {
       background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));
-      border-radius: 4px;
+      border-radius: 6px;
     }
   }
 }
@@ -682,7 +682,7 @@ watch(
   width: 24px;
   height: 24px;
   text-align: center;
-  border-radius: 4px;
+  border-radius: 6px;
   padding-top: 1px;
 
   color: #1f2329;
@@ -750,7 +750,7 @@ watch(
   width: 24px;
   height: 24px;
   text-align: center;
-  border-radius: 4px;
+  border-radius: 6px;
   padding-top: 4px;
 
   color: #1f2329;
diff --git a/core/core-frontend/src/custom-component/component-group/CommonGroup.vue b/core/core-frontend/src/custom-component/component-group/CommonGroup.vue
index ae957aeb53..921229c7b9 100644
--- a/core/core-frontend/src/custom-component/component-group/CommonGroup.vue
+++ b/core/core-frontend/src/custom-component/component-group/CommonGroup.vue
@@ -135,7 +135,7 @@ const findUrl = name => {
         white-space: nowrap;
         list-style-type: none;
         list-style-position: inside;
-        border-radius: 4px;
+        border-radius: 6px;
         padding-left: 8px;
         &:hover {
           background: rgba(255, 255, 255, 0.1);
@@ -174,7 +174,7 @@ const findUrl = name => {
     height: 64px;
     background: #1a1a1a;
     padding: 4px;
-    border-radius: 4px;
+    border-radius: 6px;
     cursor: pointer;
     &:hover {
       outline: 1px solid var(--ed-color-primary);
@@ -203,7 +203,7 @@ const findUrl = name => {
   .item-top {
     width: 28px;
     height: 28px;
-    border-radius: 4px;
+    border-radius: 6px;
     padding: 4px;
     cursor: pointer;
     &:hover {
diff --git a/core/core-frontend/src/custom-component/component-group/DragComponent.vue b/core/core-frontend/src/custom-component/component-group/DragComponent.vue
index a190a9806b..c047958551 100644
--- a/core/core-frontend/src/custom-component/component-group/DragComponent.vue
+++ b/core/core-frontend/src/custom-component/component-group/DragComponent.vue
@@ -54,13 +54,13 @@ const { icon, name, label, dragInfo, themes } = toRefs(props)
   }
 }
 .drag-component {
-  border-radius: 4px;
+  border-radius: 6px;
   width: 88px !important;
   margin-right: 12px;
   .icon-content {
     width: 88px !important;
     height: 64px !important;
-    border-radius: 4px;
+    border-radius: 6px;
     &:hover {
       border: 1px solid var(--ed-color-primary);
       cursor: pointer;
diff --git a/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue b/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue
index 91f9447c16..23209bf189 100644
--- a/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue
+++ b/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue
@@ -252,7 +252,7 @@ const loadPluginCategory = data => {
         white-space: nowrap;
         list-style-type: none;
         list-style-position: inside;
-        border-radius: 4px;
+        border-radius: 6px;
         color: #a6a6a6;
         padding-left: 8px;
         &:hover {
@@ -300,7 +300,7 @@ const loadPluginCategory = data => {
     width: 88px;
     height: 64px;
     background: #1a1a1a;
-    border-radius: 4px;
+    border-radius: 6px;
     cursor: pointer;
     display: flex;
     align-items: center;
diff --git a/core/core-frontend/src/custom-component/de-graphical/Attr.vue b/core/core-frontend/src/custom-component/de-graphical/Attr.vue
index acb43c5175..e5e64455ab 100644
--- a/core/core-frontend/src/custom-component/de-graphical/Attr.vue
+++ b/core/core-frontend/src/custom-component/de-graphical/Attr.vue
@@ -108,7 +108,7 @@ onBeforeUnmount(() => {
 :deep(.ed-upload--picture-card) {
   background: #eff0f1;
   border: 1px dashed #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
 
   .ed-icon {
     color: #1f2329;
diff --git a/core/core-frontend/src/custom-component/de-screen/DeCustomTab.vue b/core/core-frontend/src/custom-component/de-screen/DeCustomTab.vue
index ee267b9bc0..5ffc736b3d 100644
--- a/core/core-frontend/src/custom-component/de-screen/DeCustomTab.vue
+++ b/core/core-frontend/src/custom-component/de-screen/DeCustomTab.vue
@@ -172,7 +172,7 @@ const noBorder = computed(() => props.borderColor === 'none')
 
         &:first-child {
           border-left: 1px solid var(--de-border-color);
-          border-radius: 4px 0 0 4px;
+          border-radius: 6px 0 0 4px;
         }
 
         &:last-child {
diff --git a/core/core-frontend/src/custom-component/de-tabs/DeCustomTab.vue b/core/core-frontend/src/custom-component/de-tabs/DeCustomTab.vue
index ee267b9bc0..5ffc736b3d 100644
--- a/core/core-frontend/src/custom-component/de-tabs/DeCustomTab.vue
+++ b/core/core-frontend/src/custom-component/de-tabs/DeCustomTab.vue
@@ -172,7 +172,7 @@ const noBorder = computed(() => props.borderColor === 'none')
 
         &:first-child {
           border-left: 1px solid var(--de-border-color);
-          border-radius: 4px 0 0 4px;
+          border-radius: 6px 0 0 4px;
         }
 
         &:last-child {
diff --git a/core/core-frontend/src/custom-component/de-time-clock/Attr.vue b/core/core-frontend/src/custom-component/de-time-clock/Attr.vue
index 61fff72f60..935acf739c 100644
--- a/core/core-frontend/src/custom-component/de-time-clock/Attr.vue
+++ b/core/core-frontend/src/custom-component/de-time-clock/Attr.vue
@@ -120,7 +120,7 @@ onBeforeUnmount(() => {
 :deep(.ed-upload--picture-card) {
   background: #eff0f1;
   border: 1px dashed #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
 
   .ed-icon {
     color: #1f2329;
diff --git a/core/core-frontend/src/custom-component/de-time-clock/CustomAttr.vue b/core/core-frontend/src/custom-component/de-time-clock/CustomAttr.vue
index 6390c7fede..cf049ff6ff 100644
--- a/core/core-frontend/src/custom-component/de-time-clock/CustomAttr.vue
+++ b/core/core-frontend/src/custom-component/de-time-clock/CustomAttr.vue
@@ -68,7 +68,7 @@ const { curComponent } = storeToRefs(dvMainStore)
 :deep(.ed-upload--picture-card) {
   background: #eff0f1;
   border: 1px dashed #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
 
   .ed-icon {
     color: #1f2329;
diff --git a/core/core-frontend/src/custom-component/picture-group/PictureGroupDatasetSelect.vue b/core/core-frontend/src/custom-component/picture-group/PictureGroupDatasetSelect.vue
index f6fee3e9c3..439ff97896 100644
--- a/core/core-frontend/src/custom-component/picture-group/PictureGroupDatasetSelect.vue
+++ b/core/core-frontend/src/custom-component/picture-group/PictureGroupDatasetSelect.vue
@@ -142,7 +142,7 @@ const initOpenHandler = newWindow => {
 :deep(.ed-upload--picture-card) {
   background: #eff0f1;
   border: 1px dashed #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
 
   .ed-icon {
     color: #1f2329;
@@ -226,7 +226,7 @@ const initOpenHandler = newWindow => {
     margin-top: 8px;
     background: #fff;
     height: 32px;
-    border-radius: 4px;
+    border-radius: 6px;
     border: 1px solid #dcdfe6;
     display: flex;
     color: #cccccc;
diff --git a/core/core-frontend/src/custom-component/picture-group/PictureGroupThreshold.vue b/core/core-frontend/src/custom-component/picture-group/PictureGroupThreshold.vue
index 365b34a5f8..dbccce684e 100644
--- a/core/core-frontend/src/custom-component/picture-group/PictureGroupThreshold.vue
+++ b/core/core-frontend/src/custom-component/picture-group/PictureGroupThreshold.vue
@@ -180,7 +180,7 @@ onMounted(() => {
 :deep(.ed-upload--picture-card) {
   background: #eff0f1;
   border: 1px dashed #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
 
   .ed-icon {
     color: #1f2329;
@@ -264,7 +264,7 @@ onMounted(() => {
     margin-top: 8px;
     background: #fff;
     height: 32px;
-    border-radius: 4px;
+    border-radius: 6px;
     border: 1px solid #dcdfe6;
     display: flex;
     color: #cccccc;
diff --git a/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue b/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue
index d1ae3dd055..1f2c3a06ed 100644
--- a/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue
+++ b/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue
@@ -218,7 +218,7 @@ onBeforeUnmount(() => {
 :deep(.ed-upload--picture-card) {
   background: #eff0f1;
   border: 1px dashed #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
 
   .ed-icon {
     color: #1f2329;
@@ -299,7 +299,7 @@ onBeforeUnmount(() => {
     margin-top: 8px;
     background: #fff;
     height: 32px;
-    border-radius: 4px;
+    border-radius: 6px;
     border: 1px solid #dcdfe6;
     display: flex;
     color: #cccccc;
diff --git a/core/core-frontend/src/custom-component/picture-group/PictureItem.vue b/core/core-frontend/src/custom-component/picture-group/PictureItem.vue
index d50f91cf19..28b372e430 100644
--- a/core/core-frontend/src/custom-component/picture-group/PictureItem.vue
+++ b/core/core-frontend/src/custom-component/picture-group/PictureItem.vue
@@ -37,7 +37,7 @@ const { urlInfo, active } = toRefs(props)
     &:hover {
       border: 1px dashed var(--ed-color-primary-99, rgba(51, 112, 255, 0.6));
     }
-    border-radius: 4px;
+    border-radius: 6px;
     background-color: #f5f6f7;
     width: 80px;
     height: 56px;
diff --git a/core/core-frontend/src/custom-component/picture-group/PictureOptionPrefix.vue b/core/core-frontend/src/custom-component/picture-group/PictureOptionPrefix.vue
index 2dd329338e..09ab24c6b6 100644
--- a/core/core-frontend/src/custom-component/picture-group/PictureOptionPrefix.vue
+++ b/core/core-frontend/src/custom-component/picture-group/PictureOptionPrefix.vue
@@ -23,7 +23,7 @@ withDefaults(
   flex-direction: column;
   align-content: center;
   img {
-    border-radius: 4px;
+    border-radius: 6px;
     width: 100%;
     height: 100%;
   }
diff --git a/core/core-frontend/src/custom-component/picture/Attr.vue b/core/core-frontend/src/custom-component/picture/Attr.vue
index a720a792af..a0228ca836 100644
--- a/core/core-frontend/src/custom-component/picture/Attr.vue
+++ b/core/core-frontend/src/custom-component/picture/Attr.vue
@@ -242,7 +242,7 @@ onBeforeUnmount(() => {
 :deep(.ed-upload--picture-card) {
   background: #eff0f1;
   border: 1px dashed #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
 
   .ed-icon {
     color: #1f2329;
@@ -325,7 +325,7 @@ onBeforeUnmount(() => {
     margin-top: 8px;
     background: #fff;
     height: 32px;
-    border-radius: 4px;
+    border-radius: 6px;
     border: 1px solid #dcdfe6;
     display: flex;
     color: #cccccc;
diff --git a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
index 8f1a673986..d610433345 100644
--- a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
+++ b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
@@ -797,7 +797,7 @@ defineExpose({
 
 <style lang="less">
 .tox {
-  border-radius: 4px !important;
+  border-radius: 6px !important;
   border-bottom: 1px solid #ccc !important;
   z-index: 1000;
 }
diff --git a/core/core-frontend/src/custom-component/v-query/Component.vue b/core/core-frontend/src/custom-component/v-query/Component.vue
index 7860131579..6330ae10b4 100644
--- a/core/core-frontend/src/custom-component/v-query/Component.vue
+++ b/core/core-frontend/src/custom-component/v-query/Component.vue
@@ -1284,7 +1284,7 @@ const autoStyle = computed(() => {
             padding: 4px 8px;
             height: 26px;
             width: 58px;
-            border-radius: 4px;
+            border-radius: 6px;
             border: 1px solid #dee0e3;
             background: #fff;
             box-shadow: 0px 4px 8px 0px rgba(31, 35, 41, 0.1);
@@ -1337,7 +1337,7 @@ const autoStyle = computed(() => {
             padding: 4px 8px;
             height: 26px;
             width: 58px;
-            border-radius: 4px;
+            border-radius: 6px;
             border: 1px solid #dee0e3;
             background: #fff;
             box-shadow: 0px 4px 8px 0px rgba(31, 35, 41, 0.1);
diff --git a/core/core-frontend/src/custom-component/v-query/NumberInput.vue b/core/core-frontend/src/custom-component/v-query/NumberInput.vue
index 656bb0a3f2..a51ddf6720 100644
--- a/core/core-frontend/src/custom-component/v-query/NumberInput.vue
+++ b/core/core-frontend/src/custom-component/v-query/NumberInput.vue
@@ -108,7 +108,7 @@ const color = computed(() => {
 .num-search-select {
   display: flex;
   align-items: center;
-  border-radius: 4px;
+  border-radius: 6px;
   .num-value_line {
     background: #1f2329;
     width: 12px;
diff --git a/core/core-frontend/src/custom-component/v-query/QueryCascade.vue b/core/core-frontend/src/custom-component/v-query/QueryCascade.vue
index 3e19567ac5..e8c86d10b6 100644
--- a/core/core-frontend/src/custom-component/v-query/QueryCascade.vue
+++ b/core/core-frontend/src/custom-component/v-query/QueryCascade.vue
@@ -320,7 +320,7 @@ defineExpose({
   .content {
     height: 62px;
     width: 852px;
-    border-radius: 4px;
+    border-radius: 6px;
     background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));
     position: relative;
     padding: 9px 0 9px 40px;
diff --git a/core/core-frontend/src/custom-component/v-query/QueryConditionConfiguration.vue b/core/core-frontend/src/custom-component/v-query/QueryConditionConfiguration.vue
index 6d5d079463..eef7b9e3b7 100644
--- a/core/core-frontend/src/custom-component/v-query/QueryConditionConfiguration.vue
+++ b/core/core-frontend/src/custom-component/v-query/QueryConditionConfiguration.vue
@@ -3663,7 +3663,7 @@ defineExpose({
     font-family: var(--de-custom_font, 'PingFang');
     width: 1152px;
     height: 454px;
-    border-radius: 4px;
+    border-radius: 6px;
     border: 1px solid #dee0e3;
     display: flex;
     .ed-checkbox:not(.is-disabled) {
diff --git a/core/core-frontend/src/layout/components/HeaderMenuItem.vue b/core/core-frontend/src/layout/components/HeaderMenuItem.vue
index cb114a88cf..109a12e04b 100644
--- a/core/core-frontend/src/layout/components/HeaderMenuItem.vue
+++ b/core/core-frontend/src/layout/components/HeaderMenuItem.vue
@@ -52,7 +52,7 @@ export default HeaderMenuItem
   }
   .popper-class-menu {
     min-width: 152px;
-    border-radius: 4px;
+    border-radius: 6px;
     border: 1px solid #dee0e3 !important;
 
     .ed-menu--popup {
diff --git a/core/core-frontend/src/layout/components/TopDesktopCard.vue b/core/core-frontend/src/layout/components/TopDesktopCard.vue
index a2c23275c7..365769afb9 100644
--- a/core/core-frontend/src/layout/components/TopDesktopCard.vue
+++ b/core/core-frontend/src/layout/components/TopDesktopCard.vue
@@ -37,7 +37,7 @@ const openBlank = () => {
   &:hover,
   &:active {
     background-color: #1f23291a;
-    border-radius: 4px;
+    border-radius: 6px;
   }
 }
 
diff --git a/core/core-frontend/src/layout/components/TopDocCard.vue b/core/core-frontend/src/layout/components/TopDocCard.vue
index f3a1d32707..693c3096b0 100644
--- a/core/core-frontend/src/layout/components/TopDocCard.vue
+++ b/core/core-frontend/src/layout/components/TopDocCard.vue
@@ -46,7 +46,7 @@ const openBlank = () => {
   &:hover,
   &:active {
     background-color: #1f23291a;
-    border-radius: 4px;
+    border-radius: 6px;
   }
 }
 
diff --git a/core/core-frontend/src/permissionMobile.ts b/core/core-frontend/src/permissionMobile.ts
index b302751e3e..98052326f5 100644
--- a/core/core-frontend/src/permissionMobile.ts
+++ b/core/core-frontend/src/permissionMobile.ts
@@ -37,7 +37,7 @@ const skeletonContent = h(
     .skeleton-bar {
       height: 16px;
       margin-bottom: 12px;
-      border-radius: 4px;
+      border-radius: 6px;
       background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
       background-size: 200% 100%;
       animation: shimmer 1.5s infinite;
diff --git a/core/core-frontend/src/style/index.less b/core/core-frontend/src/style/index.less
index 33a8d49d55..51f1422c23 100644
--- a/core/core-frontend/src/style/index.less
+++ b/core/core-frontend/src/style/index.less
@@ -12,6 +12,7 @@
   --ed-disabled-border-color: #d9dcdf !important;
   --ed-border-color-light: #dee0e3 !important;
   --ed-border-color-lighter: #dee0e3 !important;
+  --ed-popover-border-radius: 6px !important;
 }
 
 body {
@@ -59,7 +60,7 @@ body {
 
 .list-item_primary {
   height: 40px;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 8px 12px;
   cursor: pointer;
   display: flex;
@@ -185,7 +186,7 @@ body {
 .tree-icon {
   cursor: pointer;
   font-size: 16px;
-  border-radius: 4px;
+  border-radius: 6px;
 }
 
 .hover-icon-in-table {
@@ -224,7 +225,7 @@ body {
   width: 26px !important;
   height: 26px !important;
   color: rgba(255, 255, 255, 1);
-  border-radius: 4px;
+  border-radius: 6px;
 
   &:hover {
     background: rgba(235, 235, 235, 0.1);
@@ -303,7 +304,7 @@ body {
     display: none;
     width: 22px;
     height: 22px;
-    border-radius: 4px;
+    border-radius: 6px;
   }
 
   &:hover {
@@ -645,7 +646,7 @@ strong {
 
 .de-main_scrollbar {
   ::-webkit-scrollbar-thumb {
-    border-radius: 4px;
+    border-radius: 6px;
     background: #1f23294d;
   }
 
@@ -807,7 +808,7 @@ strong {
 .ed-select__popper {
   padding: 0 4px !important;
   .ed-select-dropdown__item {
-    border-radius: 4px;
+    border-radius: 6px;
   }
 
   .ed-select-dropdown__list {
@@ -825,3 +826,20 @@ strong {
 .ed-message-box {
   --ed-messagebox-border-radius: 12px !important;
 }
+
+.ed-popover.ed-popover {
+  --ed-popover-border-radius: 6px;
+}
+
+.ed-popper__arrow {
+  width: 10px !important;
+  height: 10px !important;
+}
+
+.ed-popper[data-popper-placement^='top'] > .ed-popper__arrow {
+  bottom: -5px !important;
+}
+
+.ed-popper[data-popper-placement^='right'] > .ed-popper__arrow {
+  left: -5px !important;
+}
diff --git a/core/core-frontend/src/views/about/index.vue b/core/core-frontend/src/views/about/index.vue
index 31ad12f5bf..ee71a5735f 100644
--- a/core/core-frontend/src/views/about/index.vue
+++ b/core/core-frontend/src/views/about/index.vue
@@ -237,13 +237,13 @@ const update = (licKey: string) => {
 <style lang="less">
 .about-dialog {
   img {
-    border-radius: 4px;
+    border-radius: 6px;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
   }
   .color-overlay {
     position: absolute;
-    border-radius: 4px;
+    border-radius: 6px;
     width: 792px;
     height: 180px;
     top: 72px;
@@ -259,7 +259,7 @@ const update = (licKey: string) => {
   }
 
   .content {
-    border-radius: 4px;
+    border-radius: 6px;
     border: 1px solid #dee0e3;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
diff --git a/core/core-frontend/src/views/chart/components/editor/chart-type/ChartType.vue b/core/core-frontend/src/views/chart/components/editor/chart-type/ChartType.vue
index d776512a0c..a753de0d62 100644
--- a/core/core-frontend/src/views/chart/components/editor/chart-type/ChartType.vue
+++ b/core/core-frontend/src/views/chart/components/editor/chart-type/ChartType.vue
@@ -163,7 +163,7 @@ const groupActiveChange = category => {
         white-space: nowrap;
         list-style-type: none;
         list-style-position: inside;
-        border-radius: 4px;
+        border-radius: 6px;
         padding-left: 8px;
         &:hover {
           background: rgba(255, 255, 255, 0.1);
@@ -210,7 +210,7 @@ const groupActiveChange = category => {
     width: 88px;
     height: 64px;
     background: transparent;
-    border-radius: 4px;
+    border-radius: 6px;
     cursor: pointer;
     display: flex;
     align-items: center;
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue
index fb5e48545e..9afe2b13e1 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue
@@ -741,7 +741,7 @@ onMounted(() => {
   height: 28px;
   line-height: 28px;
   display: flex;
-  border-radius: 4px;
+  border-radius: 6px;
   box-sizing: border-box;
   white-space: nowrap;
   width: 100%;
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue
index 40f28240aa..f265d4d982 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue
@@ -350,7 +350,7 @@ onMounted(() => {
   height: 28px;
   line-height: 28px;
   display: flex;
-  border-radius: 4px;
+  border-radius: 6px;
   box-sizing: border-box;
   white-space: nowrap;
   width: 100%;
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/FilterItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/FilterItem.vue
index e0d2ff8f1a..7527e1e86c 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/FilterItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/FilterItem.vue
@@ -164,7 +164,7 @@ onMounted(() => {
   height: 28px;
   line-height: 28px;
   display: flex;
-  border-radius: 4px;
+  border-radius: 6px;
   box-sizing: border-box;
   white-space: nowrap;
   width: 100%;
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue
index 0af639eb33..bb9a1a6c2f 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue
@@ -901,7 +901,7 @@ onMounted(() => {
   height: 28px;
   line-height: 28px;
   display: flex;
-  border-radius: 4px;
+  border-radius: 6px;
   box-sizing: border-box;
   white-space: nowrap;
   width: 100%;
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/components/CustomSortEdit.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/components/CustomSortEdit.vue
index 47570e3455..b1dcfb7d1e 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/components/CustomSortEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/components/CustomSortEdit.vue
@@ -131,7 +131,7 @@ init()
   padding: 2px;
   margin: 2px;
   border: 1px solid #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
   text-align: left;
   color: #606266;
   background-color: white;
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/components/SortPriorityEdit.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/components/SortPriorityEdit.vue
index 8ceb2395e0..512246823f 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/components/SortPriorityEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/components/SortPriorityEdit.vue
@@ -134,7 +134,7 @@ init()
   padding: 2px;
   margin: 2px;
   border: 1px solid #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
   text-align: left;
   color: #606266;
   background-color: white;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/Threshold.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/Threshold.vue
index ef4c710d05..a8841f3b5c 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/Threshold.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/Threshold.vue
@@ -1281,7 +1281,7 @@ span {
 }
 
 .threshold-container {
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #dee0e3;
 
   margin-top: 8px;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/AssistLineEdit.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/AssistLineEdit.vue
index 92df2abfe0..aee7b893c6 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/AssistLineEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/AssistLineEdit.vue
@@ -341,7 +341,7 @@ onMounted(() => {
 <style lang="less" scoped>
 .line-item {
   width: 100%;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 4px;
   display: flex;
   justify-content: left;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/LineThresholdEdit.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/LineThresholdEdit.vue
index 1fcbdf37e7..950bb04396 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/LineThresholdEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/LineThresholdEdit.vue
@@ -488,7 +488,7 @@ init()
 <style lang="less" scoped>
 .field-item {
   width: 100%;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 10px 16px;
   margin-top: 10px;
   background: #f5f6f7;
@@ -560,7 +560,7 @@ span {
 .tip {
   font-size: 12px;
   background: #d6e2ff;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 10px 20px;
   display: flex;
   align-items: center;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/PictureGroupThresholdEdit.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/PictureGroupThresholdEdit.vue
index 7a5eb1535a..28bbdb5158 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/PictureGroupThresholdEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/PictureGroupThresholdEdit.vue
@@ -512,7 +512,7 @@ init()
 <style lang="less" scoped>
 .field-item {
   width: 100%;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 10px 16px;
   margin-top: 10px;
   background: #f5f6f7;
@@ -584,7 +584,7 @@ span {
 .tip {
   font-size: 12px;
   background: #d6e2ff;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 10px 20px;
   display: flex;
   align-items: center;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TableThresholdEdit.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TableThresholdEdit.vue
index c08ac727ff..3a06148da1 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TableThresholdEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TableThresholdEdit.vue
@@ -814,7 +814,7 @@ init()
 <style lang="less" scoped>
 .field-item {
   width: 100%;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 10px 16px;
   margin-top: 10px;
   background: #f5f6f7;
@@ -880,7 +880,7 @@ span {
 .tip {
   font-size: 12px;
   background: #d6e2ff;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 10px 20px;
   display: flex;
   align-items: center;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TextLabelThresholdEdit.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TextLabelThresholdEdit.vue
index 64da85f072..f93a7d98a0 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TextLabelThresholdEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TextLabelThresholdEdit.vue
@@ -152,7 +152,7 @@ init()
 <style lang="less" scoped>
 .line-item {
   width: 100%;
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #dcdfe6;
   padding: 4px 14px;
   margin-bottom: 10px;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TextThresholdEdit.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TextThresholdEdit.vue
index 3ef3878f28..c7ff7cd57c 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TextThresholdEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TextThresholdEdit.vue
@@ -213,7 +213,7 @@ init()
 <style lang="less" scoped>
 .line-item {
   width: 100%;
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #dcdfe6;
   padding: 4px 14px;
   margin-bottom: 10px;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue
index 12dce4673c..57b30e72bf 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue
@@ -848,7 +848,7 @@ const onPlaceholderChange = () => {
     :deep(.ed-upload--picture-card) {
       background: #eff0f1;
       border: 1px dashed #dee0e3;
-      border-radius: 4px;
+      border-radius: 6px;
 
       .ed-icon {
         color: #1f2329;
@@ -925,7 +925,7 @@ const onPlaceholderChange = () => {
   width: 24px;
   height: 24px;
   text-align: center;
-  border-radius: 4px;
+  border-radius: 6px;
   padding-top: 4px;
 
   color: #1f2329;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue
index 7e9d941456..cfb17ad3ce 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue
@@ -1621,7 +1621,7 @@ onMounted(() => {
   .ed-select {
     width: 100px !important;
     :deep(.ed-input__wrapper) {
-      border-radius: 4px 0 0 4px !important;
+      border-radius: 6px 0 0 4px !important;
     }
   }
   .ed-input-group {
@@ -1663,7 +1663,7 @@ onMounted(() => {
   :deep(.ed-upload--picture-card) {
     background: #eff0f1;
     border: 1px dashed #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .ed-icon {
       color: #1f2329;
@@ -1728,7 +1728,7 @@ onMounted(() => {
   :deep(.ed-upload--picture-card) {
     background: #eff0f1;
     border: 1px dashed #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .ed-icon {
       color: #1f2329;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualBasicStyleSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualBasicStyleSelector.vue
index aa002a029a..d532c22d18 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualBasicStyleSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualBasicStyleSelector.vue
@@ -520,7 +520,7 @@ onMounted(() => {
   .ed-select {
     width: 100px !important;
     :deep(.ed-input__wrapper) {
-      border-radius: 4px 0 0 4px !important;
+      border-radius: 6px 0 0 4px !important;
     }
   }
   .ed-input-group {
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorNameSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorNameSelector.vue
index 3b88508f80..510fc4a441 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorNameSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorNameSelector.vue
@@ -299,7 +299,7 @@ defineExpose({ getFormData })
   width: 24px;
   height: 24px;
   text-align: center;
-  border-radius: 4px;
+  border-radius: 6px;
   padding-top: 4px;
 
   color: #1f2329;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorValueSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorValueSelector.vue
index fe02c8d744..8be6dfc8fa 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorValueSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorValueSelector.vue
@@ -605,7 +605,7 @@ defineExpose({ getFormData })
   width: 24px;
   height: 24px;
   text-align: center;
-  border-radius: 4px;
+  border-radius: 6px;
   padding-top: 4px;
 
   color: #1f2329;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/LegendSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/LegendSelector.vue
index c442298fe1..5b2c48952e 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/LegendSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/LegendSelector.vue
@@ -781,7 +781,7 @@ onMounted(() => {
   width: 24px;
   height: 24px;
   text-align: center;
-  border-radius: 4px;
+  border-radius: 6px;
   padding-top: 4px;
 
   color: #1f2329;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/SymbolicStyleSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/SymbolicStyleSelector.vue
index 2624455d37..0374a32761 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/SymbolicStyleSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/SymbolicStyleSelector.vue
@@ -353,7 +353,7 @@ onMounted(() => {
   :deep(.ed-upload--picture-card) {
     background: #eff0f1;
     border: 1px dashed #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .ed-icon {
       color: #1f2329;
@@ -418,7 +418,7 @@ onMounted(() => {
   :deep(.ed-upload--picture-card) {
     background: #eff0f1;
     border: 1px dashed #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .ed-icon {
       color: #1f2329;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/TitleSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/TitleSelector.vue
index 418fe32891..394785992a 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/TitleSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/TitleSelector.vue
@@ -420,7 +420,7 @@ watch(
   width: 24px;
   height: 24px;
   text-align: center;
-  border-radius: 4px;
+  border-radius: 6px;
   padding-top: 4px;
 
   color: #1f2329;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/CustomAggrEdit.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/CustomAggrEdit.vue
index 576b8021bb..cfde960874 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/CustomAggrEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/CustomAggrEdit.vue
@@ -436,12 +436,12 @@ initFunction()
     border: 1px solid var(--deCardStrokeColor, #dee0e3);
     box-sizing: border-box;
     height: 500px;
-    border-radius: 4px;
+    border-radius: 6px;
   }
 }
 .hover-icon_quota {
   cursor: pointer;
-  border-radius: 4px;
+  border-radius: 6px;
   font-size: 16px;
   position: relative;
 
@@ -452,7 +452,7 @@ initFunction()
       width: 24px;
       height: 24px;
       background: rgba(31, 35, 41, 0.1);
-      border-radius: 4px;
+      border-radius: 6px;
       transform: translate(-50%, -50%);
       top: 50%;
       left: 50%;
@@ -466,7 +466,7 @@ initFunction()
       width: 24px;
       height: 24px;
       background: rgba(31, 35, 41, 0.1);
-      border-radius: 4px;
+      border-radius: 6px;
       transform: translate(-50%, -50%);
       top: 50%;
       left: 50%;
@@ -480,7 +480,7 @@ initFunction()
       width: 24px;
       height: 24px;
       background: rgba(31, 35, 41, 0.2);
-      border-radius: 4px;
+      border-radius: 6px;
       transform: translate(-50%, -50%);
       top: 50%;
       left: 50%;
@@ -522,7 +522,7 @@ initFunction()
   height: 28px;
   margin-top: 4px;
   word-break: break-all;
-  border-radius: 4px;
+  border-radius: 6px;
 
   .icon-right {
     display: none;
@@ -559,7 +559,7 @@ initFunction()
   min-height: 28px;
   padding: 0px 8px;
   margin-bottom: 4px;
-  border-radius: 4px;
+  border-radius: 6px;
   color: #1f2329;
   &:hover {
     background: rgba(31, 35, 41, 0.1);
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableCellSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableCellSelector.vue
index 09f6f1bef9..bcfeb669d9 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableCellSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableCellSelector.vue
@@ -476,7 +476,7 @@ onMounted(() => {
   height: 24px;
   text-align: center;
   vertical-align: middle;
-  border-radius: 4px;
+  border-radius: 6px;
   padding-top: 4px;
 
   color: #1f2329;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderSelector.vue
index 8a36c4445c..07abacf5f3 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderSelector.vue
@@ -850,7 +850,7 @@ onMounted(() => {
   width: 24px;
   height: 24px;
   text-align: center;
-  border-radius: 4px;
+  border-radius: 6px;
   padding-top: 4px;
 
   color: #1f2329;
diff --git a/core/core-frontend/src/views/chart/components/editor/filter/FilterTree.vue b/core/core-frontend/src/views/chart/components/editor/filter/FilterTree.vue
index 74ce033696..03e6a03910 100644
--- a/core/core-frontend/src/views/chart/components/editor/filter/FilterTree.vue
+++ b/core/core-frontend/src/views/chart/components/editor/filter/FilterTree.vue
@@ -106,7 +106,7 @@ defineExpose({
     min-height: 67px;
     width: 100%;
     padding: 16px;
-    border-radius: 4px;
+    border-radius: 6px;
     border: 1px solid var(--deBorderBase, #dcdfe6);
     overflow: auto;
     max-height: 500px;
diff --git a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree-chart/FilterFiled.vue b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree-chart/FilterFiled.vue
index 148341d3ca..bad1af45c6 100644
--- a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree-chart/FilterFiled.vue
+++ b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree-chart/FilterFiled.vue
@@ -1110,7 +1110,7 @@ const emits = defineEmits(['update:item', 'del'])
         :nth-child(2) {
           height: 26px;
           line-height: 26px;
-          border-radius: 4px;
+          border-radius: 6px;
           padding: 0 4px;
           color: var(--ed-color-primary, #3370ff);
           &:hover {
@@ -1160,7 +1160,7 @@ const emits = defineEmits(['update:item', 'del'])
             width: 24px;
             margin: 0px;
             height: 24px;
-            border-radius: 4px;
+            border-radius: 6px;
             background-color: #1f23291a;
           }
         }
@@ -1204,7 +1204,7 @@ const emits = defineEmits(['update:item', 'del'])
   margin: 5px 0;
   background-color: #fff;
   border: 1px solid #ebeef5;
-  border-radius: 4px;
+  border-radius: 6px;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   margin-top: 12px;
   position: absolute;
diff --git a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
index 8948f0afe7..17021ddf79 100644
--- a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
+++ b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
@@ -930,7 +930,7 @@ const emits = defineEmits(['update:item', 'del'])
         :nth-child(2) {
           height: 26px;
           line-height: 26px;
-          border-radius: 4px;
+          border-radius: 6px;
           padding: 0 4px;
           color: var(--ed-color-primary, #3370ff);
           &:hover {
@@ -979,7 +979,7 @@ const emits = defineEmits(['update:item', 'del'])
             width: 24px;
             margin: 0px;
             height: 24px;
-            border-radius: 4px;
+            border-radius: 6px;
             background-color: #1f23291a;
           }
         }
@@ -1023,7 +1023,7 @@ const emits = defineEmits(['update:item', 'del'])
   margin: 5px 0;
   background-color: #fff;
   border: 1px solid #ebeef5;
-  border-radius: 4px;
+  border-radius: 6px;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   margin-top: 12px;
   position: absolute;
diff --git a/core/core-frontend/src/views/chart/components/editor/index.vue b/core/core-frontend/src/views/chart/components/editor/index.vue
index 4d33b4055e..dd14eae94f 100644
--- a/core/core-frontend/src/views/chart/components/editor/index.vue
+++ b/core/core-frontend/src/views/chart/components/editor/index.vue
@@ -4081,7 +4081,7 @@ const chartStyleScroll = (val: any) => {
     .items {
       width: 100%;
       height: 28px;
-      border-radius: 4px;
+      border-radius: 6px;
       border: 1px solid transparent;
       color: #a6a6a6;
       font-size: 12px;
@@ -4470,7 +4470,7 @@ span {
     white-space: nowrap;
     text-overflow: ellipsis;
     position: relative;
-    border-radius: 4px;
+    border-radius: 6px;
     border: 1px solid transparent;
 
     font-size: 12px;
@@ -4619,7 +4619,7 @@ span {
     padding: 2px 0 0 0;
     width: 100%;
     min-height: 32px;
-    border-radius: 4px;
+    border-radius: 6px;
     overflow-x: hidden;
     overflow-y: hidden;
     display: block;
@@ -4667,7 +4667,7 @@ span {
       margin-top: 8px;
       background: #fff;
       height: 28px;
-      border-radius: 4px;
+      border-radius: 6px;
       border: 1px solid #dcdfe6;
       display: flex;
       color: #cccccc;
@@ -4833,7 +4833,7 @@ span {
         position: absolute;
         width: 24px;
         height: 24px;
-        border-radius: 4px;
+        border-radius: 6px;
         top: -4px;
         left: -4px;
         background: rgba(31, 35, 41, 0.1);
@@ -5234,7 +5234,7 @@ span {
     width: 100%;
     outline: none;
     border: 1px solid #295acc;
-    border-radius: 4px;
+    border-radius: 6px;
     padding: 0 4px;
     height: 100%;
   }
@@ -5249,7 +5249,7 @@ span {
     background-color: #050e21;
     outline: none;
     border: 1px solid #295acc;
-    border-radius: 4px;
+    border-radius: 6px;
     padding: 0 4px;
     height: 100%;
   }
diff --git a/core/core-frontend/src/views/common/DeResourceCreateOptV2.vue b/core/core-frontend/src/views/common/DeResourceCreateOptV2.vue
index 790fd4674b..4520297093 100644
--- a/core/core-frontend/src/views/common/DeResourceCreateOptV2.vue
+++ b/core/core-frontend/src/views/common/DeResourceCreateOptV2.vue
@@ -36,7 +36,7 @@ defineExpose({
 
 <style lang="less">
 .market-create-dialog {
-  border-radius: 4px !important;
+  border-radius: 6px !important;
   padding: 0 !important;
 
   overflow: hidden;
diff --git a/core/core-frontend/src/views/common/DeResourceGroupOpt.vue b/core/core-frontend/src/views/common/DeResourceGroupOpt.vue
index e50dea1605..3a7d5e08af 100644
--- a/core/core-frontend/src/views/common/DeResourceGroupOpt.vue
+++ b/core/core-frontend/src/views/common/DeResourceGroupOpt.vue
@@ -423,7 +423,7 @@ const emits = defineEmits(['finish'])
   width: 552px;
   height: 380px;
   border: 1px solid #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 8px;
   overflow-y: auto;
   .empty-search {
diff --git a/core/core-frontend/src/views/common/DeResourceTree.vue b/core/core-frontend/src/views/common/DeResourceTree.vue
index c5907c7756..6a89591601 100644
--- a/core/core-frontend/src/views/common/DeResourceTree.vue
+++ b/core/core-frontend/src/views/common/DeResourceTree.vue
@@ -1010,7 +1010,7 @@ defineExpose({
   }
 
   .icon-screen-new {
-    border-radius: 4px;
+    border-radius: 6px;
     color: #fff;
     padding: 3px;
   }
@@ -1030,7 +1030,7 @@ defineExpose({
   }
 
   .ed-icon {
-    border-radius: 4px;
+    border-radius: 6px;
   }
 }
 
diff --git a/core/core-frontend/src/views/dashboard/MobileBackgroundSelector.vue b/core/core-frontend/src/views/dashboard/MobileBackgroundSelector.vue
index e14dd5541a..174124b7f5 100644
--- a/core/core-frontend/src/views/dashboard/MobileBackgroundSelector.vue
+++ b/core/core-frontend/src/views/dashboard/MobileBackgroundSelector.vue
@@ -238,7 +238,7 @@ watch(
     :deep(.ed-upload--picture-card) {
       background: #eff0f1;
       border: 1px dashed #dee0e3;
-      border-radius: 4px;
+      border-radius: 6px;
 
       .ed-icon {
         color: #1f2329;
@@ -291,7 +291,7 @@ watch(
     :deep(.ed-upload--picture-card) {
       background: #eff0f1;
       border: 1px dashed #dee0e3;
-      border-radius: 4px;
+      border-radius: 6px;
 
       .ed-icon {
         color: #1f2329;
diff --git a/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue b/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
index d53612f758..0e59d7157c 100644
--- a/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
+++ b/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
@@ -394,7 +394,7 @@ const save = () => {
       .switch-pc {
         &::after {
           content: '';
-          border-radius: 4px;
+          border-radius: 6px;
           display: none;
           position: absolute;
           width: calc(100% + 10px);
@@ -574,7 +574,7 @@ const save = () => {
       float: left;
       background: #fff;
       padding: 4px;
-      border-radius: 4px;
+      border-radius: 6px;
       border: 1px solid #dee0e3;
       &:nth-child(2n) {
         margin-right: -1px;
@@ -611,7 +611,7 @@ const save = () => {
       top: 12px;
       right: 12px;
       border: 2px solid #8f959e;
-      border-radius: 4px;
+      border-radius: 6px;
       z-index: 24;
       cursor: pointer;
       &:hover {
diff --git a/core/core-frontend/src/views/data-visualization/MultiplexPreviewShow.vue b/core/core-frontend/src/views/data-visualization/MultiplexPreviewShow.vue
index e63653372f..11519f6a2b 100644
--- a/core/core-frontend/src/views/data-visualization/MultiplexPreviewShow.vue
+++ b/core/core-frontend/src/views/data-visualization/MultiplexPreviewShow.vue
@@ -237,7 +237,7 @@ onBeforeMount(() => {
 }
 
 .preview {
-  border-radius: 4px;
+  border-radius: 6px;
   width: 100%;
   height: 100% !important;
   overflow: hidden;
@@ -482,13 +482,13 @@ span {
 
 .outer-content {
   height: 340px;
-  border-radius: 4px;
+  border-radius: 6px;
 }
 
 .padding-lr {
   height: 500px;
   border: 1px solid var(--deCardStrokeColor, #dee0e3);
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 12px;
   box-sizing: border-box;
   margin-left: 12px;
diff --git a/core/core-frontend/src/views/data-visualization/PreviewHead.vue b/core/core-frontend/src/views/data-visualization/PreviewHead.vue
index 55f297655d..a5b9b2e03b 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewHead.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewHead.vue
@@ -285,7 +285,7 @@ const initOpenHandler = newWindow => {
       margin-left: 12px;
       cursor: pointer;
       font-size: 20px;
-      border-radius: 4px;
+      border-radius: 6px;
       position: relative;
       &:hover {
         &::after {
@@ -293,7 +293,7 @@ const initOpenHandler = newWindow => {
           position: absolute;
           top: -4px;
           left: -4px;
-          border-radius: 4px;
+          border-radius: 6px;
           height: 28px;
           width: 28px;
           background: #1f23291a;
diff --git a/core/core-frontend/src/views/login/index.vue b/core/core-frontend/src/views/login/index.vue
index 6c92b27563..62eae063a1 100644
--- a/core/core-frontend/src/views/login/index.vue
+++ b/core/core-frontend/src/views/login/index.vue
@@ -469,7 +469,7 @@ onMounted(async () => {
     padding-top: 20px;
     box-shadow: 0px 6px 24px rgba(31, 35, 41, 0.08);
     border: 1px solid #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .login-input-module {
       width: 100%;
diff --git a/core/core-frontend/src/views/share/share/ShareGrid.vue b/core/core-frontend/src/views/share/share/ShareGrid.vue
index 02923f3b45..4a3f04b458 100644
--- a/core/core-frontend/src/views/share/share/ShareGrid.vue
+++ b/core/core-frontend/src/views/share/share/ShareGrid.vue
@@ -318,7 +318,7 @@ watch(
     font-size: 18px;
     padding: 3px;
     margin-right: 12px;
-    border-radius: 4px;
+    border-radius: 6px;
     color: #fff;
     background: var(--ed-color-primary, #3370ff);
   }
diff --git a/core/core-frontend/src/views/share/share/ShareHandler.vue b/core/core-frontend/src/views/share/share/ShareHandler.vue
index 8ebd769edd..c1483decde 100644
--- a/core/core-frontend/src/views/share/share/ShareHandler.vue
+++ b/core/core-frontend/src/views/share/share/ShareHandler.vue
@@ -812,7 +812,7 @@ onMounted(() => {
   .input-suffix-btn {
     width: 24px;
     height: 24px;
-    border-radius: 4px;
+    border-radius: 6px;
     display: flex;
     align-items: center;
     justify-content: center;
diff --git a/core/core-frontend/src/views/share/share/ShareTicket.vue b/core/core-frontend/src/views/share/share/ShareTicket.vue
index f24b6969b5..975fc2dee4 100644
--- a/core/core-frontend/src/views/share/share/ShareTicket.vue
+++ b/core/core-frontend/src/views/share/share/ShareTicket.vue
@@ -359,7 +359,7 @@ onMounted(() => {
         &:hover {
           cursor: pointer;
           background-color: #1f23291a;
-          border-radius: 4px;
+          border-radius: 6px;
         }
         svg {
           width: 20px;
diff --git a/core/core-frontend/src/views/share/share/ShareVisualHead.vue b/core/core-frontend/src/views/share/share/ShareVisualHead.vue
index 0620dfd4e5..061385881c 100644
--- a/core/core-frontend/src/views/share/share/ShareVisualHead.vue
+++ b/core/core-frontend/src/views/share/share/ShareVisualHead.vue
@@ -840,7 +840,7 @@ defineExpose({
   .input-suffix-btn {
     width: 24px;
     height: 24px;
-    border-radius: 4px;
+    border-radius: 6px;
     display: flex;
     align-items: center;
     justify-content: center;
diff --git a/core/core-frontend/src/views/share/share/TicketEdit.vue b/core/core-frontend/src/views/share/share/TicketEdit.vue
index eeba28c677..d394b22ef1 100644
--- a/core/core-frontend/src/views/share/share/TicketEdit.vue
+++ b/core/core-frontend/src/views/share/share/TicketEdit.vue
@@ -439,7 +439,7 @@ defineExpose({
       padding: 4px;
       width: 24px;
       height: 24px;
-      border-radius: 4px;
+      border-radius: 6px;
       display: flex;
       align-items: center;
       justify-content: center;
diff --git a/core/core-frontend/src/views/system/font/FontInfo.vue b/core/core-frontend/src/views/system/font/FontInfo.vue
index ce2c7e2e62..8765e51976 100644
--- a/core/core-frontend/src/views/system/font/FontInfo.vue
+++ b/core/core-frontend/src/views/system/font/FontInfo.vue
@@ -40,7 +40,7 @@ const del = () => {
   width: 100%;
   height: 58px;
   padding: 0 16px 0 12px;
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #dee0e3;
   .font {
     font-size: 40px;
diff --git a/core/core-frontend/src/views/system/font/index.vue b/core/core-frontend/src/views/system/font/index.vue
index a2067b73ac..fdcf1492a8 100644
--- a/core/core-frontend/src/views/system/font/index.vue
+++ b/core/core-frontend/src/views/system/font/index.vue
@@ -219,7 +219,7 @@ onMounted(() => {
     row-gap: 16px;
     justify-content: space-between;
     .font-content_item {
-      border-radius: 4px;
+      border-radius: 6px;
       background: #fff;
       width: calc(50% - 8px);
       position: relative;
diff --git a/core/core-frontend/src/views/system/modify-pwd/index.vue b/core/core-frontend/src/views/system/modify-pwd/index.vue
index 9ef54a9dfb..6b88f77f34 100644
--- a/core/core-frontend/src/views/system/modify-pwd/index.vue
+++ b/core/core-frontend/src/views/system/modify-pwd/index.vue
@@ -39,7 +39,7 @@ const { t } = useI18n()
   .user-tabs {
     width: 200px;
     height: 201px;
-    border-radius: 4px;
+    border-radius: 6px;
     background: #fff;
     padding: 16px;
     .list-item_primary {
@@ -75,7 +75,7 @@ const { t } = useI18n()
           align-items: center;
           width: 100%;
           padding: 16px 24px 16px 24px;
-          border-radius: 4px;
+          border-radius: 6px;
           border: 1px solid #dee0e3;
           .bind {
             font-size: 48px;
@@ -110,7 +110,7 @@ const { t } = useI18n()
         }
       }
       padding: 20px 24px 24px 24px;
-      border-radius: 4px;
+      border-radius: 6px;
       background: #fff;
       .role {
         & + .role {
diff --git a/core/core-frontend/src/views/system/parameter/map/MapSetting.vue b/core/core-frontend/src/views/system/parameter/map/MapSetting.vue
index d9e40bf051..a5ef38477f 100644
--- a/core/core-frontend/src/views/system/parameter/map/MapSetting.vue
+++ b/core/core-frontend/src/views/system/parameter/map/MapSetting.vue
@@ -58,7 +58,7 @@ const selectHandler = (index: number) => {
         height: 40px;
         padding: 9px 8px;
         line-height: 22px;
-        border-radius: 4px;
+        border-radius: 6px;
         font-size: 14px;
         font-weight: 400;
         cursor: pointer;
diff --git a/core/core-frontend/src/views/system/parameter/third-party/index.vue b/core/core-frontend/src/views/system/parameter/third-party/index.vue
index 90214e0fa1..f9871eb913 100644
--- a/core/core-frontend/src/views/system/parameter/third-party/index.vue
+++ b/core/core-frontend/src/views/system/parameter/third-party/index.vue
@@ -146,7 +146,7 @@ search()
 <style lang="less" scoped>
 .no-params {
   height: 72px;
-  border-radius: 4px;
+  border-radius: 6px;
   display: flex;
   padding: 0 24px;
   align-items: center;
@@ -157,7 +157,7 @@ search()
 .container-sys-platform {
   padding: 24px;
   overflow: hidden;
-  border-radius: 4px;
+  border-radius: 6px;
   background: var(--ContentBG, #ffffff);
 }
 .platform-head-container {
diff --git a/core/core-frontend/src/views/template-market/component/MarketPreview.vue b/core/core-frontend/src/views/template-market/component/MarketPreview.vue
index 18b63627cb..f842e422dc 100644
--- a/core/core-frontend/src/views/template-market/component/MarketPreview.vue
+++ b/core/core-frontend/src/views/template-market/component/MarketPreview.vue
@@ -251,7 +251,7 @@ onMounted(() => {
 }
 
 .template-main {
-  border-radius: 4px;
+  border-radius: 6px;
   box-shadow: 0 0 2px 0 rgba(31, 31, 31, 0.15), 0 1px 2px 0 rgba(31, 31, 31, 0.15);
   border: solid 2px #fff;
   padding-bottom: 24px;
@@ -430,7 +430,7 @@ onMounted(() => {
 }
 .img-main {
   display: inherit;
-  border-radius: 4px;
+  border-radius: 6px;
   background: #0f1114;
   overflow-x: auto;
   overflow-y: hidden;
diff --git a/core/core-frontend/src/views/template-market/component/MarketPreviewV2.vue b/core/core-frontend/src/views/template-market/component/MarketPreviewV2.vue
index 3e6ad79a7d..dfd75f2b03 100644
--- a/core/core-frontend/src/views/template-market/component/MarketPreviewV2.vue
+++ b/core/core-frontend/src/views/template-market/component/MarketPreviewV2.vue
@@ -397,7 +397,7 @@ onMounted(() => {
 }
 
 .template-main {
-  border-radius: 4px;
+  border-radius: 6px;
   box-shadow: 0 0 2px 0 rgba(31, 31, 31, 0.15), 0 1px 2px 0 rgba(31, 31, 31, 0.15);
   border: solid 2px #fff;
   padding-bottom: 24px;
@@ -609,7 +609,7 @@ onMounted(() => {
 }
 .img-main {
   display: inherit;
-  //border-radius: 4px;
+  //border-radius: 6px;
   background: #0f1114;
   overflow-x: auto;
   overflow-y: hidden;
@@ -685,7 +685,7 @@ onMounted(() => {
     height: 100%;
     transform: translate(-50%, -50%);
     display: none;
-    border-radius: 4px;
+    border-radius: 6px;
   }
 
   &:hover {
diff --git a/core/core-frontend/src/views/template-market/component/TemplateMarketItem.vue b/core/core-frontend/src/views/template-market/component/TemplateMarketItem.vue
index b34b9a6aa4..2a7add0cff 100644
--- a/core/core-frontend/src/views/template-market/component/TemplateMarketItem.vue
+++ b/core/core-frontend/src/views/template-market/component/TemplateMarketItem.vue
@@ -74,7 +74,7 @@ const templateInnerPreview = () => {
   box-shadow: 0 0 2px 0 rgba(31, 31, 31, 0.15), 0 1px 2px 0 rgba(31, 31, 31, 0.15);
   border: solid 2px #fff;
   box-sizing: border-box;
-  border-radius: 4px;
+  border-radius: 6px;
   width: 100%;
 }
 
@@ -99,7 +99,7 @@ const templateInnerPreview = () => {
 
 .template-img:hover {
   border: solid 1px #4b8fdf;
-  border-radius: 4px;
+  border-radius: 6px;
   color: deepskyblue;
   cursor: pointer;
 }
diff --git a/core/core-frontend/src/views/template-market/component/TemplateMarketPreviewItem.vue b/core/core-frontend/src/views/template-market/component/TemplateMarketPreviewItem.vue
index 17fac3e8fb..c2902be1a2 100644
--- a/core/core-frontend/src/views/template-market/component/TemplateMarketPreviewItem.vue
+++ b/core/core-frontend/src/views/template-market/component/TemplateMarketPreviewItem.vue
@@ -69,7 +69,7 @@ const previewTemplate = () => {
   height: 145px;
   background-color: var(--ContentBG, #ffffff);
   border: 1px solid #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
   flex: none;
   order: 0;
   flex-grow: 0;
diff --git a/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue b/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue
index 0928fb21fa..7cea246b1b 100644
--- a/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue
+++ b/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue
@@ -96,7 +96,7 @@ const templateInnerPreview = () => {
   margin: 0;
   border: 1px solid rgba(222, 224, 227, 1);
   box-sizing: border-box;
-  border-radius: 4px;
+  border-radius: 6px;
   width: 100%;
   background: #fff;
   overflow: hidden;
@@ -125,7 +125,7 @@ const templateInnerPreview = () => {
 }
 .template-img {
   background-size: 100% 100%;
-  border-radius: 4px 4px 0 0;
+  border-radius: 6px 4px 0 0;
 }
 
 .template-button {
diff --git a/core/core-frontend/src/views/template-market/component/TemplateSkeleton.vue b/core/core-frontend/src/views/template-market/component/TemplateSkeleton.vue
index 5426e3f3f5..7fd3a7db9f 100644
--- a/core/core-frontend/src/views/template-market/component/TemplateSkeleton.vue
+++ b/core/core-frontend/src/views/template-market/component/TemplateSkeleton.vue
@@ -39,7 +39,7 @@ const arr = Array(40)
   margin: 0;
   border: 1px solid rgba(222, 224, 227, 1);
   box-sizing: border-box;
-  border-radius: 4px;
+  border-radius: 6px;
   width: 100%;
   background: #fff;
   overflow: hidden;
@@ -53,7 +53,7 @@ const arr = Array(40)
   margin: 4px 4px 0 4px;
   width: 100%;
   height: 100%;
-  border-radius: 4px 4px 0 0;
+  border-radius: 6px 4px 0 0;
 }
 
 .bottom-area_skeleton {
@@ -64,7 +64,7 @@ const arr = Array(40)
     background-color: #eff0f1;
     width: 100%;
     height: 100%;
-    border-radius: 4px;
+    border-radius: 6px;
   }
 }
 </style>
diff --git a/core/core-frontend/src/views/template-market/index.vue b/core/core-frontend/src/views/template-market/index.vue
index 60bf07f34f..fd682a9af0 100644
--- a/core/core-frontend/src/views/template-market/index.vue
+++ b/core/core-frontend/src/views/template-market/index.vue
@@ -744,7 +744,7 @@ defineExpose({
   cursor: pointer;
 
   &.hover-icon_custom {
-    border-radius: 4px;
+    border-radius: 6px;
     color: #646a73;
 
     &[aria-expanded='true'] {
diff --git a/core/core-frontend/src/views/template/component/DeTemplateImport.vue b/core/core-frontend/src/views/template/component/DeTemplateImport.vue
index a5a5e0a5ba..80232c26e7 100644
--- a/core/core-frontend/src/views/template/component/DeTemplateImport.vue
+++ b/core/core-frontend/src/views/template/component/DeTemplateImport.vue
@@ -326,7 +326,7 @@ if (props.templateId) {
   height: 300px !important;
   overflow: auto;
   background-size: 100% 100% !important;
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .preview-show {
   border-left: 1px solid #e6e6e6;
diff --git a/core/core-frontend/src/views/template/component/DeTemplateItem.vue b/core/core-frontend/src/views/template/component/DeTemplateItem.vue
index 6dff315e13..11d48e5235 100644
--- a/core/core-frontend/src/views/template/component/DeTemplateItem.vue
+++ b/core/core-frontend/src/views/template/component/DeTemplateItem.vue
@@ -88,7 +88,7 @@ const handleCommand = key => {
   position: relative;
   background: #ffffff;
   border: 1px solid #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
   margin: 0 16px 16px 0;
   overflow: hidden;
   .custom-item-checkbox {
@@ -132,12 +132,12 @@ const handleCommand = key => {
 
     .el-icon-more:hover {
       background: rgba(31, 35, 41, 0.1);
-      border-radius: 4px;
+      border-radius: 6px;
     }
 
     .el-icon-more:active {
       background: rgba(31, 35, 41, 0.2);
-      border-radius: 4px;
+      border-radius: 6px;
     }
   }
 
@@ -177,7 +177,7 @@ const handleCommand = key => {
 
 .icon-screen-new {
   background: var(--ed-color-primary);
-  border-radius: 4px;
+  border-radius: 6px;
   color: #fff;
   padding: 3px;
 }
diff --git a/core/core-frontend/src/views/template/component/DeTemplateList.vue b/core/core-frontend/src/views/template/component/DeTemplateList.vue
index 2e2081fa1a..5a98925a8d 100644
--- a/core/core-frontend/src/views/template/component/DeTemplateList.vue
+++ b/core/core-frontend/src/views/template/component/DeTemplateList.vue
@@ -142,7 +142,7 @@ defineExpose({
     padding: 0 30px 0 12px;
     display: flex;
     align-items: center;
-    border-radius: 4px;
+    border-radius: 6px;
     color: var(--deTextPrimary, #1f2329);
     font-family: var(--de-custom_font, 'PingFang');
     font-style: normal;
@@ -186,12 +186,12 @@ defineExpose({
 
       .el-icon-more:hover {
         background: rgba(31, 35, 41, 0.1);
-        border-radius: 4px;
+        border-radius: 6px;
       }
 
       .el-icon-more:active {
         background: rgba(31, 35, 41, 0.2);
-        border-radius: 4px;
+        border-radius: 6px;
       }
     }
 
diff --git a/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue b/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue
index 0cbbaed89d..de557056ce 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue
@@ -935,7 +935,7 @@ const emits = defineEmits(['update:item', 'del'])
         :nth-child(2) {
           height: 26px;
           line-height: 26px;
-          border-radius: 4px;
+          border-radius: 6px;
           padding: 0 4px;
           color: var(--ed-color-primary, #3370ff);
           &:hover {
@@ -985,7 +985,7 @@ const emits = defineEmits(['update:item', 'del'])
             width: 24px;
             margin: 0px;
             height: 24px;
-            border-radius: 4px;
+            border-radius: 6px;
             background-color: #1f23291a;
           }
         }
@@ -1029,7 +1029,7 @@ const emits = defineEmits(['update:item', 'del'])
   margin: 5px 0;
   background-color: #fff;
   border: 1px solid #ebeef5;
-  border-radius: 4px;
+  border-radius: 6px;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   margin-top: 12px;
   position: absolute;
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue b/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue
index 5a4cb22eb3..0341b2a47c 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue
@@ -1477,7 +1477,7 @@ const mousedownDrag = () => {
             height: 28px;
             margin-top: 4px;
             word-break: break-all;
-            border-radius: 4px;
+            border-radius: 6px;
 
             .icon-right {
               display: none;
@@ -1687,7 +1687,7 @@ const mousedownDrag = () => {
   .content {
     height: 80px;
     width: 822px;
-    border-radius: 4px;
+    border-radius: 6px;
     background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));
     position: relative;
     line-height: 22px;
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/CalcFieldEdit.vue b/core/core-frontend/src/views/visualized/data/dataset/form/CalcFieldEdit.vue
index 01636ce441..c8b54ebff2 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/CalcFieldEdit.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/CalcFieldEdit.vue
@@ -717,12 +717,12 @@ initFunction()
     border: 1px solid var(--deCardStrokeColor, #dee0e3);
     box-sizing: border-box;
     height: 500px;
-    border-radius: 4px;
+    border-radius: 6px;
   }
 }
 .hover-icon_quota {
   cursor: pointer;
-  border-radius: 4px;
+  border-radius: 6px;
   font-size: 16px;
   position: relative;
 
@@ -733,7 +733,7 @@ initFunction()
       width: 24px;
       height: 24px;
       background: rgba(31, 35, 41, 0.1);
-      border-radius: 4px;
+      border-radius: 6px;
       transform: translate(-50%, -50%);
       top: 50%;
       left: 50%;
@@ -747,7 +747,7 @@ initFunction()
       width: 24px;
       height: 24px;
       background: rgba(31, 35, 41, 0.1);
-      border-radius: 4px;
+      border-radius: 6px;
       transform: translate(-50%, -50%);
       top: 50%;
       left: 50%;
@@ -761,7 +761,7 @@ initFunction()
       width: 24px;
       height: 24px;
       background: rgba(31, 35, 41, 0.2);
-      border-radius: 4px;
+      border-radius: 6px;
       transform: translate(-50%, -50%);
       top: 50%;
       left: 50%;
@@ -803,7 +803,7 @@ initFunction()
   height: 28px;
   margin-top: 4px;
   word-break: break-all;
-  border-radius: 4px;
+  border-radius: 6px;
 
   .icon-right {
     display: none;
@@ -840,7 +840,7 @@ initFunction()
   min-height: 28px;
   padding: 0px 8px;
   margin-bottom: 4px;
-  border-radius: 4px;
+  border-radius: 6px;
   color: #1f2329;
   &:hover {
     background: rgba(31, 35, 41, 0.1);
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/CreatDsGroup.vue b/core/core-frontend/src/views/visualized/data/dataset/form/CreatDsGroup.vue
index 0edcb6c4cb..ede5ba6d96 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/CreatDsGroup.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/CreatDsGroup.vue
@@ -399,7 +399,7 @@ const emits = defineEmits(['finish', 'onDatasetSave'])
   width: 552px;
   height: 380px;
   border: 1px solid #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 8px;
   overflow-y: auto;
   .custom-tree-node {
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/DatasetUnion.vue b/core/core-frontend/src/views/visualized/data/dataset/form/DatasetUnion.vue
index 7753cb475b..e8d6a91aa6 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/DatasetUnion.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/DatasetUnion.vue
@@ -1310,7 +1310,7 @@ const emits = defineEmits([
   height: 100%;
   width: 100%;
   border: 1px solid #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
   font-family: var(--de-custom_font, 'PingFang');
   font-size: 14px;
   font-weight: 400;
@@ -1350,7 +1350,7 @@ const emits = defineEmits([
     left: -1px;
     top: -1px;
     background: var(--ed-color-primary);
-    border-radius: 4px 0px 0px 4px;
+    border-radius: 6px 0px 0px 4px;
   }
 }
 
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/FieldMore.vue b/core/core-frontend/src/views/visualized/data/dataset/form/FieldMore.vue
index 5f2f8dce86..01680ba816 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/FieldMore.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/FieldMore.vue
@@ -198,7 +198,7 @@ const handleChange = () => {
   cursor: pointer;
   height: 24px;
   width: 24px;
-  border-radius: 4px;
+  border-radius: 6px;
   font-size: 16px;
   &:hover {
     background: rgba(31, 35, 41, 0.1);
@@ -226,7 +226,7 @@ const handleChange = () => {
   }
   .ed-cascader-panel {
     .ed-cascader-menu {
-      border-radius: 4px;
+      border-radius: 6px;
       border: 1px solid #dee0e3;
       background: #fff;
       box-shadow: 0px 4px 8px 0px rgba(31, 35, 41, 0.1);
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/UnionEdit.vue b/core/core-frontend/src/views/visualized/data/dataset/form/UnionEdit.vue
index 430a91384d..245858eb22 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/UnionEdit.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/UnionEdit.vue
@@ -151,7 +151,7 @@ defineExpose({
 .field-style {
   height: 430px;
   border: 1px solid var(--deCardStrokeColor, #dee0e3);
-  border-radius: 4px;
+  border-radius: 6px;
   width: 100%;
   box-sizing: border-box;
   display: flex;
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/index.vue b/core/core-frontend/src/views/visualized/data/dataset/form/index.vue
index 796a170c30..ef29e68b7d 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/index.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/index.vue
@@ -3182,7 +3182,7 @@ const getIconNameCalc = (deType, extField, dimension = false) => {
             position: relative;
 
             :deep(.ed-tree-node__content) {
-              border-radius: 4px;
+              border-radius: 6px;
               &:hover {
                 background: rgba(31, 35, 41, 0.1);
               }
@@ -3446,7 +3446,7 @@ const getIconNameCalc = (deType, extField, dimension = false) => {
   .group-fields_item {
     padding: 16px;
     background: #f5f6f7;
-    border-radius: 4px;
+    border-radius: 6px;
     display: flex;
 
     & + .group-fields_item {
diff --git a/core/core-frontend/src/views/visualized/data/dataset/index.vue b/core/core-frontend/src/views/visualized/data/dataset/index.vue
index b671511458..7b2ce347bf 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/index.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/index.vue
@@ -1197,7 +1197,7 @@ const proxyAllowDrop = throttle((arg1, arg2) => {
     height: 200px;
     width: 100%;
     padding: 16px;
-    border-radius: 4px;
+    border-radius: 6px;
     border: 1px solid var(--deBorderBase, #dcdfe6);
     overflow: auto;
 
@@ -1392,7 +1392,7 @@ const proxyAllowDrop = throttle((arg1, arg2) => {
       padding: 24px;
       margin: 24px;
       background: #fff;
-      border-radius: 4px;
+      border-radius: 6px;
       height: calc(100% - 138px);
     }
 
diff --git a/core/core-frontend/src/views/visualized/data/datasource/BaseInfoContent.vue b/core/core-frontend/src/views/visualized/data/datasource/BaseInfoContent.vue
index 22ea718752..d061204dec 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/BaseInfoContent.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/BaseInfoContent.vue
@@ -34,7 +34,7 @@ defineExpose({
 <style lang="less" scoped>
 .base-info-content {
   padding: 24px;
-  border-radius: 4px;
+  border-radius: 6px;
   background: #fff;
   margin: 24px 24px 0 24px;
   position: relative;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/ExcelInfo.vue b/core/core-frontend/src/views/visualized/data/datasource/ExcelInfo.vue
index 9bd7e47165..d9abb3d9e8 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/ExcelInfo.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/ExcelInfo.vue
@@ -42,7 +42,7 @@ const del = () => {
   width: 100%;
   height: 58px;
   padding: 0 0 0 0;
-  border-radius: 4px;
+  border-radius: 6px;
   .excel {
     font-size: 32px;
     margin-right: 14.67px;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/ExcelInfoBase.vue b/core/core-frontend/src/views/visualized/data/datasource/ExcelInfoBase.vue
index ecfc0202f4..e6ab14c9dd 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/ExcelInfoBase.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/ExcelInfoBase.vue
@@ -30,7 +30,7 @@ withDefaults(
   width: 100%;
   height: 24px;
   padding: 0 0 0 0;
-  border-radius: 4px;
+  border-radius: 6px;
   font-weight: 400;
   .excel {
     font-size: 24px;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/FinishPage.vue b/core/core-frontend/src/views/visualized/data/datasource/FinishPage.vue
index 3cd3335818..ccba4b9934 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/FinishPage.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/FinishPage.vue
@@ -140,7 +140,7 @@ const handleChange = (val: boolean) => {
         width: 100%;
         height: 82px;
         padding: 0 16px 0 12px;
-        border-radius: 4px;
+        border-radius: 6px;
         border: 1px solid #dee0e3;
         .ds {
           font-size: 32px;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue
index befa496c7b..17bebfe2f6 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue
@@ -210,7 +210,7 @@ const emits = defineEmits(['changeId'])
 .request-content {
   border: 1px #dcdfe6 solid;
   height: 100%;
-  border-radius: 4px;
+  border-radius: 6px;
   width: 100%;
   .ms-query {
     background: #409eff;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/CreatDsGroup.vue b/core/core-frontend/src/views/visualized/data/datasource/form/CreatDsGroup.vue
index 58b25ed00c..71d02f5524 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/CreatDsGroup.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/CreatDsGroup.vue
@@ -434,7 +434,7 @@ const emits = defineEmits(['finish', 'handleShowFinishPage'])
   width: 552px;
   height: 380px;
   border: 1px solid #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 8px;
   overflow-y: auto;
   .custom-tree-node {
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/DsTypeList.vue b/core/core-frontend/src/views/visualized/data/datasource/form/DsTypeList.vue
index 4e067df4a6..0b700e1ec6 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/DsTypeList.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/DsTypeList.vue
@@ -164,7 +164,7 @@ const selectDs = ({ type }) => {
     align-items: center;
     background: #ffffff;
     border: 1px solid #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
     margin-bottom: 16px;
     margin-left: 16px;
     padding: 16px;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue b/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue
index 6792ba1eb6..da4a818d3d 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue
@@ -1627,7 +1627,7 @@ defineExpose({
   }
 
   .execute-rate-cont {
-    border-radius: 4px;
+    border-radius: 6px;
     margin-top: -8px;
   }
 
@@ -1806,9 +1806,9 @@ defineExpose({
 .api-card {
   height: 120px;
   width: 392px;
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid var(--deCardStrokeColor, #dee0e3);
-  border-radius: 4px;
+  border-radius: 6px;
   margin: 0 0 16px 16px;
   padding: 16px;
   font-family: var(--de-custom_font, 'PingFang');
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ExcelRemoteDetail.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ExcelRemoteDetail.vue
index a3921235d4..c5ddbf6051 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ExcelRemoteDetail.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ExcelRemoteDetail.vue
@@ -1083,7 +1083,7 @@ defineExpose({
   }
 
   .execute-rate-cont {
-    border-radius: 4px;
+    border-radius: 6px;
     margin-top: -8px;
   }
 
@@ -1335,9 +1335,9 @@ defineExpose({
 .api-card {
   height: 120px;
   width: 392px;
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid var(--deCardStrokeColor, #dee0e3);
-  border-radius: 4px;
+  border-radius: 6px;
   margin: 0 0 16px 16px;
   padding: 16px;
   font-family: var(--de-custom_font, 'PingFang');
diff --git a/core/core-frontend/src/views/visualized/data/datasource/index.vue b/core/core-frontend/src/views/visualized/data/datasource/index.vue
index 9a5f2c8901..e0bb77b96e 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/index.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/index.vue
@@ -2155,9 +2155,9 @@ const getMenuList = (val: boolean) => {
   .api-card {
     width: calc(50% - 16px);
     height: 140px;
-    border-radius: 4px;
+    border-radius: 6px;
     border: 1px solid var(--deCardStrokeColor, #dee0e3);
-    border-radius: 4px;
+    border-radius: 6px;
     margin: 0 0 16px 16px;
     padding: 16px;
     font-family: var(--de-custom_font, 'PingFang');
diff --git a/core/core-frontend/src/views/visualized/view/panel/filter-config/FilterHead.vue b/core/core-frontend/src/views/visualized/view/panel/filter-config/FilterHead.vue
index 9ccbbf47d5..11357a889a 100644
--- a/core/core-frontend/src/views/visualized/view/panel/filter-config/FilterHead.vue
+++ b/core/core-frontend/src/views/visualized/view/panel/filter-config/FilterHead.vue
@@ -39,7 +39,7 @@ const handleClose = index => {
   .drag-content {
     width: 100%;
     height: 100%;
-    border-radius: 4px;
+    border-radius: 6px;
     overflow-x: auto;
     display: flex;
     align-items: center;
diff --git a/core/core-frontend/src/views/watermark/index.vue b/core/core-frontend/src/views/watermark/index.vue
index cf81d56b04..82cb2fbf14 100644
--- a/core/core-frontend/src/views/watermark/index.vue
+++ b/core/core-frontend/src/views/watermark/index.vue
@@ -298,6 +298,6 @@ onMounted(() => {
   box-sizing: border-box;
   margin-top: 12px;
   overflow-x: auto;
-  border-radius: 4px;
+  border-radius: 6px;
 }
 </style>
diff --git a/core/core-frontend/src/views/workbranch/ShortcutTable.vue b/core/core-frontend/src/views/workbranch/ShortcutTable.vue
index a41c2b6d8a..ede14851d4 100644
--- a/core/core-frontend/src/views/workbranch/ShortcutTable.vue
+++ b/core/core-frontend/src/views/workbranch/ShortcutTable.vue
@@ -518,7 +518,7 @@ const getEmptyDesc = (): string => {
 .dashboard-type {
   padding: 8px 24px 0 24px;
   background: #fff;
-  border-radius: 4px;
+  border-radius: 6px;
   height: calc(100% - 280px);
   margin-top: 16px;
 
@@ -580,7 +580,7 @@ const getEmptyDesc = (): string => {
       font-size: 18px;
       padding: 3px;
       margin-right: 12px;
-      border-radius: 4px;
+      border-radius: 6px;
       color: #fff;
     }
     .name-star {
diff --git a/core/core-frontend/src/views/workbranch/TemplateBranchItem.vue b/core/core-frontend/src/views/workbranch/TemplateBranchItem.vue
index 9c9ca92479..c3cf7fc743 100644
--- a/core/core-frontend/src/views/workbranch/TemplateBranchItem.vue
+++ b/core/core-frontend/src/views/workbranch/TemplateBranchItem.vue
@@ -77,7 +77,7 @@ const templateInnerPreview = () => {
 .template {
   overflow: hidden;
   border: 1px solid #d9d9d9;
-  border-radius: 4px;
+  border-radius: 6px;
   display: flex;
   flex-wrap: wrap;
   min-width: 181px;
diff --git a/core/core-frontend/src/views/workbranch/index.vue b/core/core-frontend/src/views/workbranch/index.vue
index 04edacba2e..3f3c20a298 100644
--- a/core/core-frontend/src/views/workbranch/index.vue
+++ b/core/core-frontend/src/views/workbranch/index.vue
@@ -471,7 +471,7 @@ loadShareBase()
     .user-info {
       padding: 24px 16px 16px 16px;
       background: #fff;
-      border-radius: 4px;
+      border-radius: 6px;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
@@ -555,7 +555,7 @@ loadShareBase()
     }
 
     .quick-creation {
-      border-radius: 4px;
+      border-radius: 6px;
       background: #fff;
       margin-top: 16px;
       padding: 24px;
@@ -578,7 +578,7 @@ loadShareBase()
           padding: 12px;
           width: 150px;
           margin-top: 16px;
-          border-radius: 4px;
+          border-radius: 6px;
           border: 1px solid #dee0e3;
           display: flex;
           align-items: center;
@@ -591,7 +591,7 @@ loadShareBase()
             font-size: 21.33px;
             padding: 5.33px;
             margin-right: 12px;
-            border-radius: 4px;
+            border-radius: 6px;
             color: #fff;
           }
 
@@ -651,7 +651,7 @@ loadShareBase()
     .template-market {
       padding: 24px 24px 0;
       background: #fff;
-      border-radius: 4px;
+      border-radius: 6px;
       .label {
         color: #1f2329;
         font-feature-settings: 'clig' off, 'liga' off;
@@ -668,7 +668,7 @@ loadShareBase()
           font-size: 14px;
           font-weight: 400;
           line-height: 22px;
-          border-radius: 4px;
+          border-radius: 6px;
 
           button {
             cursor: pointer;
@@ -677,7 +677,7 @@ loadShareBase()
           .flex-center {
             padding: 0 4px;
             color: #646a73;
-            border-radius: 4px;
+            border-radius: 6px;
             height: 26px;
             border: none;
             outline: none;
@@ -699,7 +699,7 @@ loadShareBase()
           color: #1f2329;
           cursor: pointer;
           height: 24px;
-          border-radius: 4px;
+          border-radius: 6px;
           background: rgba(31, 35, 41, 0.1);
           display: inline-flex;
           align-items: center;