From d228ee59234c66f5ee941fb68301407b114fc637 Mon Sep 17 00:00:00 2001
From: DuMate <dumate@qianfan.ai>
Date: Mon, 21 Sep 2026 23:41:22 +0800
Subject: [PATCH] =?UTF-8?q?style(message):=20=E7=BB=9F=E4=B8=80=20Message?=
 =?UTF-8?q?=20toast=20=E8=A7=86=E8=A7=89=E9=A3=8E=E6=A0=BC=E5=B9=B6?=
 =?UTF-8?q?=E6=B8=85=E7=90=86=20emoji?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 登录成功/设置保存/清理完成等 toast 去掉 emoji，保持文字简洁
- 全局 .el-message 增加 14px 圆角、统一 padding，字体与设计系统对齐
- success 类型定制橙色圆形图标底 + 白色对勾，匹配暗色暖色主题
---
 frontend/src/styles/base.css          | 34 ++++++++++++++++++++++++---
 frontend/src/views/LoginView.vue      |  2 +-
 frontend/src/views/OverviewView.vue   |  2 +-
 frontend/src/views/ThresholdsView.vue |  2 +-
 4 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/frontend/src/styles/base.css b/frontend/src/styles/base.css
index 4f14486..52aa7ef 100644
--- a/frontend/src/styles/base.css
+++ b/frontend/src/styles/base.css
@@ -241,9 +241,37 @@ html[data-theme="dark"] .ambient::after {
 }
 
 /* —— Element Plus Message 全局覆盖：使用设计系统变量，双主题均可读 —— */
-.el-message { background: var(--card) !important; border-color: var(--line) !important; box-shadow: var(--shadow) !important; }
-.el-message__content { color: var(--ink) !important; }
-.el-message .el-message__icon { color: var(--orange) !important; }
+.el-message {
+  background: var(--card) !important;
+  border-color: var(--line) !important;
+  box-shadow: var(--shadow) !important;
+  border-radius: 14px !important;
+  padding: 12px 22px 12px 16px !important;
+  min-width: unset !important;
+}
+.el-message__content { color: var(--ink) !important; font-weight: 500; font-size: 13.5px; }
+
+/* Success 定制：圆形橙色图标底 + 白色对勾，匹配暗色暖色风格 */
+.el-message.el-message--success .el-message__icon {
+  position: relative !important;
+  width: 22px; height: 22px;
+  display: inline-flex; align-items: center; justify-content: center;
+  margin-right: 10px;
+  color: #fff !important;
+  font-size: 13px;
+  z-index: 1;
+}
+.el-message.el-message--success .el-message__icon::before {
+  content: '';
+  position: absolute; inset: 0;
+  background: var(--orange);
+  border-radius: 50%;
+  z-index: -1;
+}
+/* 按类型还原图标颜色（success 已覆盖为白色） */
+.el-message.el-message--warning .el-message__icon { color: var(--orange) !important; }
+.el-message.el-message--error   .el-message__icon { color: var(--red)   !important; }
+.el-message.el-message--info    .el-message__icon { color: var(--blue)  !important; }
 
 /* —— 响应式断点（桌面 ≥1024 / 平板 768~1023 / 手机 <768） —— */
 @media (max-width: 1023px) {
diff --git a/frontend/src/views/LoginView.vue b/frontend/src/views/LoginView.vue
index 7d45ab1..efaa95c 100644
--- a/frontend/src/views/LoginView.vue
+++ b/frontend/src/views/LoginView.vue
@@ -26,7 +26,7 @@ async function login() {
     ElMessage.error(res.message || '用户名或密码错误')
     return
   }
-  ElMessage.success('欢迎回来 👋')
+  ElMessage.success('欢迎回来')
   router.push(route.query.redirect || '/')
 }
 </script>
diff --git a/frontend/src/views/OverviewView.vue b/frontend/src/views/OverviewView.vue
index 42ed77d..e34b931 100644
--- a/frontend/src/views/OverviewView.vue
+++ b/frontend/src/views/OverviewView.vue
@@ -77,7 +77,7 @@ async function onCleanConfirmed(res) {
 function quickClean() {
   const warnPkg = state.packages.find(p => p.status === 'warn')
   if (warnPkg) openClean(warnPkg)
-  else ElMessage.info('暂无预警包需要清理 🎉')
+  else ElMessage.info('暂无预警包需要清理')
 }
 </script>
 
diff --git a/frontend/src/views/ThresholdsView.vue b/frontend/src/views/ThresholdsView.vue
index be029f6..5447afa 100644
--- a/frontend/src/views/ThresholdsView.vue
+++ b/frontend/src/views/ThresholdsView.vue
@@ -80,7 +80,7 @@ async function doSave() {
       exceptions: form.exceptions,
     })
     saved.value = true
-    ElMessage.success('设置已保存，包列表状态已重新计算 ✅')
+    ElMessage.success('设置已保存，包列表状态已重新计算')
     setTimeout(() => (saved.value = false), 3000)
   } finally {
     saving.value = false