/* 原有样式保留，新增/修改部分标注 */
.top-top{background-color:#F7F7F7;height:40px;line-height:40px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}
.top-top .container .headbox{width:100%;display:flex;justify-content:flex-end;gap:40px}
.top-top .container .headbox .login,.top-top .container .headbox .center{font-size:14px;color:#555;cursor:pointer}
.top-top .container .headbox .loginout{color: #555;}
.header{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.05);padding:8px 0;position:sticky;top:40px;z-index:10}
.header .topbox{display:flex;align-items:center;justify-content:space-between;flex-wrap: wrap;}
.header .left .logoimg{display:flex}
.header .left .logoimg img{height:64px;width:auto;object-fit:contain}
.header .middle .ul{display:flex;gap:70px}
.header .middle .li a{font-size:16px;font-weight:400;color:#212121;padding:8px 0;position:relative}
.header .middle .li.active a{color:#0F73FF}
.header .middle .li a:hover{color:#0F73FF}
.header .rigth{display:flex;align-items:center;gap:10px}
.header .rigth img{width:24px;height:24px;object-fit:contain}
.header .rigth .text{font-size:15px;color:#333;font-weight:500}

/* 新增：汉堡按钮样式（默认隐藏，仅移动端显示） */
.hamburger {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 20px;
    cursor: pointer;
    z-index: 20;
}
.hamburger span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #333;
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* 媒体查询调整 */
@media (max-width: 1300px) {
    .header .middle .ul{
        gap: 30px;
    }
}

@media (max-width: 900px) {
    .header .middle .ul{
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .top-top .container{
        width: 100%;
    }
    /* 关键1：显示汉堡按钮 */
    .hamburger {
        display: flex;
    }
    /* 关键2：默认隐藏导航，且调整布局 */
    .header .middle {
        display: none; /* 默认隐藏 */
        width: 100%;
        margin-top: 10px;
        background-color: #fff;
        padding: 10px 0;
        border-top: 1px solid #eee;
    }
    .header .rigth{
        display: none; /* 默认隐藏 */
    }
    /* 新增：导航展开的样式类 */
    .header .middle.show {
        display: block;
    }
    /* 导航竖向排列 */
    .header .middle .ul {
        flex-direction: column;
        gap: 10px;
        padding: 0;
        margin: 0;
    }
    .header .middle .li {
        list-style: none;
        padding: 5px 0;
        border-bottom: 1px solid #f5f5f5;
    }
    .header .middle .li a {
        font-size: 14px;
        display: block;
        padding-left: 5px;
    }
    /* 原有样式保留 */
    .header .left .logoimg img {
        height: 36px;
    }
    .header .rigth .text {
        font-size: 13px;
    }
}