/**
 * kk Star Ratings 交互反馈样式
 */

/* 评分反馈消息容器 */
.rating-feedback {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 12px;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    opacity: 0;
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

.rating-feedback.show {
    opacity: 1;
    transform: translateY(0);
}

.rating-feedback.fade-out {
    opacity: 0;
    transform: translateY(-5px);
}

/* 加载状态 */
.rating-loading-msg {
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
    border: 1px solid rgba(59, 130, 246, 0.2);
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.rating-loading-msg .rating-icon {
    animation: pulse 1.5s ease-in-out infinite;
}

/* 成功状态 */
.rating-success-msg {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.rating-success-msg .rating-icon {
    font-size: 16px;
    font-weight: bold;
}

/* 评分容器加载动画 */
.kk-star-ratings.rating-loading {
    opacity: 0.6;
    pointer-events: none;
    animation: pulse 1.5s ease-in-out infinite;
}

/* 图标动画 */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

/* 移动端优化 */
@media (max-width: 768px) {
    .rating-feedback {
        display: flex;
        margin-left: 0;
        margin-top: 8px;
        font-size: 13px;
        padding: 6px 12px;
    }
}

/* 星星悬停效果增强 */
.kk-star-ratings [data-star] {
    transition: transform 0.2s ease, filter 0.2s ease;
    cursor: pointer;
}

.kk-star-ratings [data-star]:hover {
    transform: scale(1.15);
    filter: brightness(1.2);
}

.kk-star-ratings [data-star]:active {
    transform: scale(1.05);
}

/* 评分完成后的闪烁效果 */
@keyframes rating-success {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

.kk-star-ratings.rating-success {
    animation: rating-success 0.5s ease;
}