fix: 头像下拉菜单hover间隙修复 鼠标平滑滑入

css/common.css

@@ -171,15 +171,20 @@ header:hover {
 .user-dropdown {
   display: none;
   position: absolute;
-  top: calc(100% + 8px);
-  right: 0;
+  top: 100%;
+  right: -10px;
   min-width: 140px;
+  padding-top: 10px;
+  z-index: 1000;
+}
+
+.user-dropdown-inner {
   background: #1F2937;
   border-radius: 12px;
   padding: 6px 0;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
   border: 1px solid rgba(255, 255, 255, 0.1);
-  z-index: 1000;
+  position: relative;
 }
 
 .user-avatar-wrap:hover .user-dropdown {
@@ -187,7 +192,7 @@ header:hover {
 }
 
 /* 下拉箭头 */
-.user-dropdown::before {
+.user-dropdown-inner::before {
   content: '';
   position: absolute;
   top: -6px;

public/header.html

@@ -48,11 +48,13 @@
         <div class="user-avatar-wrap">
           <div class="user-avatar" id="headImg"></div>
           <div class="user-dropdown">
+            <div class="user-dropdown-inner">
               <div class="user-dropdown-item" id="accountBtn" data-i18n="menu_account">个人资料</div>
               <div class="user-dropdown-item" id="logout" data-i18n="menu_logout">退出登录</div>
             </div>
           </div>
         </div>
+      </div>
       <!-- 移动端汉堡菜单按钮 -->
       <button class="mobile-menu-toggle" id="mobileMenuToggle" aria-label="Toggle navigation">
         <img src="/web/BlackFruit-web/assets/img/header/bar.svg" alt="Menu" class="mobile-menu-icon">