.host-sectnav{
    position:sticky;
    top:var(--nav-h);
    z-index:90;
    background:rgba(255,255,255,.94);
    border-bottom:1px solid var(--hair);
    -webkit-backdrop-filter:blur(14px) saturate(1.5);
    backdrop-filter:blur(14px) saturate(1.5);
}
.host-sectnav-in{
    display:flex;
    align-items:center;
    gap:18px;
    min-height:50px;
}
.host-sectnav-links{
    display:flex;
    align-items:center;
    gap:2px;
    min-width:0;
    margin-left:0;
    overflow-x:auto;
    scrollbar-width:none;
}
.host-sectnav-links::-webkit-scrollbar{display:none}
.host-sectnav-links a{
    flex:0 0 auto;
    padding:7px 12px;
    border-radius:999px;
    color:var(--sec);
    font:500 13px/1.5 var(--zh);
    white-space:nowrap;
    transition:color .16s ease,background-color .16s ease;
}
.host-sectnav-links a:hover,
.host-sectnav-links a.is-active{
    color:var(--blue);
    background:var(--sky);
}

@media (max-width:1023px){
    .host-sectnav-in{gap:12px}
}

@media (max-width:640px){
    .host-sectnav-in{display:block;padding-top:5px;padding-bottom:5px}
    .host-sectnav-links{margin-left:0}
    .host-sectnav-links a{padding:6px 10px;font-size:12px}
}