.__PFX__-rank-home{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

@media (max-width:1200px){
    .__PFX__-rank-home{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:640px){
    .__PFX__-rank-home{
        grid-template-columns:1fr;
    }
}
.__PFX__-rank-block{
    border:1px solid var(--border-color);
    background:var(--bg-color);
    border-radius:10px;
    padding:12px;
}
.__PFX__-rank-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:8px;
}

.__PFX__-rank-title{
    font-size:16px;
    font-weight:700;
}

.__PFX__-rank-more{
    font-size:12px;
    color:var(--text-muted-color);
    text-decoration:none;
}
.rank-list{
    list-style:none;
    margin:0;
    padding:0;
}

.rank-list > li{
    margin-bottom:6px;
}