From 7b79fd81d10de00c42a74f9bac0be1b9300d99b3 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Fri, 22 May 2026 10:24:11 +0800
Subject: [PATCH] fix: Style optimization

---
 .../src/components/drawer-filter/src/DrawerEnumFilter.vue | 2 +-
 frontend/src/components/filter-text/src/FilterText.vue    | 2 +-
 frontend/src/components/layout/Person.vue                 | 4 ++--
 frontend/src/components/layout/Workspace.vue              | 2 +-
 frontend/src/components/layout/index.vue                  | 4 ++--
 frontend/src/style.less                                   | 6 +++---
 frontend/src/views/chat/ChatList.vue                      | 4 ++--
 frontend/src/views/chat/RecentQuestion.vue                | 2 +-
 frontend/src/views/chat/RecommendQuestionQuick.vue        | 2 +-
 frontend/src/views/chat/chat-block/ChartBlock.vue         | 2 +-
 frontend/src/views/chat/chat-block/ChartPopover.vue       | 4 ++--
 frontend/src/views/dashboard/SQTextDemo/index.vue         | 2 +-
 frontend/src/views/dashboard/canvas/ComponentBar.vue      | 4 ++--
 frontend/src/views/dashboard/common/AddViewDashboard.vue  | 2 +-
 frontend/src/views/dashboard/common/HandleMore.vue        | 4 ++--
 frontend/src/views/dashboard/common/ResourceGroupOpt.vue  | 2 +-
 frontend/src/views/dashboard/common/ResourceTree.vue      | 8 ++++----
 .../components/button-label/ComponentButtonLabel.vue      | 2 +-
 frontend/src/views/dashboard/editor/Toolbar.vue           | 4 ++--
 frontend/src/views/dashboard/preview/SQPreviewHead.vue    | 4 ++--
 frontend/src/views/ds/Card.vue                            | 4 ++--
 frontend/src/views/ds/DataTable.vue                       | 4 ++--
 frontend/src/views/ds/Datasource.vue                      | 2 +-
 frontend/src/views/ds/DatasourceForm.vue                  | 2 +-
 frontend/src/views/ds/DatasourceItemCard.vue              | 2 +-
 frontend/src/views/ds/DatasourceListSide.vue              | 2 +-
 frontend/src/views/ds/TableRelationship.vue               | 2 +-
 frontend/src/views/login/index.vue                        | 2 +-
 frontend/src/views/login/xpack/LdapLoginForm.vue          | 2 +-
 frontend/src/views/system/appearance/Person.vue           | 2 +-
 frontend/src/views/system/authentication/index.vue        | 2 +-
 frontend/src/views/system/embedded/Card.vue               | 6 +++---
 frontend/src/views/system/embedded/DsCard.vue             | 6 +++---
 frontend/src/views/system/embedded/iframe.vue             | 2 +-
 frontend/src/views/system/excel-upload/UploaderRemark.vue | 2 +-
 frontend/src/views/system/model/Card.vue                  | 2 +-
 frontend/src/views/system/model/Model.vue                 | 2 +-
 frontend/src/views/system/model/ModelListSide.vue         | 2 +-
 .../src/views/system/permission/auth-tree/AuthTree.vue    | 2 +-
 frontend/src/views/system/permission/index.vue            | 2 +-
 .../src/views/system/platform/common/InfoTemplate.vue     | 2 +-
 frontend/src/views/system/user/User.vue                   | 4 ++--
 frontend/src/views/system/user/UserImport.vue             | 2 +-
 frontend/src/views/system/variables/index.vue             | 2 +-
 frontend/src/views/system/workspace/index.vue             | 8 ++++----
 frontend/src/views/work/DatasourceCard.vue                | 2 +-
 46 files changed, 69 insertions(+), 69 deletions(-)

