/*
 * 创场创业 CMS V10.1 Patch 26
 * 顶部导航重做：紧凑、精致、黄色品牌风格
 */

@media(min-width:993px){

    .nav-wrap{
        position:relative;
        z-index:100;
        width:100%;
        background:#fff;
        border-top:1px solid rgba(0,0,0,.025);
        border-bottom:1px solid #f0f1f2;
        box-shadow:0 2px 12px rgba(25,31,38,.045);
    }

    .nav-wrap>.container{
        display:flex;
        align-items:center;
        min-height:60px;
    }

    .main-nav{
        display:block;
        width:100%;
        margin:0;
        padding:0;
        list-style:none;
        font-size:0;
        white-space:nowrap;
    }

    .main-nav>.nav-item{
        position:relative;
        display:inline-block;
        margin-right:2px;
        vertical-align:middle;
        font-size:15px;
        white-space:normal;
    }

    .main-nav>.nav-item>a{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:6px;
        min-height:44px;
        margin:8px 0;
        padding:0 15px;
        color:#24282d;
        background:transparent;
        border-radius:8px;
        font-size:15px;
        font-weight:500;
        line-height:1;
        text-decoration:none;
        transition:
            color .2s ease,
            background .2s ease,
            transform .2s ease;
    }

    .main-nav>.nav-item>a:hover{
        color:#946900;
        background:#fff6d7;
    }

    .main-nav>.nav-item.active>a{
        color:#835c00;
        background:#fff2bc;
        font-weight:700;
    }

    .main-nav>.nav-item.active>a::after{
        content:"";
        position:absolute;
        left:50%;
        bottom:1px;
        width:22px;
        height:3px;
        background:#f5b800;
        border-radius:999px;
        transform:translateX(-50%);
    }

    .main-nav>.nav-item>a>.bi-chevron-down{
        margin-left:1px;
        color:#939aa1;
        font-size:11px;
        transition:transform .22s ease,color .22s ease;
    }

    .main-nav>.nav-item.has-mega:hover>a>.bi-chevron-down{
        color:#a87900;
        transform:rotate(180deg);
    }

    .nav-hot{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        height:17px;
        padding:0 5px;
        color:#fff;
        background:#ef4444;
        border-radius:4px;
        font-size:9px;
        font-weight:800;
        line-height:1;
        letter-spacing:.2px;
        transform:translateY(-1px);
        box-shadow:0 2px 5px rgba(239,68,68,.16);
    }

    .main-nav>.nav-item>.mega-dropdown{
        position:absolute;
        top:calc(100% - 1px);
        left:0;
        width:680px;
        padding:18px;
        visibility:hidden;
        opacity:0;
        background:#fff;
        border:1px solid #eceef0;
        border-radius:12px;
        box-shadow:0 14px 40px rgba(28,33,39,.14);
        transform:translateY(8px);
        transition:
            opacity .2s ease,
            visibility .2s ease,
            transform .2s ease;
        pointer-events:none;
        z-index:1100;
    }

    .main-nav>.nav-item:hover>.mega-dropdown{
        visibility:visible;
        opacity:1;
        transform:translateY(0);
        pointer-events:auto;
    }

    .main-nav>.nav-item:nth-last-child(-n+2)>.mega-dropdown{
        right:0;
        left:auto;
    }

    .mega-dropdown-cards .mega-dropdown-inner{
        width:100%;
        margin:0;
    }

    .mega-card-grid{
        display:grid;
        grid-template-columns:repeat(var(--mega-count,4),minmax(0,1fr));
        gap:14px;
        align-items:start;
    }

    .mega-card-grid[style*="--mega-count:5"]{
        grid-template-columns:repeat(5,minmax(0,1fr));
        gap:11px;
    }

    .mega-image-card{
        display:block;
        min-width:0;
        overflow:hidden;
        color:#22272c;
        background:#fff;
        border:1px solid #eceef0;
        border-radius:9px;
        text-align:left;
        text-decoration:none;
        transition:
            transform .2s ease,
            border-color .2s ease,
            box-shadow .2s ease;
    }

    .mega-image-card:hover{
        color:#22272c;
        border-color:#eed16a;
        transform:translateY(-3px);
        box-shadow:0 8px 18px rgba(30,36,42,.09);
    }

    .mega-image-wrap{
        display:block;
        width:100%;
        height:108px;
        overflow:hidden;
        background:#f1f2f4;
        border-radius:0;
        box-shadow:none;
        aspect-ratio:auto;
    }

    .mega-image-wrap::after{
        display:none;
    }

    .mega-image-wrap img{
        display:block;
        width:100%;
        height:100%;
        margin:0;
        object-fit:cover;
        transition:transform .3s ease;
    }

    .mega-image-card:hover .mega-image-wrap img{
        transform:scale(1.055);
        filter:none;
    }

    .mega-image-card strong{
        display:block;
        margin:0;
        padding:10px 11px 3px;
        overflow:hidden;
        color:#252a30;
        font-size:13px;
        font-weight:700;
        line-height:1.45;
        white-space:nowrap;
        text-overflow:ellipsis;
    }

    .mega-image-card small{
        display:-webkit-box;
        min-height:34px;
        margin:0;
        padding:0 11px 10px;
        overflow:hidden;
        color:#8b9299;
        font-size:11px;
        line-height:1.55;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }

    .mega-image-card:hover strong{
        color:#9b6e00;
    }

    .mega-dropdown-cards .mega-row,
    .mega-dropdown-cards .mega-row-four,
    .mega-dropdown-cards .mega-col,
    .mega-dropdown-cards .mega-image-col{
        display:none!important;
    }
}

@media(min-width:993px) and (max-width:1199px){
    .main-nav>.nav-item>a{
        padding:0 11px;
        font-size:14px;
    }

    .main-nav>.nav-item>.mega-dropdown{
        width:620px;
    }

    .mega-image-wrap{
        height:96px;
    }

    .nav-hot{
        display:none;
    }
}

@media(max-width:992px){
    .main-nav{
        display:none!important;
    }

    .mega-dropdown{
        display:none!important;
    }
}