body {
    font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
    background: #f9f9f9;
    padding-bottom: 20px
}

.progress-bar {
    height: 10px;
    border-radius: 5px;
    background: linear-gradient(90deg, #FFD166, #FF9F1C)
}

.word-card {
    border-radius: 16px;
    background: white;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
    transition: all .3s
}

.word-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .1)
}

.character {
    width: 70px;
    height: 70px;
    animation: bounce 2s infinite
}

@keyframes bounce {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}