From 98a2452698810ebbb928a8e839cf52f008fc4383 Mon Sep 17 00:00:00 2001
From: shaw <shaw-wei@foxmail.com>
Date: Tue, 5 Aug 2025 17:31:12 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=B7=BB=E5=8A=A0=E6=AC=A1=E8=A6=81?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加 btn-secondary 类的渐变背景和悬停效果，提供灰色系的次要按钮样式。

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 web/admin-spa/src/assets/styles/components.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/web/admin-spa/src/assets/styles/components.css b/web/admin-spa/src/assets/styles/components.css
index 7f5bd632..cd69a1c8 100644
--- a/web/admin-spa/src/assets/styles/components.css
+++ b/web/admin-spa/src/assets/styles/components.css
@@ -197,6 +197,21 @@
         0 10px 10px -5px rgba(239, 68, 68, 0.1);
 }
 
+.btn-secondary {
+    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
+    color: white;
+    box-shadow: 
+        0 10px 15px -3px rgba(107, 114, 128, 0.3),
+        0 4px 6px -2px rgba(107, 114, 128, 0.05);
+}
+
+.btn-secondary:hover {
+    transform: translateY(-1px);
+    box-shadow: 
+        0 20px 25px -5px rgba(107, 114, 128, 0.3),
+        0 10px 10px -5px rgba(107, 114, 128, 0.1);
+}
+
 /* 表单输入 */
 .form-input {
     background: rgba(255, 255, 255, 0.9);