.ts-rate-container { position: relative; display: inline-block; }
.ts-point-display { cursor: pointer; font-weight:600; background:#fff;padding:6px 8px;border-radius:8px;border:1px solid #eee; display:inline-block; }
.ts-rate-popup {
    display:none;
    position:absolute;
    bottom:120%;
    left:50%;
    transform:translateX(-50%);
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:10px;
    padding:8px;
    box-shadow:0 6px 20px rgba(0,0,0,0.08);
    white-space:nowrap;
    z-index:9999;
}
.ts-rate-btn { display:inline-block; margin:0 4px; padding:4px 6px; cursor:pointer; border-radius:6px; transition:transform .12s, background .12s; }
.ts-rate-btn.active { transform:scale(1.2); background:#fffae6; }
.ts-rate-btn:disabled{ opacity:0.6; cursor:not-allowed }


.ts-rate-container {
    position: relative;
    display: inline-block;
}

.ts-point-display {
    cursor: pointer;
    padding: 5px 10px;
    background: #ffe;
    border-radius: 6px;
    display: inline-block;
}

.ts-rate-popup {
    display: none;
    position: absolute;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    z-index: 9999;
}

.ts-rate-btn {
    font-size: 22px;
    background: none;
    border: none;
    cursor: pointer;
    margin: 4px;
    transition: transform .15s;
}

.ts-rate-btn:hover {
    transform: scale(1.3);
}