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 355f92d795..811dd6d3bc 100644
--- a/core/core-frontend/src/components/dashboard/DbCanvasAttr.vue
+++ b/core/core-frontend/src/components/dashboard/DbCanvasAttr.vue
@@ -264,7 +264,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 906e852cc8..e31eed74f8 100644
--- a/core/core-frontend/src/components/dashboard/DbToolbar.vue
+++ b/core/core-frontend/src/components/dashboard/DbToolbar.vue
@@ -924,7 +924,7 @@ const initOpenHandler = newWindow => {
         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 407b7285c8..0e3d6755ca 100644
--- a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
+++ b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
@@ -222,7 +222,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 93f887a728..82d66393b2 100644
--- a/core/core-frontend/src/components/data-visualization/DvToolbar.vue
+++ b/core/core-frontend/src/components/data-visualization/DvToolbar.vue
@@ -464,6 +464,7 @@ const fullScreenPreview = () => {
       <div class="right-area">
         <el-tooltip
           effect="dark"
+          :offset="12"
           :content="t('visualization.external_parameter_settings')"
           placement="bottom"
         >
@@ -631,7 +632,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 e4efb32c21..56fbe88e63 100644
--- a/core/core-frontend/src/components/data-visualization/RealTimeGroup.vue
+++ b/core/core-frontend/src/components/data-visualization/RealTimeGroup.vue
@@ -567,7 +567,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 506575b905..8a3bf883a4 100644
--- a/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
+++ b/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
@@ -784,7 +784,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 6b578a5d60..b918e6aa9b 100644
--- a/core/core-frontend/src/components/data-visualization/RealTimeTab.vue
+++ b/core/core-frontend/src/components/data-visualization/RealTimeTab.vue
@@ -291,7 +291,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 93b1823b27..d13ea75bde 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
@@ -399,7 +399,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 b5d46b639c..10c90837ea 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 8a33c3ba5e..676de8cc65 100644
--- a/core/core-frontend/src/components/visualization/LinkJumpSet.vue
+++ b/core/core-frontend/src/components/visualization/LinkJumpSet.vue
@@ -1151,7 +1151,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;
@@ -1285,7 +1285,7 @@ defineExpose({
   white-space: nowrap;
   text-overflow: ellipsis;
 
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #dee0e3;
 
   background: #fff;
@@ -1483,13 +1483,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 57308a9b7f..91ebf2b583 100644
--- a/core/core-frontend/src/components/visualization/LinkageSet.vue
+++ b/core/core-frontend/src/components/visualization/LinkageSet.vue
@@ -691,7 +691,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;
@@ -934,13 +934,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 d8c9d06b10..cd0c778542 100644
--- a/core/core-frontend/src/components/visualization/OuterParamsSet.vue
+++ b/core/core-frontend/src/components/visualization/OuterParamsSet.vue
@@ -859,7 +859,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;
@@ -1120,7 +1120,7 @@ defineExpose({
 .expand-custom {
   width: 16px;
   height: 16px;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 0px 1px;
   color: rgba(100, 106, 115, 1);
   &:hover {
@@ -1131,7 +1131,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 48269ca59f..8d35267bd6 100644
--- a/core/core-frontend/src/components/visualization/common/DeUpload.vue
+++ b/core/core-frontend/src/components/visualization/common/DeUpload.vue
@@ -128,7 +128,7 @@ watch(
   :deep(.ed-upload--picture-card) {
     background: #eff0f1;
     border: 1px dashed #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .ed-icon {
       color: #1f2329;
@@ -206,7 +206,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 98a4368407..42ae4f0d82 100644
--- a/core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue
+++ b/core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue
@@ -622,7 +622,7 @@ watch(
   :deep(.ed-upload--picture-card) {
     background: #eff0f1;
     border: 1px dashed #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .ed-icon {
       color: #1f2329;
@@ -675,7 +675,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 a0cc17f7a5..36196c6e71 100644
--- a/core/core-frontend/src/components/visualization/component-background/CanvasBackground.vue
+++ b/core/core-frontend/src/components/visualization/component-background/CanvasBackground.vue
@@ -274,7 +274,7 @@ watch(
   :deep(.ed-upload--picture-card) {
     background: #eff0f1;
     border: 1px dashed #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .ed-icon {
       color: #1f2329;
@@ -327,7 +327,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 dc9d75025f..13a7c8b647 100644
--- a/core/core-frontend/src/custom-component/common/CommonAttr.vue
+++ b/core/core-frontend/src/custom-component/common/CommonAttr.vue
@@ -437,7 +437,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 e8766d4cc4..4340da51c7 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 62a84d55b5..90f3206ea0 100644
--- a/core/core-frontend/src/custom-component/component-group/DragComponent.vue
+++ b/core/core-frontend/src/custom-component/component-group/DragComponent.vue
@@ -52,13 +52,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/CustomTabsSortSide.vue b/core/core-frontend/src/custom-component/de-tabs/CustomTabsSortSide.vue
index 8964e3861c..7f9535338f 100644
--- a/core/core-frontend/src/custom-component/de-tabs/CustomTabsSortSide.vue
+++ b/core/core-frontend/src/custom-component/de-tabs/CustomTabsSortSide.vue
@@ -276,7 +276,7 @@ import { deepCopy } from '@/utils/utils'
   cursor: pointer;
   height: 22px !important;
   width: 22px !important;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 0 4px;
   color: #a6a6a6;
 
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 359f66816e..80132506e1 100644
--- a/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue
+++ b/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue
@@ -239,7 +239,7 @@ onBeforeUnmount(() => {
 :deep(.ed-upload--picture-card) {
   background: #eff0f1;
   border: 1px dashed #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
 
   .ed-icon {
     color: #1f2329;
@@ -320,7 +320,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 19c9c2bd82..dec331ff17 100644
--- a/core/core-frontend/src/custom-component/picture/Attr.vue
+++ b/core/core-frontend/src/custom-component/picture/Attr.vue
@@ -241,7 +241,7 @@ onBeforeUnmount(() => {
 :deep(.ed-upload--picture-card) {
   background: #eff0f1;
   border: 1px dashed #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
 
   .ed-icon {
     color: #1f2329;
@@ -324,7 +324,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 fcdd677b12..885be34fb4 100644
--- a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
+++ b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
@@ -814,7 +814,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 dacf763eff..72b29f43ad 100644
--- a/core/core-frontend/src/custom-component/v-query/Component.vue
+++ b/core/core-frontend/src/custom-component/v-query/Component.vue
@@ -1270,7 +1270,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);
@@ -1323,7 +1323,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 d06e0d2a77..3f01a14ebe 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 10ca1a915e..10c1037dea 100644
--- a/core/core-frontend/src/permissionMobile.ts
+++ b/core/core-frontend/src/permissionMobile.ts
@@ -38,7 +38,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 f1cbccf2fc..172c472b72 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 {
@@ -644,7 +645,7 @@ strong {
 
 .de-main_scrollbar {
   ::-webkit-scrollbar-thumb {
-    border-radius: 4px;
+    border-radius: 6px;
     background: #1f23294d;
   }
 
@@ -803,7 +804,7 @@ strong {
 .ed-select__popper {
   padding: 0 4px !important;
   .ed-select-dropdown__item {
-    border-radius: 4px;
+    border-radius: 6px;
   }
 
   .ed-select-dropdown__list {
@@ -821,3 +822,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 8265155d4e..1b284ccde7 100644
--- a/core/core-frontend/src/views/about/index.vue
+++ b/core/core-frontend/src/views/about/index.vue
@@ -238,13 +238,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;
@@ -260,7 +260,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 2bcb2f1eb7..6a60c4719b 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
@@ -349,7 +349,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 9790803ea8..ebab612c89 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 776cdd26e8..aa06656be1 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
@@ -900,7 +900,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 416eee99e6..dfeb4c3a26 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
@@ -133,7 +133,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 0051acbf04..04cd8db4a4 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
@@ -1287,7 +1287,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 2e44e1d3ab..8a29550269 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
@@ -336,7 +336,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 309137cdb2..210d108aff 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
@@ -510,7 +510,7 @@ init()
 <style lang="less" scoped>
 .field-item {
   width: 100%;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 10px 16px;
   margin-top: 10px;
   background: #f5f6f7;
@@ -582,7 +582,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 b0e85cae98..2f0383edda 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
@@ -938,7 +938,7 @@ init()
 <style lang="less" scoped>
 .field-item {
   width: 100%;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 10px 16px;
   margin-top: 10px;
   background: #f5f6f7;
@@ -1004,7 +1004,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 5a7e337914..e7f729bc8d 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 93cf315ff0..c8c02787a9 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
@@ -1711,7 +1711,7 @@ onMounted(async () => {
   .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 {
@@ -1753,7 +1753,7 @@ onMounted(async () => {
   :deep(.ed-upload--picture-card) {
     background: #eff0f1;
     border: 1px dashed #dee0e3;
-    border-radius: 4px;
+    border-radius: 6px;
 
     .ed-icon {
       color: #1f2329;
@@ -1818,7 +1818,7 @@ onMounted(async () => {
   :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 acbf82aaa5..49bb5e299c 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
@@ -511,7 +511,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 41782cc11c..b41b1f0dbc 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
@@ -319,7 +319,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 89d038de2d..74048db357 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
@@ -600,7 +600,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 544271172c..caa3c644f1 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
@@ -801,7 +801,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 89a3b2aeee..dc47565d14 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
@@ -435,12 +435,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;
 
@@ -451,7 +451,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%;
@@ -465,7 +465,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%;
@@ -479,7 +479,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%;
@@ -521,7 +521,7 @@ initFunction()
   height: 28px;
   margin-top: 4px;
   word-break: break-all;
-  border-radius: 4px;
+  border-radius: 6px;
 
   .icon-right {
     display: none;
@@ -558,7 +558,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 c78bea8e70..a4f4df026c 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
@@ -648,7 +648,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 85198b9f2e..4017cca71c 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
@@ -1011,7 +1011,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 2e2b94c6c5..155a8d666f 100644
--- a/core/core-frontend/src/views/chart/components/editor/index.vue
+++ b/core/core-frontend/src/views/chart/components/editor/index.vue
@@ -4257,7 +4257,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;
@@ -4646,7 +4646,7 @@ span {
     white-space: nowrap;
     text-overflow: ellipsis;
     position: relative;
-    border-radius: 4px;
+    border-radius: 6px;
     border: 1px solid transparent;
 
     font-size: 12px;
@@ -4795,7 +4795,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;
@@ -4843,7 +4843,7 @@ span {
       margin-top: 8px;
       background: #fff;
       height: 28px;
-      border-radius: 4px;
+      border-radius: 6px;
       border: 1px solid #dcdfe6;
       display: flex;
       color: #cccccc;
@@ -5014,7 +5014,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);
@@ -5434,7 +5434,7 @@ span {
     width: 100%;
     outline: none;
     border: 1px solid #295acc;
-    border-radius: 4px;
+    border-radius: 6px;
     padding: 0 4px;
     height: 100%;
   }
@@ -5449,7 +5449,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 b2f7aee7c0..1ceff666ad 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 1c27c953c9..9f33108bb1 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 1001c8c66c..02d24e67ed 100644
--- a/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
+++ b/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
@@ -398,7 +398,7 @@ const save = () => {
       .switch-pc {
         &::after {
           content: '';
-          border-radius: 4px;
+          border-radius: 6px;
           display: none;
           position: absolute;
           width: calc(100% + 10px);
@@ -578,7 +578,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;
@@ -615,7 +615,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 342769275b..e13870f2a7 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewHead.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewHead.vue
@@ -291,7 +291,7 @@ const initOpenHandler = newWindow => {
       margin-left: 12px;
       cursor: pointer;
       font-size: 20px;
-      border-radius: 4px;
+      border-radius: 6px;
       position: relative;
       &:hover {
         &::after {
@@ -299,7 +299,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 57466cb559..c668403560 100644
--- a/core/core-frontend/src/views/login/index.vue
+++ b/core/core-frontend/src/views/login/index.vue
@@ -471,7 +471,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 917a3089ef..b57356d88b 100644
--- a/core/core-frontend/src/views/share/share/ShareGrid.vue
+++ b/core/core-frontend/src/views/share/share/ShareGrid.vue
@@ -315,7 +315,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/sqlbot/Inactivate.vue b/core/core-frontend/src/views/sqlbot/Inactivate.vue
index 5c9a9a5c04..191e8b36e4 100644
--- a/core/core-frontend/src/views/sqlbot/Inactivate.vue
+++ b/core/core-frontend/src/views/sqlbot/Inactivate.vue
@@ -47,7 +47,7 @@ const handleCommand = (command: string) => {
   height: auto;
   padding: 8px 16px;
   display: flex;
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .inactivate-button {
   display: flex;
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 4cf22792fc..18ff6e577b 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 74b1782d6e..124a4923fc 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 c6b6cd13b8..4a201be69f 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
@@ -1481,7 +1481,7 @@ const mousedownDrag = () => {
             height: 28px;
             margin-top: 4px;
             word-break: break-all;
-            border-radius: 4px;
+            border-radius: 6px;
 
             .icon-right {
               display: none;
@@ -1691,7 +1691,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 cd870b65bd..15e6e28cd3 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
@@ -3192,7 +3192,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);
               }
@@ -3456,7 +3456,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 b3c14adfa5..75aef40c4c 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 a93eb77fb5..7a5676b106 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 28b470b351..b17583c7c5 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
@@ -1681,7 +1681,7 @@ defineExpose({
   }
 
   .execute-rate-cont {
-    border-radius: 4px;
+    border-radius: 6px;
     margin-top: -8px;
   }
 
@@ -1860,9 +1860,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 2e24f6562c..0c5c2fde56 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
@@ -1082,7 +1082,7 @@ defineExpose({
   }
 
   .execute-rate-cont {
-    border-radius: 4px;
+    border-radius: 6px;
     margin-top: -8px;
   }
 
@@ -1334,9 +1334,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 127bb23c9f..4e036df894 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/index.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/index.vue
@@ -2149,9 +2149,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 617f08e095..3e107e41a6 100644
--- a/core/core-frontend/src/views/watermark/index.vue
+++ b/core/core-frontend/src/views/watermark/index.vue
@@ -288,6 +288,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 aa5da9af86..8842366221 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;