/* 愛心按鈕基本樣式 */
.like-btn {
    border: none;
    background: transparent;
    color: #6c757d;
    transition: all 0.3s ease;
}

    .like-btn.liked {
        color: #dc3545;
    }

    .like-btn:hover {
        transform: scale(1.1);
    }

    .like-btn i {
        margin-right: 5px;
    }

    /* 愛心動畫 */
    .like-btn.pulse {
        animation: pulse 0.3s ease-in-out;
    }

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

/* 震動錯誤效果 */
.error-shake {
    animation: errorShake 0.4s ease-in-out;
}

@keyframes errorShake {
    0%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(5px);
    }

    75% {
        transform: translateX(-5px);
    }
}