/* 导航栏基础样式 */
.navbar-custom {
    transition: background-color 0.5s ease, box-shadow 0.5s ease;
    background-color: transparent !important;
    padding: 1rem 0;
}

/* 滚动后导航栏样式 */
.navbar-custom.scrolled {
    background-color: #fffffff0 !important;
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
    padding: 0.5rem 0;
}

/* Logo/标题样式 */
.navbar-brand {
    font-weight: 700;
    font-size: 1.5rem;
}

/* 主体内容间距 */
.main-content {
    padding: 80px 0;
}

/* 底部样式 */
.footer-custom {
    background-color: #f8f9fa;
    padding: 3rem 0 1rem;
    margin-top: 50px;
}

/* 移动端折叠菜单背景色（仅展开时生效） */
#navbarNavDropdown {
    background-color: #ffffff !important; /* 自定义背景色，如纯白/浅灰/品牌色 */
    border-radius: 8px; /* 可选：圆角，提升美观度 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 可选：轻微阴影，区分页面内容 */
    margin-top: 10px; /* 可选：与导航栏顶部拉开一点间距 */
}

/* 仅移动端生效（避免影响PC端导航） */
@media (min-width: 992px) {
    #navbarNavDropdown {
        background-color: transparent !important; /* PC端恢复透明 */
        box-shadow: none;
        margin-top: 0;
    }
}

/* 可选：调整折叠菜单内导航项的间距和颜色 */
#navbarNavDropdown .nav-item .nav-link {
    color: #333333 !important; /* 导航文字颜色 */
    padding: 10px 15px; /* 增大点击区域，提升体验 */
}

#navbarNavDropdown .nav-item .nav-link:hover {
    color: #009933 !important; /* hover时文字颜色（适配品牌色） */
    background-color: #f8f9fa; /* hover时背景色 */
    border-radius: 4px;
}