diff --git a/css/index.css b/css/index.css index 3041334..b851c4b 100644 --- a/css/index.css +++ b/css/index.css @@ -134,62 +134,20 @@ display: contents; /* 让子元素直接参与父级 flex 布局 */ } -/* 登录文字链接 */ +/* 登录和注册文字链接 */ #index .no-login .nav-text-link { padding: 0 16px; display: flex; align-items: center; -} - -/* 注册按钮 - 与 header 等高 */ -#index .btn-register, -#index #registBtn.btn-register { - padding: 0 32px; + color: #CBD5E1; font-size: 14px; - font-weight: 500; - color: #ffffff; - background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%); - border: none; - border-left: 1px solid rgba(148, 163, 184, 0.15); - border-radius: 0; - cursor: pointer; + font-weight: 400; transition: all 0.3s ease; - position: relative; - overflow: hidden; - display: flex; - align-items: center; - justify-content: center; - min-width: 100px; + cursor: pointer; } -#index .btn-register::before, -#index #registBtn.btn-register::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%); - opacity: 0; - transition: opacity 0.3s ease; -} - -#index .btn-register:hover, -#index #registBtn.btn-register:hover { - background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%); -} - -#index .btn-register:hover::before, -#index #registBtn.btn-register:hover::before { - opacity: 1; -} - -/* 注册按钮文字在最上层 */ -#index .btn-register span, -#index #registBtn.btn-register span { - position: relative; - z-index: 1; +#index .no-login .nav-text-link:hover { + color: #38BDF8; } /* 已登录状态样式 */ @@ -239,13 +197,6 @@ padding: 0 12px; font-size: 13px; } - - #index .btn-register, - #index #registBtn.btn-register { - padding: 0 24px; - font-size: 13px; - min-width: 80px; - } } /* 首页下拉菜单优化 - 确保高层级 */ diff --git a/public/header.html b/public/header.html index 4165b4e..42b31c2 100644 --- a/public/header.html +++ b/public/header.html @@ -35,7 +35,8 @@ |