From 39dcfc96c8877e613da3d358c6fb13fc3fc5daa9 Mon Sep 17 00:00:00 2001
From: chiyi <cyi.cc@outlook.com>
Date: Mon, 12 Oct 2026 15:02:46 +0800
Subject: [PATCH] =?UTF-8?q?style(canvas):=20=E5=B7=A5=E5=85=B7=E6=A0=8F?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=8E=BB=E9=9D=92=E8=89=B2=E6=94=B9=E7=B4=AB?=
 =?UTF-8?q?=E8=89=B2=E4=B8=BB=E9=A2=98,=E7=BB=9F=E4=B8=80=E9=AB=98?=
 =?UTF-8?q?=E5=BA=A6=E5=92=8C=E6=82=AC=E6=B5=AE=E7=BB=86=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/CanvasView.vue | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/CanvasView.vue b/frontend/src/views/CanvasView.vue
index 2c447d4..c332c76 100644
--- a/frontend/src/views/CanvasView.vue
+++ b/frontend/src/views/CanvasView.vue
@@ -1067,8 +1067,13 @@ const saveLabel = computed(() => ({
 <style scoped>
 /* ===== 画布:玻璃拟态全屏工作台(随站点明暗主题走变量) ===== */
 .cv-btn {
-  padding: 5px 11px;
-  border-radius: 9px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+  height: 30px;
+  padding: 0 12px;
+  border-radius: 10px;
   border: 1px solid var(--ink-soft);
   background: var(--surface);
   -webkit-backdrop-filter: blur(10px);
@@ -1076,6 +1081,7 @@ const saveLabel = computed(() => ({
   color: var(--fg);
   font-size: 13px;
   font-weight: 600;
+  line-height: 1;
   cursor: pointer;
   white-space: nowrap;
   box-shadow: var(--glass-shadow);
@@ -1083,10 +1089,12 @@ const saveLabel = computed(() => ({
 }
 .cv-btn:hover:not(:disabled) {
   background: var(--hover);
-  border-color: rgb(124 92 252 / 0.4);
+  border-color: rgb(124 92 252 / 0.45);
+  box-shadow: 0 4px 14px var(--accent-glow);
+  transform: translateY(-1px);
 }
 .cv-btn:active:not(:disabled) {
-  transform: translateY(1px);
+  transform: translateY(0);
 }
 .cv-btn:disabled {
   opacity: 0.45;
@@ -1094,14 +1102,18 @@ const saveLabel = computed(() => ({
 }
 .cv-btn--danger:hover:not(:disabled) {
   background: #ffb4ab;
+  border-color: #e5484d;
+  box-shadow: 0 4px 14px rgb(229 72 77 / 0.25);
 }
 .cv-btn--accent {
-  background: rgb(34 211 238 / 0.16);
-  border-color: rgb(34 211 238 / 0.4);
+  background: linear-gradient(120deg, rgb(124 92 252 / 0.16), rgb(168 85 247 / 0.14));
+  border-color: rgb(124 92 252 / 0.42);
+  color: var(--m-orange);
 }
 .cv-btn--accent:hover:not(:disabled) {
-  background: rgb(52 211 153 / 0.16);
-  border-color: rgb(52 211 153 / 0.4);
+  background: linear-gradient(120deg, rgb(124 92 252 / 0.26), rgb(168 85 247 / 0.22));
+  border-color: rgb(124 92 252 / 0.62);
+  box-shadow: 0 4px 16px var(--accent-glow);
 }
 .cv-select,
 .cv-input {