叩叩叩

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 {

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;

public/header.html

@@ -35,9 +35,8 @@
       <span class="nav-divider">|</span>
       <div class="no-login" style="display: none;">
         <span class="nav-text-link" id="registBtn">注册</span>
-        <div class="login-btn-wrapper">
-          <div class="btn btn-login" id="loginBtn">登录</div>
-        </div>
+        <span class="nav-divider">|</span>
+        <div class="btn btn-login" id="loginBtn">登录</div>
       </div>
       <div class="login-in " style="display: none;">
         <div id="headImg" class="head-img"></div>