diff --git a/css/index.css b/css/index.css index f2af1cb..5c60d2c 100644 --- a/css/index.css +++ b/css/index.css @@ -80,6 +80,22 @@ Header 右侧导航重新设计 ============================================ */ +/* nav-header 确保高度 */ +#index .nav-header { + max-width: var(--container-max-width); + margin: 0 auto; + padding: 0 var(--container-padding-x); + display: flex; + align-items: stretch; + height: 70px; +} + +#index .nav-header .nav-left { + display: flex; + align-items: center; + flex: 1; +} + /* nav-right 布局 */ #index .nav-right { display: flex; @@ -113,24 +129,24 @@ user-select: none; } -/* 登录注册容器 */ +/* 登录注册容器 - 修复为 inline flex */ #index .no-login { - display: flex; + display: inline-flex; align-items: stretch; height: 100%; - margin-left: 0; } /* 注册文字链接 */ #index .no-login .nav-text-link { - padding-right: 20px; + padding: 0 16px; + display: flex; + align-items: center; } /* 登录按钮包装器 - 与 header 等高 */ #index .login-btn-wrapper { display: flex; align-items: stretch; - margin-left: 20px; border-left: 1px solid rgba(148, 163, 184, 0.15); } @@ -194,6 +210,7 @@ transition: all 0.3s ease; position: relative; border-left: 1px solid rgba(148, 163, 184, 0.15); + height: 100%; } #index .login-in:hover { @@ -222,6 +239,10 @@ /* 响应式适配 */ @media (max-width: 768px) { + #index .nav-header { + height: 60px; + } + #index .nav-right .nav-text-link { padding: 0 12px; font-size: 13px;