﻿#captchaCountdown.captcha-count-num {
    display: inline-block;
    font-weight: 700;
}

/* 10~6 秒：慢跳 */
#captchaCountdown.captcha-urgent-slow {
    color: #d9534f !important;
    animation: captchaHeartSlow .75s infinite !important;
    transform-origin: center;
}

/* 5~1 秒：快跳（更急促） */
#captchaCountdown.captcha-urgent-fast {
    color: #d9534f !important;
    animation: captchaHeartFast .38s infinite !important;
    transform-origin: center;
}

@keyframes captchaHeartSlow {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1.25);
    }

    40% {
        transform: scale(0.93);
    }

    60% {
        transform: scale(1.18);
    }

    80% {
        transform: scale(0.97);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes captchaHeartFast {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1.38);
    }

    40% {
        transform: scale(0.90);
    }

    60% {
        transform: scale(1.28);
    }

    80% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}
.captcha-refresh-btn {
    border-radius: 999px;
    line-height: 1;
    padding: 6px 10px;
}

    /* 點擊時轉圈：我們用 JS 短暫加 class */
    .captcha-refresh-btn.is-spinning i {
        animation: captchaSpin .65s linear;
    }

@keyframes captchaSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}