/* head_28.css */

.__PFX__-h28-wrap{
    padding:12px 12px 8px;
    background:
      linear-gradient(90deg,
        var(--grad-start) 0,
        var(--grad-start) 20%,
        var(--grad-end) 20%,
        var(--grad-end) 40%,
        var(--bg-color) 40%,
        var(--bg-color) 100%);
    border-bottom:1px solid var(--border-color);
}

.__PFX__-h28-logoBlk{
    text-align:center;
}

.__PFX__-h28-logo{
    display:inline-block;
    padding:3px 10px;
    border-radius:999px;
    background:rgba(255,255,255,0.9);
    color:var(--primary-color);
    font-weight:700;
}

.__PFX__-h28-search{
    margin-top:8px;
}

.__PFX__-h28-search input{
    width:100%;
    padding:7px 10px;
    border-radius:8px;
    border:1px solid var(--border-color);
}

/* 分类条形按钮 */
.__PFX__-h28-catrow{
    margin-top:6px;
    display:flex;
    gap:6px;
    overflow-x:auto;
}

.__PFX__-h28-catrow button{
    flex:0 0 auto;
    padding:0;
    border:none;
    background:transparent;
}

.__PFX__-h28-catrow a{
    display:inline-block;
    padding:3px 10px;
    border-radius:999px;
    background:rgba(255,255,255,0.7);
    font-size:11px;
}

.__PFX__-h28-catrow a.active{
    background:#000000dd;
    color:#fff;
}