From 50f08957fe787bf6d28b926181cb21d8152f2352 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Fri, 23 Oct 2026 12:52:11 +0800
Subject: [PATCH] perf: style

---
 ui/src/styles/element-plus.scss                    |  1 +
 .../XpackAccessRestrictionDrawer.vue               |  2 +-
 .../embed-third-party/EmbedThirdPartyDialog.vue    | 14 +++++---------
 3 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index 0525eab0871..cfca31ee7a2 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -796,6 +796,7 @@
   }
   &.el-tooltip.is-dark {
     max-width: 320px;
+    border: 1px solid var(--el-popper-bg-color-dark) !important;
   }
 }
 
diff --git a/ui/src/views/application-detail/overview/access-restriction/XpackAccessRestrictionDrawer.vue b/ui/src/views/application-detail/overview/access-restriction/XpackAccessRestrictionDrawer.vue
index 4d153770696..d5ea23eb7cb 100644
--- a/ui/src/views/application-detail/overview/access-restriction/XpackAccessRestrictionDrawer.vue
+++ b/ui/src/views/application-detail/overview/access-restriction/XpackAccessRestrictionDrawer.vue
@@ -139,7 +139,7 @@ onMounted(loadAccessRestriction)
           <template #label>
             <span class="flex-align-center gap-1">
               身份认证
-              <MkTooltip content="开启身份认证后，智能体和关联的知识库均需要对话用户授权配置，否则用户无权限登录和知识库检索">
+              <MkTooltip placement="right" content="开启身份认证后，智能体和关联的知识库均需要对话用户授权配置，否则用户无权限登录和知识库检索">
                 <MkIcon name="icon_info_outlined" class="text-N600!" />
               </MkTooltip>
             </span>
diff --git a/ui/src/views/application-detail/overview/embed-third-party/EmbedThirdPartyDialog.vue b/ui/src/views/application-detail/overview/embed-third-party/EmbedThirdPartyDialog.vue
index 89ca1f0bac9..1dbd9e9e306 100644
--- a/ui/src/views/application-detail/overview/embed-third-party/EmbedThirdPartyDialog.vue
+++ b/ui/src/views/application-detail/overview/embed-third-party/EmbedThirdPartyDialog.vue
@@ -61,25 +61,21 @@ defineExpose({ open })
         <template v-for="mode in embedModes" :key="mode.value">
           <!-- 切换嵌入模式 -->
           <el-card
-            shadow="never"
-            class="cursor-pointer text-center"
+            shadow="hover"
             :class="{ 'border-primary! bg-primary/10!': selectedMode === mode.value }"
-            role="button"
-            tabindex="0"
-            :aria-pressed="selectedMode === mode.value"
             @click="selectedMode = mode.value"
             @keydown.enter.prevent="selectedMode = mode.value"
             @keydown.space.prevent="selectedMode = mode.value"
           >
             <div class="space-y-2">
-              <div>{{ mode.label }}</div>
-              <img :src="mode.image" alt="" class="mx-auto h-28 object-contain" />
+              <div class="text-center">{{ mode.label }}</div>
+              <img :src="mode.image" alt="" class="mx-auto h-30 object-contain" />
             </div>
           </el-card>
         </template>
       </div>
-      <div class="mk-gray-card-lg space-y-2">
-        <div class="flex-between">
+      <div class="mk-gray-card-lg">
+        <div class="flex-between mb-2">
           <h6>复制以下代码进行嵌入</h6>
           <!-- 复制当前模式的嵌入代码 -->
           <MkTooltip content="复制">