/* 
 * 导航栏修复样式
 * 用于解决导航菜单居中问题
 */

/* 导航容器样式 */
.nav-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    max-width: 1440px !important; /* 强制设置最大宽度一致 */
    margin: 0 auto;
    padding: 15px 30px;
    box-sizing: border-box;
}

/* 增加头部样式，确保固定在顶部和最高层级 */
.header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 10000 !important; /* 确保导航栏在最上层 */
    background-color: rgba(255, 255, 255, 1) !important; /* 确保背景不透明 */
    box-shadow: none !important; /* 确保移除投影效果 */
}

/* 导航菜单居中样式 */
.main-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
}

/* 确保超小屏幕上导航正常显示 */
@media (max-width: 768px) {
    .main-nav {
        display: none;
    }
}