From cd8b0e50654a78c6878c09d68af8c8045b1e7ee6 Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Fri, 26 Dec 2025 15:30:19 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9D=A2=E5=8C=85=E5=9B=BE=E6=A0=87BUG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/common.css | 414 +++++++++++++++++++++++++------------------------
 1 file changed, 211 insertions(+), 203 deletions(-)

diff --git a/css/common.css b/css/common.css
index c23c588..044368a 100644
--- a/css/common.css
+++ b/css/common.css
@@ -10,103 +10,103 @@
 /* 强制提升 header 和导航菜单的层级 */
 header,
 #header {
-    z-index: 99999 !important;
-    position: relative;
-    transition: background 0.3s ease !important;
+  z-index: 99999 !important;
+  position: relative;
+  transition: background 0.3s ease !important;
 }
 
 #header {
-    position: sticky !important;
+  position: sticky !important;
 }
 
 #header:hover,
 header:hover {
-    background: rgba(15, 23, 42, 0.6) !important;
+  background: rgba(15, 23, 42, 0.6) !important;
 }
 
 /* 导航栏：使用统一的容器系统 */
 .nav-header {
-    max-width: 1440px;
-    margin: 0 auto;
-    padding: 0 20px;
-    display: flex;
-    align-items: stretch;
-    height: 70px;
+  max-width: 1440px;
+  margin: 0 auto;
+  padding: 0 20px;
+  display: flex;
+  align-items: stretch;
+  height: 70px;
 }
 
 .nav-header .nav-left {
-    display: flex;
-    align-items: center;
-    flex: 1;
+  display: flex;
+  align-items: center;
+  flex: 1;
 }
 
 .nav-right {
-    display: flex;
-    align-items: stretch;
-    height: 100%;
+  display: flex;
+  align-items: stretch;
+  height: 100%;
 }
 
 .nav-right>a {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 /* 纯文字链接样式 */
 .nav-right .nav-text-link {
-    color: #CBD5E1;
-    font-size: 14px;
-    font-weight: 400;
-    padding: 0 16px;
-    display: flex;
-    align-items: center;
-    transition: all 0.3s ease;
-    cursor: pointer;
-    text-decoration: none;
+  color: #CBD5E1;
+  font-size: 14px;
+  font-weight: 400;
+  padding: 0 16px;
+  display: flex;
+  align-items: center;
+  transition: all 0.3s ease;
+  cursor: pointer;
+  text-decoration: none;
 }
 
 .nav-right .nav-text-link:hover {
-    color: #38BDF8;
+  color: #38BDF8;
 }
 
 /* 分隔符样式 */
 .nav-right .nav-divider {
-    color: rgba(148, 163, 184, 0.3);
-    display: flex;
-    align-items: center;
-    font-size: 14px;
-    user-select: none;
+  color: rgba(148, 163, 184, 0.3);
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  user-select: none;
 }
 
 /* nav-shadow 样式和 hover 效果 */
 .nav-shadow {
-    background: rgba(15, 23, 42, 0.8) !important;
-    backdrop-filter: blur(20px);
-    border-bottom: 1px solid rgba(148, 163, 184, 0.15);
-    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.4);
-    transition: background 0.3s ease !important;
+  background: rgba(15, 23, 42, 0.8) !important;
+  backdrop-filter: blur(20px);
+  border-bottom: 1px solid rgba(148, 163, 184, 0.15);
+  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.4);
+  transition: background 0.3s ease !important;
 }
 
 .nav-shadow:hover {
-    background: rgba(15, 23, 42, 0.95) !important;
+  background: rgba(15, 23, 42, 0.95) !important;
 }
 
 /* 导航文字颜色 */
 .nav-menu .nav-item {
-    color: #E5E7EB;
-    border-bottom-color: transparent;
+  color: #E5E7EB;
+  border-bottom-color: transparent;
 }
 
 .nav-menu .nav-item:hover {
-    color: #38BDF8;
-    border-bottom-color: #38BDF8;
+  color: #38BDF8;
+  border-bottom-color: #38BDF8;
 }
 
 .nav-right .control {
-    color: #E5E7EB;
+  color: #E5E7EB;
 }
 
 .nav-right .control:hover {
-    color: #38BDF8;
+  color: #38BDF8;
 }
 
 /* ============================================
@@ -115,123 +115,123 @@ header:hover {
 
 /* 登录注册容器 */
 .no-login {
-    display: flex !important;
-    align-items: stretch !important;
-    height: 100% !important;
-    gap: 0 !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    flex-direction: row !important;
-    visibility: visible !important;
+  display: flex !important;
+  align-items: stretch !important;
+  height: 100% !important;
+  gap: 0 !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  flex-direction: row !important;
+  visibility: visible !important;
 }
 
 /* 注册按钮 - 渐变背景样式，撑满高度 */
 .no-login .btn.btn-normal#registBtn {
