diff --git a/css/common.css b/css/common.css index 57f7cab..630158e 100644 --- a/css/common.css +++ b/css/common.css @@ -112,6 +112,34 @@ header:hover { color: #38BDF8; } +/* ============================================ + 控制台按钮 - 胶囊样式 + ============================================ */ + +.console-btn { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 8px 24px; + border-radius: 999px; + background: linear-gradient(135deg, #165DFF, #3B82F6); + color: #fff; + font-size: 14px; + font-weight: 500; + text-decoration: none; + transition: all 0.3s ease; + box-shadow: 0 2px 8px rgba(22, 93, 255, 0.3); + letter-spacing: 1px; +} + +.console-btn:hover { + background: linear-gradient(135deg, #0D47D9, #2563EB); + box-shadow: 0 4px 16px rgba(22, 93, 255, 0.45); + transform: translateY(-1px); + color: #fff; + text-decoration: none; +} + /* ============================================ 登录注册区域 - 撑满高度设计 ============================================ */ diff --git a/public/header.html b/public/header.html index f17940a..b02b58e 100644 --- a/public/header.html +++ b/public/header.html @@ -44,19 +44,7 @@