diff --git a/css/index.css b/css/index.css index bf32188..36df0f6 100644 --- a/css/index.css +++ b/css/index.css @@ -142,6 +142,7 @@ display: flex !important; align-items: center !important; justify-content: center !important; + gap: 8px !important; padding: 0 48px !important; font-size: 14px !important; font-weight: 500 !important; @@ -160,7 +161,23 @@ box-shadow: none !important; } +/* 注册按钮图标 */ #index .no-login .btn.btn-normal#registBtn::before { + content: ''; + display: block; + width: 16px; + height: 16px; + background-image: url('/web/BlackFruit-web/assets/img/header/zhuce.png'); + background-size: contain; + background-repeat: no-repeat; + background-position: center; + position: relative; + z-index: 2; + flex-shrink: 0; +} + +/* 注册按钮悬停效果背景层 */ +#index .no-login .btn.btn-normal#registBtn::after { content: ''; position: absolute; top: 0; @@ -171,26 +188,15 @@ opacity: 0; transition: opacity 0.3s ease; pointer-events: none; - z-index: 0; -} - -#index .no-login .btn.btn-normal#registBtn:hover { - background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%) !important; - box-shadow: 0 4px 16px rgba(56, 189, 248, 0.4) !important; -} - -#index .no-login .btn.btn-normal#registBtn:hover::before { - opacity: 1; -} - -/* 确保注册按钮文字始终可见 */ -#index .no-login .btn.btn-normal#registBtn { z-index: 1; } -#index .no-login .btn.btn-normal#registBtn * { - position: relative; - z-index: 2; +#index .no-login .btn.btn-normal#registBtn:hover { + box-shadow: 0 4px 16px rgba(56, 189, 248, 0.4) !important; +} + +#index .no-login .btn.btn-normal#registBtn:hover::after { + opacity: 1; } /* 响应式 */