-    display: flex !important;
-    align-items: center !important;
-    justify-content: center !important;
-    gap: 8px !important;
-    padding: 0 36px !important;
-    font-size: 16px !important;
-    font-weight: 600 !important;
-    color: #ffffff !important;
-    background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
-    border: none !important;
-    border-left: 1px solid rgba(148, 163, 184, 0.15) !important;
-    border-radius: 0 !important;
-    cursor: pointer !important;
-    transition: all 0.3s ease !important;
-    position: relative !important;
-    overflow: hidden !important;
-    margin: 0 !important;
-    min-width: 120px !important;
-    flex-shrink: 0 !important;
-    box-shadow: none !important;
-    height: 100% !important;
-    box-sizing: border-box !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  gap: 8px !important;
+  padding: 0 36px !important;
+  font-size: 16px !important;
+  font-weight: 600 !important;
+  color: #ffffff !important;
+  background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
+  border: none !important;
+  border-left: 1px solid rgba(148, 163, 184, 0.15) !important;
+  border-radius: 0 !important;
+  cursor: pointer !important;
+  transition: all 0.3s ease !important;
+  position: relative !important;
+  overflow: hidden !important;
+  margin: 0 !important;
+  min-width: 120px !important;
+  flex-shrink: 0 !important;
+  box-shadow: none !important;
+  height: 100% !important;
+  box-sizing: border-box !important;
 }
 
 /* 注册按钮文字 - 确保始终在最上层 */
 .no-login .btn.btn-normal#registBtn .regist-text {
-    position: relative;
-    z-index: 3;
-    display: inline-flex;
-    align-items: center;
+  position: relative;
+  z-index: 3;
+  display: inline-flex;
+  align-items: center;
 }
 
 /* 注册按钮图标 */
 .no-login .btn.btn-normal#registBtn::before {
-    content: '';
-    display: block;
-    width: 16px;
-    height: 16px;
-    background-image: url('/web/BlackFruit-web/assets/img/header/zhuce.png');
-    background-size: contain;
-    background-repeat: no-repeat;
-    background-position: center;
-    position: relative;
-    z-index: 3;
-    flex-shrink: 0;
+  content: '';
+  display: block;
+  width: 16px;
+  height: 16px;
+  background-image: url('/web/BlackFruit-web/assets/img/header/zhuce.png');
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  position: relative;
+  z-index: 3;
+  flex-shrink: 0;
 }
 
 /* 注册按钮悬停效果背景层 */
 .no-login .btn.btn-normal#registBtn::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%);
-    opacity: 0;
-    transition: opacity 0.3s ease;
-    pointer-events: none;
-    z-index: 1;
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%);
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  pointer-events: none;
+  z-index: 1;
 }
 
 .no-login .btn.btn-normal#registBtn:hover {
-    box-shadow: 0 4px 16px rgba(56, 189, 248, 0.4) !important;
+  box-shadow: 0 4px 16px rgba(56, 189, 248, 0.4) !important;
 }
 
 .no-login .btn.btn-normal#registBtn:hover::after {
-    opacity: 1;
+  opacity: 1;
 }
 
 /* 注册按钮图标 - 默认隐藏 (桌面端) */
 .regist-icon {
-    width: 16px;
-    height: 16px;
-    margin-right: 4px;
-    display: none;
+  width: 16px;
+  height: 16px;
+  margin-right: 4px;
+  display: none;
 }
 
 /* ============================================
    下拉菜单优化 - 确保高层级
    ============================================ */
 .nav-cont {
-    background: rgba(15, 23, 42, 0.95);
-    backdrop-filter: blur(20px);
-    border-bottom: 1px solid rgba(148, 163, 184, 0.15);
-    z-index: 99998 !important;
-    position: absolute !important;
+  background: rgba(15, 23, 42, 0.95);
+  backdrop-filter: blur(20px);
+  border-bottom: 1px solid rgba(148, 163, 184, 0.15);
+  z-index: 99998 !important;
+  position: absolute !important;
 }
 
 .nav-item-box {
-    background: rgba(30, 41, 59, 0.8);
-    border: 1px solid rgba(148, 163, 184, 0.15);
+  background: rgba(30, 41, 59, 0.8);
+  border: 1px solid rgba(148, 163, 184, 0.15);
 }
 
 .nav-item-box:hover {
-    background: rgba(30, 41, 59, 1);
-    border-color: rgba(56, 189, 248, 0.3);
+  background: rgba(30, 41, 59, 1);
+  border-color: rgba(56, 189, 248, 0.3);
 }
 
 .nav-item-box .title {
-    color: #E5E7EB;
+  color: #E5E7EB;
 }
 
 .nav-item-box .desc {
-    color: rgba(148, 163, 184, 0.8);
+  color: rgba(148, 163, 184, 0.8);
 }
 
 /* ============================================
@@ -239,83 +239,84 @@ header:hover {
    ============================================ */
 @media (max-width: 768px) {
 
-    /* 调整导航栏高度 */
-    .nav-header {
-        height: 56px;
-        padding: 0 0 0 16px !important;
-        display: flex !important;
-        align-items: center !important;
-        justify-content: space-between;
-    }
+  /* 调整导航栏高度 */
+  .nav-header {
+    height: 56px;
+    padding: 0 0 0 16px !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: space-between;
+  }
 
-    /* Ensure Right Container handles children alignment */
-    .nav-right {
-        display: flex;
-        align-items: center;
-        height: 100%;
-        margin: 0;
-    }
+  /* Ensure Right Container handles children alignment */
+  .nav-right {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    margin: 0;
+  }
 
-    /* 隐藏桌面端导航菜单 */
-    .nav-menu {
-        display: none !important;
-    }
+  /* 隐藏桌面端导航菜单 */
+  .nav-menu {
+    display: none !important;
+  }
 
-    /* 隐藏桌面端的文档、控制台链接 */
-    .nav-desktop-link {
-        display: none !important;
-    }
+  /* 隐藏桌面端的文档、控制台链接 */
+  .nav-desktop-link {
+    display: none !important;
+  }
 
-    /* Logo 缩小 - 但比之前稍微大一点 */
-    .nav-icon img {
-        max-height: 48px;
-        width: auto;
-        object-fit: contain;
-    }
+  /* Logo 缩小 - 但比之前稍微大一点 */
+  .nav-icon img {
+    max-height: 48px;
+    width: auto;
+    object-fit: contain;
+  }
 
-    /* 调整移动端注册按钮样式 - 长方形无圆角，撑满导航栏高度 */
-    .no-login .btn.btn-normal#registBtn {
-        padding: 0 25px !important;
-        font-size: 15px !important;
-        min-width: auto !important;
-        border-radius: 0 !important;
-        border-left: none !important;
-        height: 100% !important;
-        max-height: 56px;
-        margin-right: 0 !important;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-top: 0 !important;
-        gap: 2px !important;
-    }
+  /* 调整移动端注册按钮样式 - 长方形无圆角，撑满导航栏高度 */
+  .no-login .btn.btn-normal#registBtn {
+    padding: 0 25px !important;
+    font-size: 15px !important;
+    min-width: auto !important;
+    border-radius: 0 !important;
+    border-left: none !important;
+    height: 100% !important;
+    max-height: 56px;
+    margin-right: 0 !important;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 0 !important;
+    gap: 2px !important;
+  }
 
