/* 福气陪护 - 头部导航 */
#pc-header .navbar{
    background:#FFF;
    box-shadow:0 1px 8px rgba(0,0,0,.06);
    z-index:99;
    position:sticky;
    top:0;
}
#pc-header .header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:80px;
    position:relative;
}
#pc-header .logo{
    flex:0 0 auto;
    padding:0;
}
#pc-header .logo img{
    max-width:none;
    max-height:48px;
    display:block;
}
#pc-header .nav-wrap{
    flex:1;
    text-align:center;
    padding:0 20px;
}
#pc-header .nav{
    display:inline-block;
    vertical-align:middle;
}
#pc-header .nav>li{
    display:inline-block;
    float:none;
    position:relative;
}
#pc-header .nav li a{
    color:#333;
    line-height:80px;
    padding:0 16px;
    font-size:15px;
    font-weight:400;
    display:block;
}
#pc-header .nav li.active>a,
#pc-header .nav li a:hover,
#pc-header .nav li:hover>a.first-level{
    color:#ba4232;
}
#pc-header .nav li ul{
    top:80px;
    padding:0;
    min-width:140px;
}
#pc-header .nav li ul{
    background:#FFF;
    border-radius:0;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
}
#pc-header .nav li ul li a{
    line-height:42px;
    color:#333;
    font-size:14px;
    text-align:left;
    padding:0 20px;
}
#pc-header .nav li ul li a:hover{
    background:#ba4232;
    color:#fff;
}
#pc-header .header-cta{
    flex:0 0 auto;
    padding:0;
}
#pc-header .btn-consult{
    display:inline-block;
    background:#ba4232;
    color:#fff;
    font-size:15px;
    padding:10px 28px;
    border-radius:2px;
    line-height:1.4;
    white-space:nowrap;
    transition:background .3s;
}
#pc-header .btn-consult:hover{
    background:#9a3629;
    color:#fff;
}

/* 汉堡按钮 */
.m-toggle{
    display:none;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    z-index:100;
    background:none;
    border:none;
    cursor:pointer;
}
.m-toggle i,
.m-toggle i:before,
.m-toggle i:after{
    display:block;
    width:22px;
    height:2px;
    background:#333;
    position:absolute;
    left:9px;
    transition:.3s;
    border-radius:1px;
}
.m-toggle i{top:19px;}
.m-toggle i:before{content:'';top:-7px;}
.m-toggle i:after{content:'';top:7px;}
.m-toggle.active i{background:transparent;}
.m-toggle.active i:before{transform:rotate(45deg);top:0;}
.m-toggle.active i:after{transform:rotate(-45deg);top:0;}

/* 移动端侧滑菜单 */
#m-header{
    display:none;
    position:fixed;
    top:0;
    left:-300px;
    width:280px;
    height:100%;
    background:#fff;
    z-index:9998;
    overflow-y:auto;
    transition:left .3s ease;
    box-shadow:2px 0 16px rgba(0,0,0,.12);
    -webkit-overflow-scrolling:touch;
}
#m-header .nav{
    display:block;
    padding:70px 0 30px;
    width:100%;
}
#m-header .nav>li{
    display:block;
    float:none;
    border-bottom:1px solid #f0f0f0;
}
#m-header .nav li a{
    line-height:50px;
    padding:0 24px;
    display:block;
    color:#333;
    font-size:15px;
}
#m-header .nav li.active>a,
#m-header .nav li a:hover{
    color:#ba4232;
    background:#fafafa;
}
#m-header .nav li ul{
    position:static;
    display:none;
    box-shadow:none;
    background:#f7f7f7;
    padding:0;
}
#m-header .nav li ul li a{
    padding-left:40px;
    line-height:44px;
    font-size:14px;
}
body.offcanvas-visible{overflow:hidden;}
body.offcanvas-visible #m-header{left:0;}
body.offcanvas-visible:after{
    content:'';
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.45);
    z-index:9997;
}

/* 平板 */
@media(max-width:1000px){
    #pc-header .nav li a{padding:0 10px;font-size:14px;}
    #pc-header .btn-consult{padding:8px 20px;font-size:14px;}
}

/* 移动端：隐藏导航和预约咨询，仅保留 Logo + 汉堡 */
@media(max-width:760px){
    #pc-header .header-inner{
        height:56px;
        padding-right:48px;
    }
    #pc-header .logo img{max-height:36px;}
    #pc-header .nav-wrap{display:none;}
    #pc-header .header-cta{display:none!important;}
    .m-toggle{display:block;}
    #m-header{display:block;}
}