/* 顶部导航栏 */
#mainNav {
    transition: all 0.3s ease;
    padding: 0 1rem;
}

.navbar-transparent {
    background-color: transparent;
}

.navbar-transparent .navbar-brand{
    color: #ffffff;
}

/* 导航链接开启相对定位，用于文字等长下划线 */
.navbar-transparent .nav-link {
    position: relative;
    color: #fff;
    padding: 0.75rem 0 !important;
    font-weight: bold;
    margin: 0 1rem;
}
/* 导航hover文字变色 */
.navbar-transparent .nav-link:hover {
    color: #f99c34 !important;
    border-bottom: 4px solid #f99c34;
}
/* 透明导航激活项样式 */
.navbar-transparent .nav-link.active {
    color: #f99c34 !important;
    border-bottom: 4px solid #f99c34;
}

/* 滚动吸顶白色导航 */
.navbar-scrolled {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.navbar-scrolled .navbar-brand,
.navbar-scrolled .nav-link {
    color: #333333 !important;
    font-weight: 600;
}

.navbar-scrolled .nav-link {
    position: relative;
    padding: 0.75rem 0 !important;
    font-weight: bold;
    margin: 0 1rem;
}
.navbar-scrolled .nav-link:hover {
    color: #f99c34 !important;
    border-bottom: 4px solid #f99c34;
}
.navbar-scrolled .nav-link.active {
    color: #f99c34 !important;
    border-bottom: 4px solid #f99c34;
}
.navbar-scrolled .nav-link.active::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: max-content;
    height: 4px;
    background-color: #f99c34;
    border-radius: 2px;
}

/* 右侧按钮统 */
.navbar-scrolled .btn-outline-light {
    font-size: 16px;
    padding: 0.4rem 1rem;
    background-color: #f99c34;
    color: #fff;
    transition: all 0.3s ease;
    border-color: #f99c34;
}

/* 透明头部下按钮样式同步放大 */
.navbar-transparent .btn-outline-light{
    font-size: 16px;
    padding: 0.4rem 1rem;
    transition: all 0.3s ease;
}
.navbar-transparent .btn-outline-light:hover{
    background-color: #f99c34;
    border-color: #f99c34;
    color: #fff;
}

.popup-box {
    border: 10px solid #e67e00 !important;
}
.popup-tel {
    color: #f99c34 !important;
}

@media (max-width: 992px) {
    .navbar-nav {
        padding: 1rem 0;
    }

    .navbar-transparent .navbar-collapse {
        margin-top: 0.5rem;
        text-align: center;
    }

    .navbar-scrolled .navbar-collapse {
        margin-top: 0.5rem;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .container-fluid {
        padding: 1rem 0;
    }
    #mainNav {
        background: #fff;
    }
    .navbar-transparent .navbar-brand {
        color: #000;
    }
    .navbar-transparent .nav-link {
        color: #000;
    }
    .nav-right-title {
        display: none !important;
    }
}