diff --git a/css/index.css b/css/index.css index 228e8ee..be35cb0 100644 --- a/css/index.css +++ b/css/index.css @@ -87,19 +87,42 @@ gap: 12px; } -/* 文档、控制台按钮 */ +/* 文档、控制台按钮优化 */ #index .nav-right .control { - color: #E5E7EB; + color: #CBD5E1; padding: 8px 16px; font-size: 14px; font-weight: 500; - transition: all 0.3s ease; - border-radius: 6px; + transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); + border-radius: 8px; + position: relative; + overflow: hidden; + border: 1px solid transparent; +} + +/* 控制台按钮背景动画 */ +#index .nav-right .control::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(56, 189, 248, 0.08); + transform: scaleX(0); + transform-origin: left; + transition: transform 0.3s ease; + z-index: -1; } #index .nav-right .control:hover { color: #38BDF8; - background: rgba(56, 189, 248, 0.08); + border-color: rgba(56, 189, 248, 0.2); + transform: translateY(-2px); +} + +#index .nav-right .control:hover::before { + transform: scaleX(1); } /* 登录注册按钮容器 */