.belt-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:150px;
    height:110px;
    text-decoration:none;
    color:inherit;
    transition:.2s;
    background: rgba(255,255,255,0.08);
    border-radius:20px;
    font-size: 12px;
}

.belt-card.gym{
    height:130px;
}

.belt-card.platform{
    height:145px;
}

.belt-current{
    background:linear-gradient(135deg,#fff7cc,#ffd700);
    border:1px solid #d4af37;
    box-shadow:0 0 8px rgba(212,175,55,0.4);
    color:#4a3200;
    font-weight:1000;
}

.belt-former{
    background:white;
    color:#444;
    border:1px solid #d8d8d8;
    font-weight:1000;
}

.belt-card img{
    width:148px;
    height:80px;
    object-fit:cover;
    border-radius:20px;
    padding-top:1px;
    margin-bottom:3px;
}

#detail-belt-list {
    background:#e0dacb;
    border:1px solid #e4d7a5;
    border-radius:20px;
    padding:10px;
    display:none;
    flex-wrap:wrap;
    gap:20px;
    justify-content:center;
}