-    /* 移动端注册按钮图标显示 */
-    .no-login .btn.btn-normal#registBtn .regist-icon {
-        display: block;
-        margin-right: 0 !important;
-    }
+  /* 移动端注册按钮图标显示 */
+  .no-login .btn.btn-normal#registBtn .regist-icon {
+    display: block;
+    margin-right: 0 !important;
+  }
 
-    /* 移动端注册按钮图标隐藏 - 旧样式移除 */
-    .no-login .btn.btn-normal#registBtn::before {
-        display: none;
-    }
+  /* 移动端注册按钮图标隐藏 - 旧样式移除 */
+  .no-login .btn.btn-normal#registBtn::before {
+    display: none;
+  }
 
-    /* 移动端登录按钮（如果需要显示） */
-    .no-login .nav-text-link#loginBtn {
-        padding: 0 12px !important;
-        font-size: 14px !important;
-    }
+  /* 移动端登录按钮（如果需要显示） */
+  .no-login .nav-text-link#loginBtn {
+    padding: 0 12px !important;
+    font-size: 14px !important;
+  }
 
-    /* 确保汉堡菜单按钮显示 - 无背景，只显示白色横线 */
-    .mobile-menu-toggle {
-        display: flex !important;
-        background: transparent !important;
-        border: none !important;
-        align-self: center;
-        margin-top: 0;
-    }
+  /* 确保汉堡菜单按钮显示 - 无背景，只显示白色横线 */
+  .mobile-menu-toggle {
+    display: flex !important;
+    background: transparent !important;
+    border: none !important;
+    align-self: center;
+    margin-top: 0;
+  }
 }
+
 /* ============================================
    移动端侧边栏
    ============================================ */
@@ -420,24 +421,31 @@ header:hover {
 /* ============================================
    Mobile Menu Toggle Button
    ============================================ */
+/* 桌面端隐藏汉堡菜单 */
 .mobile-menu-toggle {
-  display: flex !important;
-  gap: 0;
-  cursor: pointer;
-  width: 24px;
-  height: 24px;
-  justify-content: center;
-  align-items: center;
-  margin-right: 0;
-  order: 3;
-  padding: 0;
-  background: none;
-  border: none;
+  display: none;
 }
 
-.mobile-menu-toggle .mobile-menu-icon {
-  width: 100%;
-  height: 100%;
-  display: block;
-}
+/* 移动端显示并设置样式 */
+@media (max-width: 768px) {
+  .mobile-menu-toggle {
+    display: flex !important;
+    gap: 0;
+    cursor: pointer;
+    width: 24px;
+    height: 24px;
+    justify-content: center;
+    align-items: center;
+    margin-right: 0;
+    order: 3;
+    padding: 0;
+    background: none;
+    border: none;
+  }
 
+  .mobile-menu-toggle .mobile-menu-icon {
+    width: 100%;
+    height: 100%;
+    display: block;
+  }
+}
\ No newline at end of file