diff --git a/common/common.css b/common/common.css index 30d6ddd..a184773 100644 --- a/common/common.css +++ b/common/common.css @@ -811,7 +811,7 @@ border: 1px solid rgba(148, 163, 184, 0.15); border-right: none; border-radius: 8px 0 0 8px; - overflow: hidden; + overflow: visible; } .aside-tools .tools-list .tools-item { @@ -853,10 +853,18 @@ .aside-tools .tools-list .tools-item:hover .tools-box { display: block; - animation: slideInRight 0.3s ease; } -@keyframes slideInRight { +.aside-tools .tools-list .tools-item .tools-box { + display: none; + position: absolute; + right: 50px; + top: 0; + padding-right: 15px; + animation: slideInFromRight 0.3s ease; +} + +@keyframes slideInFromRight { from { opacity: 0; transform: translateX(10px); @@ -867,14 +875,6 @@ } } -.aside-tools .tools-list .tools-item .tools-box { - display: none; - position: absolute; - left: -240px; - top: 0; - padding-right: 15px; -} - .aside-tools .tools-list .tools-item .tools-box-s { padding: 24px; width: 210px; @@ -909,6 +909,7 @@ margin-bottom: 8px; color: #F9FAFB; position: relative; + z-index: 1; } .aside-tools .tools-list .tools-item .tools-box p { @@ -916,6 +917,7 @@ color: rgba(203, 213, 225, 0.8); line-height: 1.6; position: relative; + z-index: 1; } .aside-tools .tools-list .tools-item .tools-box .com-contact-tel { @@ -938,6 +940,7 @@ transition: all 0.3s ease; position: relative; overflow: hidden; + z-index: 1; } .aside-tools .tools-list .tools-item .tools-box .button::before { diff --git a/css/index.css b/css/index.css index 27676e8..f660ea1 100644 --- a/css/index.css +++ b/css/index.css @@ -141,13 +141,6 @@ align-items: center; } -/* 登录按钮 - 与 header 等高,直接参与 nav-right 的 flex 布局 */ -#index .login-btn-wrapper { - display: flex; - align-items: stretch; - border-left: 1px solid rgba(148, 163, 184, 0.15); -} - /* 登录按钮 - 与 header 等高 */ #index .btn-login, #index #loginBtn { @@ -157,6 +150,7 @@ 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; transition: all 0.3s ease; diff --git a/public/header.html b/public/header.html index 03f4532..dab9913 100644 --- a/public/header.html +++ b/public/header.html @@ -35,9 +35,8 @@ |