diff --git a/css/index.css b/css/index.css index a560a93..228e8ee 100644 --- a/css/index.css +++ b/css/index.css @@ -111,8 +111,8 @@ } /* 登录按钮 - 线框风格 */ -#index .btn-normal-light, -#index #loginBtn { +#index .nav-right .btn-normal-light, +#index .nav-right #loginBtn { padding: 8px 20px; font-size: 14px; font-weight: 500; @@ -126,8 +126,8 @@ overflow: hidden; } -#index .btn-normal-light::before, -#index #loginBtn::before { +#index .nav-right .btn-normal-light::before, +#index .nav-right #loginBtn::before { content: ''; position: absolute; top: 50%; @@ -140,23 +140,23 @@ transition: width 0.6s ease, height 0.6s ease; } -#index .btn-normal-light:hover, -#index #loginBtn:hover { +#index .nav-right .btn-normal-light:hover, +#index .nav-right #loginBtn:hover { border-color: rgba(56, 189, 248, 0.6); color: #38BDF8; box-shadow: 0 0 20px rgba(56, 189, 248, 0.2); transform: translateY(-2px); } -#index .btn-normal-light:hover::before, -#index #loginBtn:hover::before { +#index .nav-right .btn-normal-light:hover::before, +#index .nav-right #loginBtn:hover::before { width: 300px; height: 300px; } /* 注册按钮 - 渐变填充风格 */ -#index .btn-normal, -#index #registBtn { +#index .nav-right .btn-normal, +#index .nav-right #registBtn { padding: 8px 20px; font-size: 14px; font-weight: 600; @@ -170,8 +170,8 @@ overflow: hidden; } -#index .btn-normal::before, -#index #registBtn::before { +#index .nav-right .btn-normal::before, +#index .nav-right #registBtn::before { content: ''; position: absolute; top: 0; @@ -183,21 +183,21 @@ transition: opacity 0.3s ease; } -#index .btn-normal:hover, -#index #registBtn:hover { +#index .nav-right .btn-normal:hover, +#index .nav-right #registBtn:hover { box-shadow: 0 6px 20px rgba(56, 189, 248, 0.4), 0 0 30px rgba(56, 189, 248, 0.3); transform: translateY(-2px); } -#index .btn-normal:hover::before, -#index #registBtn:hover::before { +#index .nav-right .btn-normal:hover::before, +#index .nav-right #registBtn:hover::before { opacity: 1; } -#index .btn-normal span, -#index #registBtn span { +#index .nav-right .btn-normal span, +#index .nav-right #registBtn span { position: relative; z-index: 1; } @@ -245,10 +245,10 @@ font-size: 13px; } - #index .btn-normal-light, - #index #loginBtn, - #index .btn-normal, - #index #registBtn { + #index .nav-right .btn-normal-light, + #index .nav-right #loginBtn, + #index .nav-right .btn-normal, + #index .nav-right #registBtn { padding: 6px 16px; font-size: 13px; }