/* head_24.css */

.__PFX__-h24-wrap{
    padding:12px 12px 8px;
    background:
      linear-gradient(120deg,var(--grad-start) 0,var(--grad-end) 45%,var(--bg-color) 45%);
    border-bottom:1px solid var(--border-color);
}

.__PFX__-h24-main{
    display:flex;
    align-items:center;
    gap:10px;
}

.__PFX__-h24-logo{
    font-size:19px;
    font-weight:700;
    color:#fff;
}

.__PFX__-h24-form{
    flex:1;
    display:flex;
    align-items:center;
    background:#ffffffee;
    border-radius:999px;
    padding:2px 6px 2px 8px;
}

.__PFX__-h24-form input{
    flex:1;
    border:none;
    padding:5px 6px;
    font-size:13px;
    background:transparent;
}

.__PFX__-h24-icon{
    border:none;
    background:transparent;
    color:var(--primary-color);
}

/* 分类导航 */
.__PFX__-h24-nav{
    list-style:none;
    margin:8px 0 0;
    padding:0;
    display:flex;
    gap:8px;
    overflow-x:auto;
}

.__PFX__-h24-nav li{
    flex:0 0 auto;
}

.__PFX__-h24-nav a{
    display:inline-block;
    padding:3px 8px;
    border-radius:999px;
    font-size:11px;
    background:rgba(255,255,255,0.85);
    color:var(--text-color);
}

.__PFX__-h24-nav a.active{
    background:var(--primary-color);
    color:#fff;
}

@media(min-width:768px){
    .__PFX__-h24-logo{font-size:22px;}
}