diff --git a/frontend/src/components/drawer-filter/src/DrawerEnumFilter.vue b/frontend/src/components/drawer-filter/src/DrawerEnumFilter.vue
index a7cae5c5d..262b5c710 100644
--- a/frontend/src/components/drawer-filter/src/DrawerEnumFilter.vue
+++ b/frontend/src/components/drawer-filter/src/DrawerEnumFilter.vue
@@ -84,7 +84,7 @@ useEmitt({
       padding: 1px 6px;
       background: var(--deTextPrimary5, #f5f6f7);
       color: var(--deTextPrimary, #1f2329);
-      border-radius: 4px;
+      border-radius: 6px;
       cursor: pointer;
       display: inline-block;
       margin-bottom: 12px;
diff --git a/frontend/src/components/filter-text/src/FilterText.vue b/frontend/src/components/filter-text/src/FilterText.vue
index 4eedaa269..d423543d4 100644
--- a/frontend/src/components/filter-text/src/FilterText.vue
+++ b/frontend/src/components/filter-text/src/FilterText.vue
@@ -181,7 +181,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/frontend/src/components/layout/Person.vue b/frontend/src/components/layout/Person.vue
index ae0448e26..a58a02afb 100644
--- a/frontend/src/components/layout/Person.vue
+++ b/frontend/src/components/layout/Person.vue
@@ -345,7 +345,7 @@ const logout = async () => {
       position: relative;
       cursor: pointer;
       margin: 0 4px;
-      border-radius: 4px;
+      border-radius: 6px;
       &:hover {
         background-color: #1f23291a;
       }
@@ -382,7 +382,7 @@ const logout = async () => {
       padding-right: 8px;
       margin-bottom: 2px;
       position: relative;
-      border-radius: 4px;
+      border-radius: 6px;
       cursor: pointer;
       &:not(.empty):hover {
         background: #1f23291a;
diff --git a/frontend/src/components/layout/Workspace.vue b/frontend/src/components/layout/Workspace.vue
index 1f76e92ad..456c083cd 100644
--- a/frontend/src/components/layout/Workspace.vue
+++ b/frontend/src/components/layout/Workspace.vue
@@ -198,7 +198,7 @@ onMounted(async () => {
       padding-right: 8px;
       margin-bottom: 2px;
       position: relative;
-      border-radius: 4px;
+      border-radius: 6px;
       cursor: pointer;
       &:not(.empty):hover {
         background: #1f23291a;
diff --git a/frontend/src/components/layout/index.vue b/frontend/src/components/layout/index.vue
index f83ef983a..4a0097e41 100644
--- a/frontend/src/components/layout/index.vue
+++ b/frontend/src/components/layout/index.vue
@@ -362,7 +362,7 @@ onMounted(() => {
         column-gap: 12px;
         align-items: center;
         padding: 8px 16px;
-        border-radius: 4px;
+        border-radius: 6px;
         cursor: pointer;
         border: none;
         font-weight: 500;
@@ -493,7 +493,7 @@ onMounted(() => {
             column-gap: 12px;
             align-items: center;
             padding: 8px 16px;
-            border-radius: 4px;
+            border-radius: 6px;
             cursor: pointer;
             border: none;
             font-weight: 500;
diff --git a/frontend/src/style.less b/frontend/src/style.less
index fe7799bbb..444154f1a 100644
--- a/frontend/src/style.less
+++ b/frontend/src/style.less
@@ -84,7 +84,7 @@ body {
 
 .list-item_primary {
   height: 40px;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 8px 12px;
   cursor: pointer;
   display: flex;
@@ -226,7 +226,7 @@ strong {
 .ed-select__popper {
   padding: 0 4px !important;
   .ed-select-dropdown__item {
-    border-radius: 4px;
+    border-radius: 6px;
   }
 
   .ed-select-dropdown__list {
@@ -427,7 +427,7 @@ strong {
 }
 
 .ed-tree-node__content {
-  border-radius: 4px;
+  border-radius: 6px;
 }
 
 
diff --git a/frontend/src/views/chat/ChatList.vue b/frontend/src/views/chat/ChatList.vue
index c2a98aa3b..1753da945 100644
--- a/frontend/src/views/chat/ChatList.vue
+++ b/frontend/src/views/chat/ChatList.vue
@@ -399,7 +399,7 @@ const handleConfirmPassword = () => {
 <style lang="less">
 .popover-card_chat.popover-card_chat.popover-card_chat {
   box-shadow: 0px 4px 8px 0px #1f23291a;
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #dee0e3;
   width: fit-content !important;
   min-width: 120px !important;
@@ -436,7 +436,7 @@ const handleConfirmPassword = () => {
         content: '';
         width: calc(100% - 8px);
         height: 32px;
-        border-radius: 4px;
+        border-radius: 6px;
         position: absolute;
         top: 50%;
         left: 50%;
diff --git a/frontend/src/views/chat/RecentQuestion.vue b/frontend/src/views/chat/RecentQuestion.vue
index 007cddfa0..160b173c2 100644
--- a/frontend/src/views/chat/RecentQuestion.vue
+++ b/frontend/src/views/chat/RecentQuestion.vue
@@ -90,7 +90,7 @@ defineExpose({
     font-weight: 400;
     cursor: pointer;
     height: 32px;
-    border-radius: 4px;
+    border-radius: 6px;
     padding: 5px 8px;
     line-height: 22px;
     white-space: nowrap; /* 禁止换行 */
diff --git a/frontend/src/views/chat/RecommendQuestionQuick.vue b/frontend/src/views/chat/RecommendQuestionQuick.vue
index 8995161d9..0f4c8f4c9 100644
--- a/frontend/src/views/chat/RecommendQuestionQuick.vue
+++ b/frontend/src/views/chat/RecommendQuestionQuick.vue
@@ -207,7 +207,7 @@ defineExpose({ getRecommendQuestions, id: () => props.recordId, stop, getRecomme
     font-weight: 400;
     cursor: pointer;
     height: 32px;
-    border-radius: 4px;
+    border-radius: 6px;
     padding: 5px 8px;
     line-height: 22px;
     white-space: nowrap; /* 禁止换行 */
diff --git a/frontend/src/views/chat/chat-block/ChartBlock.vue b/frontend/src/views/chat/chat-block/ChartBlock.vue
index 7787c1ae5..6174734e1 100644
--- a/frontend/src/views/chat/chat-block/ChartBlock.vue
+++ b/frontend/src/views/chat/chat-block/ChartBlock.vue
@@ -631,7 +631,7 @@ watch(
       padding-right: 8px;
       margin-bottom: 2px;
       position: relative;
-      border-radius: 4px;
+      border-radius: 6px;
       cursor: pointer;
 
       &:last-child {
diff --git a/frontend/src/views/chat/chat-block/ChartPopover.vue b/frontend/src/views/chat/chat-block/ChartPopover.vue
index b115c2ee6..a94cbeb03 100644
--- a/frontend/src/views/chat/chat-block/ChartPopover.vue
+++ b/frontend/src/views/chat/chat-block/ChartPopover.vue
@@ -110,7 +110,7 @@ const handleDefaultChatChange = (val: any) => {
       padding-right: 8px;
       margin-bottom: 2px;
       position: relative;
-      border-radius: 4px;
+      border-radius: 6px;
       cursor: pointer;
       &:last-child {
         margin-bottom: 0;
@@ -148,7 +148,7 @@ const handleDefaultChatChange = (val: any) => {
 .chat-select_type {
   width: 40px;
   height: 24px;
-  border-radius: 4px;
+  border-radius: 6px;
   padding-left: 4px;
   display: flex;
   align-items: center;
diff --git a/frontend/src/views/dashboard/SQTextDemo/index.vue b/frontend/src/views/dashboard/SQTextDemo/index.vue
index d7a4568b5..e7551395d 100644
--- a/frontend/src/views/dashboard/SQTextDemo/index.vue
+++ b/frontend/src/views/dashboard/SQTextDemo/index.vue
@@ -16,6 +16,6 @@ const articleContent = ref('<p>这里是默认内容...</p>')
   margin-top: 20px;
   padding: 15px;
   border: 1px solid #eee;
-  border-radius: 4px;
+  border-radius: 6px;
 }
 </style>
diff --git a/frontend/src/views/dashboard/canvas/ComponentBar.vue b/frontend/src/views/dashboard/canvas/ComponentBar.vue
index bd6ac78b2..b2480804c 100644
--- a/frontend/src/views/dashboard/canvas/ComponentBar.vue
+++ b/frontend/src/views/dashboard/canvas/ComponentBar.vue
@@ -115,7 +115,7 @@ const doDeleteComponent = (e: MouseEvent) => {
 <style lang="less">
 .bar-main_popper {
   box-shadow: 0px 4px 8px 0px #1f23291a !important;
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #dee0e3 !important;
   width: 120px !important;
   min-width: 120px !important;
@@ -147,7 +147,7 @@ const doDeleteComponent = (e: MouseEvent) => {
         content: '';
         width: 112px;
         height: 32px;
-        border-radius: 4px;
+        border-radius: 6px;
         position: absolute;
         top: 50%;
         left: 50%;
diff --git a/frontend/src/views/dashboard/common/AddViewDashboard.vue b/frontend/src/views/dashboard/common/AddViewDashboard.vue
index 2070de5f9..c576dfbc0 100644
--- a/frontend/src/views/dashboard/common/AddViewDashboard.vue
+++ b/frontend/src/views/dashboard/common/AddViewDashboard.vue
@@ -256,7 +256,7 @@ defineExpose({
   width: 552px;
   height: 380px;
   border: 1px solid #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 8px;
   overflow-y: auto;
 
diff --git a/frontend/src/views/dashboard/common/HandleMore.vue b/frontend/src/views/dashboard/common/HandleMore.vue
index adaeb3836..1a88115ef 100644
--- a/frontend/src/views/dashboard/common/HandleMore.vue
+++ b/frontend/src/views/dashboard/common/HandleMore.vue
@@ -62,7 +62,7 @@ const emit = defineEmits(['handleCommand'])
 <style lang="less">
 .menu-more_popper {
   box-shadow: 0px 4px 8px 0px #1f23291a !important;
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #dee0e3 !important;
   width: 120px !important;
   min-width: 120px !important;
@@ -94,7 +94,7 @@ const emit = defineEmits(['handleCommand'])
         content: '';
         width: 112px;
         height: 32px;
-        border-radius: 4px;
+        border-radius: 6px;
         position: absolute;
         top: 50%;
         left: 50%;
diff --git a/frontend/src/views/dashboard/common/ResourceGroupOpt.vue b/frontend/src/views/dashboard/common/ResourceGroupOpt.vue
index ed5faa7b5..9909460a8 100644
--- a/frontend/src/views/dashboard/common/ResourceGroupOpt.vue
+++ b/frontend/src/views/dashboard/common/ResourceGroupOpt.vue
@@ -223,7 +223,7 @@ defineExpose({
   width: 552px;
   height: 380px;
   border: 1px solid #dee0e3;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 8px;
   overflow-y: auto;
 
diff --git a/frontend/src/views/dashboard/common/ResourceTree.vue b/frontend/src/views/dashboard/common/ResourceTree.vue
index a6496ee40..0e91295c3 100644
--- a/frontend/src/views/dashboard/common/ResourceTree.vue
+++ b/frontend/src/views/dashboard/common/ResourceTree.vue
@@ -456,7 +456,7 @@ defineExpose({
   border: 1px solid #d9dcdf;
   width: 32px;
   height: 32px;
-  border-radius: 4px;
+  border-radius: 6px;
   color: #1f2329;
   padding: 8px;
   margin-left: 8px;
@@ -612,7 +612,7 @@ defineExpose({
   }
 
   .icon-screen-new {
-    border-radius: 4px;
+    border-radius: 6px;
     color: #fff;
     padding: 3px;
   }
@@ -623,7 +623,7 @@ defineExpose({
 .tree-sort-menu-custom {
   padding: 4px !important;
   li {
-    border-radius: 4px;
+    border-radius: 6px;
     padding: 0 8px !important;
   }
   .ed-dropdown-menu__item:not(.is-disabled):not(.selected):hover {
@@ -635,7 +635,7 @@ defineExpose({
   margin-top: -2px !important;
 
   .ed-icon {
-    border-radius: 4px;
+    border-radius: 6px;
   }
 }
 
diff --git a/frontend/src/views/dashboard/components/button-label/ComponentButtonLabel.vue b/frontend/src/views/dashboard/components/button-label/ComponentButtonLabel.vue
index 91ea18b91..4521dced7 100644
--- a/frontend/src/views/dashboard/components/button-label/ComponentButtonLabel.vue
+++ b/frontend/src/views/dashboard/components/button-label/ComponentButtonLabel.vue
@@ -40,7 +40,7 @@ const emits = defineEmits(['customClick'])
   cursor: pointer;
   justify-content: center;
   align-items: center;
-  border-radius: 4px;
+  border-radius: 6px;
   color: #1f2329;
 
   span {
diff --git a/frontend/src/views/dashboard/editor/Toolbar.vue b/frontend/src/views/dashboard/editor/Toolbar.vue
index 77db916a4..e2effc3f0 100644
--- a/frontend/src/views/dashboard/editor/Toolbar.vue
+++ b/frontend/src/views/dashboard/editor/Toolbar.vue
@@ -298,7 +298,7 @@ const previewInner = () => {
         outline: none;
         font-size: 16px;
         border: 1px solid var(--ed-color-primary);
-        border-radius: 4px;
+        border-radius: 6px;
         padding-left: 4px;
         height: 100%;
       }
@@ -347,7 +347,7 @@ const previewInner = () => {
   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);
diff --git a/frontend/src/views/dashboard/preview/SQPreviewHead.vue b/frontend/src/views/dashboard/preview/SQPreviewHead.vue
index 4dfc62062..14af7fb9b 100644
--- a/frontend/src/views/dashboard/preview/SQPreviewHead.vue
+++ b/frontend/src/views/dashboard/preview/SQPreviewHead.vue
@@ -110,7 +110,7 @@ const props = defineProps({
       margin-left: 12px;
       cursor: pointer;
       font-size: 20px;
-      border-radius: 4px;
+      border-radius: 6px;
       position: relative;
 
       &:hover {
@@ -119,7 +119,7 @@ const props = defineProps({
           position: absolute;
           top: -4px;
           left: -4px;
-          border-radius: 4px;
+          border-radius: 6px;
           height: 28px;
           width: 28px;
           background: #1f23291a;
diff --git a/frontend/src/views/ds/Card.vue b/frontend/src/views/ds/Card.vue
index f2e777c7d..f59c4688f 100644
--- a/frontend/src/views/ds/Card.vue
+++ b/frontend/src/views/ds/Card.vue
@@ -283,7 +283,7 @@ const onClickOutside = () => {
 <style lang="less">
 .popover-card_ds.popover-card_ds.popover-card_ds {
   box-shadow: 0px 4px 8px 0px #1f23291a;
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #dee0e3;
   width: fit-content !important;
   min-width: 120px !important;
@@ -325,7 +325,7 @@ const onClickOutside = () => {
         content: '';
         width: calc(100% - 8px);
         height: 32px;
-        border-radius: 4px;
+        border-radius: 6px;
         position: absolute;
         top: 50%;
         left: 50%;
diff --git a/frontend/src/views/ds/DataTable.vue b/frontend/src/views/ds/DataTable.vue
index ba51310b2..afeae9934 100644
--- a/frontend/src/views/ds/DataTable.vue
+++ b/frontend/src/views/ds/DataTable.vue
@@ -818,7 +818,7 @@ const btnSelectClick = (val: any) => {
           display: flex;
           align-items: center;
           padding-left: 8px;
-          border-radius: 4px;
+          border-radius: 6px;
           cursor: pointer;
 
           &:not(:last-child) {
@@ -970,7 +970,7 @@ const btnSelectClick = (val: any) => {
           background: #ffffff;
           align-items: center;
           border: 1px solid #d0d3d6;
-          border-radius: 4px;
+          border-radius: 6px;
 
           .is-active {
             background: var(--ed-color-primary-1a, #1cba901a);
diff --git a/frontend/src/views/ds/Datasource.vue b/frontend/src/views/ds/Datasource.vue
index 82c4f7e70..844c2307f 100644
--- a/frontend/src/views/ds/Datasource.vue
+++ b/frontend/src/views/ds/Datasource.vue
@@ -414,7 +414,7 @@ useEmitt({
       padding-right: 8px;
       margin-bottom: 2px;
       position: relative;
-      border-radius: 4px;
+      border-radius: 6px;
       cursor: pointer;
       &:not(.empty):hover {
         background: #1f23291a;
diff --git a/frontend/src/views/ds/DatasourceForm.vue b/frontend/src/views/ds/DatasourceForm.vue
index 892824006..bda0804e8 100644
--- a/frontend/src/views/ds/DatasourceForm.vue
+++ b/frontend/src/views/ds/DatasourceForm.vue
@@ -1003,7 +1003,7 @@ defineExpose({
     }
     .container {
       border: 1px solid #dee0e3;
-      border-radius: 4px;
+      border-radius: 6px;
       overflow: hidden;
 
       .select-all {
diff --git a/frontend/src/views/ds/DatasourceItemCard.vue b/frontend/src/views/ds/DatasourceItemCard.vue
index bb9d8568d..5fc438691 100644
--- a/frontend/src/views/ds/DatasourceItemCard.vue
+++ b/frontend/src/views/ds/DatasourceItemCard.vue
@@ -114,7 +114,7 @@ defineProps<{
   right: 20px;
   top: 18px;
   padding: 3px 8px;
-  border-radius: 4px;
+  border-radius: 6px;
   font-size: 12px;
   font-weight: 500;
   display: flex;
diff --git a/frontend/src/views/ds/DatasourceListSide.vue b/frontend/src/views/ds/DatasourceListSide.vue
index 08f5b3c76..936aba727 100644
--- a/frontend/src/views/ds/DatasourceListSide.vue
+++ b/frontend/src/views/ds/DatasourceListSide.vue
@@ -84,7 +84,7 @@ const handleModelClick = (item: any) => {
       display: flex;
       align-items: center;
       padding-left: 8px;
-      border-radius: 4px;
+      border-radius: 6px;
       cursor: pointer;
       .name {
         margin-left: 8px;
diff --git a/frontend/src/views/ds/TableRelationship.vue b/frontend/src/views/ds/TableRelationship.vue
index 75a4da601..941fef0bf 100644
--- a/frontend/src/views/ds/TableRelationship.vue
+++ b/frontend/src/views/ds/TableRelationship.vue
@@ -467,7 +467,7 @@ const save = () => {
   font-synthesis: none;
   text-rendering: optimizeLegibility;
   outline: none;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 5px 11px;
   font-size: 12px;
   line-height: 20px;
diff --git a/frontend/src/views/login/index.vue b/frontend/src/views/login/index.vue
index 104f12994..f595ab76e 100644
--- a/frontend/src/views/login/index.vue
+++ b/frontend/src/views/login/index.vue
@@ -202,7 +202,7 @@ const switchTab = (name: string) => {
           width: 100%;
           height: 40px;
           font-size: 16px;
-          border-radius: 4px;
+          border-radius: 6px;
         }
 
         .agreement {
diff --git a/frontend/src/views/login/xpack/LdapLoginForm.vue b/frontend/src/views/login/xpack/LdapLoginForm.vue
index 3212f6e8c..d35d60752 100644
--- a/frontend/src/views/login/xpack/LdapLoginForm.vue
+++ b/frontend/src/views/login/xpack/LdapLoginForm.vue
@@ -93,7 +93,7 @@ const submitForm = () => {
   width: 100%;
   height: 40px;
   font-size: 16px;
-  border-radius: 4px;
+  border-radius: 6px;
 }
 
 .agreement {
diff --git a/frontend/src/views/system/appearance/Person.vue b/frontend/src/views/system/appearance/Person.vue
index 57fb6c6ca..293c715d2 100644
--- a/frontend/src/views/system/appearance/Person.vue
+++ b/frontend/src/views/system/appearance/Person.vue
@@ -219,7 +219,7 @@ const account = computed(() => userStore.getAccount)
       padding-right: 8px;
       margin-bottom: 2px;
       position: relative;
-      border-radius: 4px;
+      border-radius: 6px;
       cursor: pointer;
       &:not(.empty):hover {
         background: #1f23291a;
diff --git a/frontend/src/views/system/authentication/index.vue b/frontend/src/views/system/authentication/index.vue
index 62d43315d..c90b5ac58 100644
--- a/frontend/src/views/system/authentication/index.vue
+++ b/frontend/src/views/system/authentication/index.vue
@@ -218,7 +218,7 @@ init(true)
             .card-status {
               margin-left: 8px;
               padding: 0 4px;
-              border-radius: 4px;
+              border-radius: 6px;
               background-color: #f54a4533;
               color: #d03f3b;
               line-height: 20px;
diff --git a/frontend/src/views/system/embedded/Card.vue b/frontend/src/views/system/embedded/Card.vue
index 988bd28a3..b09513e20 100644
--- a/frontend/src/views/system/embedded/Card.vue
+++ b/frontend/src/views/system/embedded/Card.vue
@@ -185,7 +185,7 @@ const pageLogo = computed(() => {
     .default {
       margin-left: auto;
       padding: 0 4px;
-      border-radius: 4px;
+      border-radius: 6px;
       font-weight: 400;
       font-size: 12px;
       line-height: 20px;
@@ -258,7 +258,7 @@ const pageLogo = computed(() => {
 <style lang="less">
 .popover-card_embedded.popover-card_embedded.popover-card_embedded {
   box-shadow: 0px 4px 8px 0px #1f23291a;
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #dee0e3;
   width: fit-content !important;
   min-width: 120px !important;
@@ -300,7 +300,7 @@ const pageLogo = computed(() => {
         content: '';
         width: calc(100% - 8px);
         height: 32px;
-        border-radius: 4px;
+        border-radius: 6px;
         position: absolute;
         top: 50%;
         left: 50%;
diff --git a/frontend/src/views/system/embedded/DsCard.vue b/frontend/src/views/system/embedded/DsCard.vue
index f4901f514..4eaf35d12 100644
--- a/frontend/src/views/system/embedded/DsCard.vue
+++ b/frontend/src/views/system/embedded/DsCard.vue
@@ -119,7 +119,7 @@ const handlePublic = () => {
     .default {
       background: var(--ed-color-primary-33, #1cba9033);
       padding: 0 4px;
-      border-radius: 4px;
+      border-radius: 6px;
       color: var(--ed-color-primary-dark-2);
       font-weight: 400;
       font-size: 12px;
@@ -213,7 +213,7 @@ const handlePublic = () => {
 <style lang="less">
 .popover-card_ds_copy.popover-card_ds_copy.popover-card_ds_copy {
   box-shadow: 0px 4px 8px 0px #1f23291a;
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #dee0e3;
   width: fit-content !important;
   min-width: 120px !important;
@@ -250,7 +250,7 @@ const handlePublic = () => {
         content: '';
         width: calc(100% - 8px);
         height: 32px;
-        border-radius: 4px;
+        border-radius: 6px;
         position: absolute;
         top: 50%;
         left: 50%;
diff --git a/frontend/src/views/system/embedded/iframe.vue b/frontend/src/views/system/embedded/iframe.vue
index 3e0630196..cf2fcc8ae 100644
--- a/frontend/src/views/system/embedded/iframe.vue
+++ b/frontend/src/views/system/embedded/iframe.vue
@@ -1469,7 +1469,7 @@ const saveHandler = () => {
       padding-left: 8px;
       padding-right: 8px;
       position: relative;
-      border-radius: 4px;
+      border-radius: 6px;
       cursor: pointer;
       padding-top: 8px;
 
diff --git a/frontend/src/views/system/excel-upload/UploaderRemark.vue b/frontend/src/views/system/excel-upload/UploaderRemark.vue
index ed827c916..a3657b24d 100644
--- a/frontend/src/views/system/excel-upload/UploaderRemark.vue
+++ b/frontend/src/views/system/excel-upload/UploaderRemark.vue
@@ -320,7 +320,7 @@ const submitUpload = () => {
     align-items: center;
     line-height: 40px;
     background: var(--ed-color-primary-80, #d2f1e9);
-    border-radius: 4px;
+    border-radius: 6px;
     padding-left: 10px;
     .icon-span {
       color: var(--ed-color-primary);
diff --git a/frontend/src/views/system/model/Card.vue b/frontend/src/views/system/model/Card.vue
index 9e4f55c59..7bf93718e 100644
--- a/frontend/src/views/system/model/Card.vue
+++ b/frontend/src/views/system/model/Card.vue
@@ -140,7 +140,7 @@ defineExpose({ showErrorMask })
       margin-left: auto;
       background: var(--ed-color-primary-33, #1cba9033);
       padding: 0 4px;
-      border-radius: 4px;
+      border-radius: 6px;
       color: var(--ed-color-primary-dark-2);
       font-weight: 400;
       font-size: 12px;
diff --git a/frontend/src/views/system/model/Model.vue b/frontend/src/views/system/model/Model.vue
index 76f514058..f370f3d94 100644
--- a/frontend/src/views/system/model/Model.vue
+++ b/frontend/src/views/system/model/Model.vue
@@ -537,7 +537,7 @@ const submit = (item: any) => {
       padding-right: 8px;
       margin-bottom: 2px;
       position: relative;
-      border-radius: 4px;
+      border-radius: 6px;
       cursor: pointer;
       &:not(.empty):hover {
         background: #1f23291a;
diff --git a/frontend/src/views/system/model/ModelListSide.vue b/frontend/src/views/system/model/ModelListSide.vue
index bd3e672e8..f2a868d24 100644
--- a/frontend/src/views/system/model/ModelListSide.vue
+++ b/frontend/src/views/system/model/ModelListSide.vue
@@ -82,7 +82,7 @@ const handleModelClick = (item: any) => {
       display: flex;
       align-items: center;
       padding-left: 8px;
-      border-radius: 4px;
+      border-radius: 6px;
       cursor: pointer;
       .name {
         margin-left: 8px;
diff --git a/frontend/src/views/system/permission/auth-tree/AuthTree.vue b/frontend/src/views/system/permission/auth-tree/AuthTree.vue
index 9fd2ddfa5..f942dd5dc 100644
--- a/frontend/src/views/system/permission/auth-tree/AuthTree.vue
+++ b/frontend/src/views/system/permission/auth-tree/AuthTree.vue
@@ -172,7 +172,7 @@ const del = (index: any, child: any) => {
       transform: translate(-50%, -50%);
       background: #1f23291a;
       z-index: 1;
-      border-radius: 4px;
+      border-radius: 6px;
       user-select: none;
       pointer-events: none;
     }
diff --git a/frontend/src/views/system/permission/index.vue b/frontend/src/views/system/permission/index.vue
index 44021d018..d5289e9c9 100644
--- a/frontend/src/views/system/permission/index.vue
+++ b/frontend/src/views/system/permission/index.vue
@@ -1103,7 +1103,7 @@ const columnRules = {
       padding-left: 12px;
       padding-right: 8px;
       position: relative;
-      border-radius: 4px;
+      border-radius: 6px;
       cursor: pointer;
       &:hover {
         background: #1f23291a;
diff --git a/frontend/src/views/system/platform/common/InfoTemplate.vue b/frontend/src/views/system/platform/common/InfoTemplate.vue
index df31c94eb..e3b9263f9 100644
--- a/frontend/src/views/system/platform/common/InfoTemplate.vue
+++ b/frontend/src/views/system/platform/common/InfoTemplate.vue
@@ -234,7 +234,7 @@ formatLabel()
 .info-template-container {
   padding: 24px 24px 8px 24px;
   background: var(--ContentBG, #ffffff);
-  border-radius: 4px;
+  border-radius: 6px;
   .info-template-header {
     display: flex;
     margin-top: -4px;
diff --git a/frontend/src/views/system/user/User.vue b/frontend/src/views/system/user/User.vue
index d4b5b130b..716284b8f 100644
--- a/frontend/src/views/system/user/User.vue
+++ b/frontend/src/views/system/user/User.vue
@@ -1460,7 +1460,7 @@ const showTips = (successCount: any, errorCount: any, dataKey: any) => {
       padding-left: 12px;
       padding-right: 8px;
       position: relative;
-      border-radius: 4px;
+      border-radius: 6px;
       cursor: pointer;
 
       &:not(:last-child) {
@@ -1592,7 +1592,7 @@ const showTips = (successCount: any, errorCount: any, dataKey: any) => {
     align-items: center;
     line-height: 40px;
     background: var(--ed-color-primary-80, #d2f1e9);
-    border-radius: 4px;
+    border-radius: 6px;
     padding-left: 10px;
     .icon-span {
       color: var(--ed-color-primary);
diff --git a/frontend/src/views/system/user/UserImport.vue b/frontend/src/views/system/user/UserImport.vue
index 96b4cbb0a..9fc80ef24 100644
--- a/frontend/src/views/system/user/UserImport.vue
+++ b/frontend/src/views/system/user/UserImport.vue
@@ -383,7 +383,7 @@ defineExpose({
     align-items: center;
     line-height: 40px;
     background: var(--ed-color-primary-80, #d2f1e9);
-    border-radius: 4px;
+    border-radius: 6px;
     padding-left: 10px;
     .icon-span {
       color: var(--ed-color-primary);
diff --git a/frontend/src/views/system/variables/index.vue b/frontend/src/views/system/variables/index.vue
index e6dd0f96c..4b175b7ba 100644
--- a/frontend/src/views/system/variables/index.vue
+++ b/frontend/src/views/system/variables/index.vue
@@ -670,7 +670,7 @@ const handleCurrentChange = (val: number) => {
     .preview-or-schema {
       .system-flag {
         background-color: var(--ed-color-primary-33, #1cba9033);
-        border-radius: 4px;
+        border-radius: 6px;
         height: 16px;
         line-height: 16px;
         padding: 0 4px;
diff --git a/frontend/src/views/system/workspace/index.vue b/frontend/src/views/system/workspace/index.vue
index da3519cd4..303c888e6 100644
--- a/frontend/src/views/system/workspace/index.vue
+++ b/frontend/src/views/system/workspace/index.vue
@@ -701,7 +701,7 @@ const handleCurrentChange = (val: number) => {
         display: flex;
         align-items: center;
         padding-left: 8px;
-        border-radius: 4px;
+        border-radius: 6px;
         cursor: pointer;
         padding-right: 8px;
         margin-bottom: 2px;
@@ -876,7 +876,7 @@ const handleCurrentChange = (val: number) => {
 <style lang="less">
 .popover-card_workspack.popover-card_workspack.popover-card_workspack {
   box-shadow: 0px 4px 8px 0px #1f23291a;
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #dee0e3;
   width: fit-content !important;
   min-width: 120px !important;
@@ -913,7 +913,7 @@ const handleCurrentChange = (val: number) => {
         content: '';
         width: calc(100% - 8px);
         height: 32px;
-        border-radius: 4px;
+        border-radius: 6px;
         position: absolute;
         top: 50%;
         left: 50%;
@@ -953,7 +953,7 @@ const handleCurrentChange = (val: number) => {
       padding-left: 12px;
       padding-right: 8px;
       position: relative;
-      border-radius: 4px;
+      border-radius: 6px;
       cursor: pointer;
       &:hover {
         background: #1f23291a;
diff --git a/frontend/src/views/work/DatasourceCard.vue b/frontend/src/views/work/DatasourceCard.vue
index 1c6a89037..d84ad6c48 100644
--- a/frontend/src/views/work/DatasourceCard.vue
+++ b/frontend/src/views/work/DatasourceCard.vue
@@ -37,7 +37,7 @@ withDefaults(
 .datasource-card {
   height: 120px;
   padding: 16px;
-  border-radius: 4px;
+  border-radius: 6px;
   box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
   .description {
     display: flex;