/* 简化的春节2026动画 - Simplified CNY 2026 Animations (No Glowing) */

/* 简化老虎机旋转 - Simplified slot machine spin */
@keyframes simple-slot-spin {
    0% { 
        transform: translateY(0px);
    }
    50% { 
        transform: translateY(-10px);
    }
    100% { 
        transform: translateY(0px);
    }
}

/* 简化获胜者显示 - Simplified winner reveal */
@keyframes simple-winner-reveal {
    0% { 
        transform: scale(1);
        opacity: 0.8;
    }
    50% { 
        transform: scale(1.1);
        opacity: 1;
    }
    100% { 
        transform: scale(1);
        opacity: 1;
    }
}

/* 简化浮动文字 - Simplified floating text */
@keyframes simple-float-up {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) translateY(0px);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) translateY(-60px);
    }
}

/* 简化庆祝动画 - Simplified celebration animation */
@keyframes simple-celebration {
    0%, 100% { 
        transform: translateY(0px) scale(1);
    }
    50% { 
        transform: translateY(-5px) scale(1.05);
    }
}

/* 简化获胜者高亮 - Simplified winner highlight */
.winner-highlight-simple {
    background: linear-gradient(45deg, #FFD700, #FF8C00);
    border: 2px solid #8B4513;
    transform: scale(1.02);
    transition: all 0.3s ease;
}

/* 简化老虎机数字动画 - Simplified slot machine number animations */
.slotwrapper ul li, .slotwrapper-x ul li {
    animation: simple-slot-spin 0.8s ease-in-out infinite;
}

.slotwrapper:nth-child(odd) ul li {
    animation-duration: 1s;
}

.slotwrapper:nth-child(even) ul li {
    animation-duration: 0.6s;
}

/* 简化获胜者显示 - Simplified winner reveal */
.slotwrapper.winner-reveal ul li,
.slotwrapper-x.winner-reveal ul li {
    animation: simple-winner-reveal 0.5s ease-out forwards;
}

.slotwrapper.winner-reveal-mario ul li {
    animation: simple-winner-reveal 0.5s ease-out forwards;
}

/* 简化悬停效果 - Simplified hover effects */
.slotwrapper:hover ul li,
.slotwrapper-x:hover ul li {
    animation-play-state: paused;
    transform: scale(1.05);
    filter: brightness(1.1);
    transition: all 0.2s ease;
}

/* 简化特殊数字效果 - Simplified special number effects */
.star-power-number-simple {
    animation: simple-celebration 1s ease-in-out infinite;
}

/* 简化烟花效果 - Simplified firework effect */
.simple-firework {
    position: absolute;
    width: 4px;
    height: 4px;
    background: #FFD700;
    border-radius: 50%;
    animation: simple-firework-burst 1s ease-out forwards;
}

@keyframes simple-firework-burst {
    0% { 
        opacity: 1;
        transform: scale(1);
    }
    50% { 
        opacity: 0.8;
        transform: scale(1.5);
    }
    100% { 
        opacity: 0;
        transform: scale(2);
    }
}

/* 简化加载动画 - Simplified loading animation */
@keyframes simple-loading {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-simple {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 2px solid rgba(139, 69, 19, 0.3);
    border-radius: 50%;
    border-top-color: #8B4513;
    animation: simple-loading 1s ease-in-out infinite;
}

/* 简化响应式动画 - Simplified responsive animations */
@media (max-width: 768px) {
    .slotwrapper ul li, .slotwrapper-x ul li {
        animation-duration: 1.2s;
    }
    
    .winner-highlight-simple {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .slotwrapper ul li, .slotwrapper-x ul li {
        animation-duration: 1.5s;
    }
    
    @keyframes simple-float-up {
        0% {
            opacity: 1;
            transform: translate(-50%, -50%) translateY(0px) scale(0.8);
        }
        100% {
            opacity: 0;
            transform: translate(-50%, -50%) translateY(-40px) scale(0.8);
        }
    }
}

/* 简化背景动画 - Simplified background animations */
@keyframes simple-background-pulse {
    0%, 100% { 
        background-position: 0% 50%;
    }
    50% { 
        background-position: 100% 50%;
    }
}

/* 简化数字旋转 - Simplified number rotation */
@keyframes simple-number-rotate {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(360deg); }
}

/* 简化硬币旋转 - Simplified coin rotation */
@keyframes simple-coin-spin {
    0% { transform: rotateY(0deg) scale(1); }
    50% { transform: rotateY(180deg) scale(1.1); }
    100% { transform: rotateY(360deg) scale(1); }
}

/* 简化马年效果 - Simplified horse year effects */
@keyframes simple-horse-gallop {
    0%, 100% { 
        transform: translateX(-50%) rotate(-10deg) scale(1);
    }
    50% { 
        transform: translateX(-50%) rotate(-5deg) scale(1.05);
    }
}

/* 简化春节庆祝 - Simplified CNY celebration */
@keyframes simple-cny-celebration {
    0% { 
        opacity: 0.8;
        transform: scale(1);
    }
    50% { 
        opacity: 1;
        transform: scale(1.02);
    }
    100% { 
        opacity: 0.8;
        transform: scale(1);
    }
}

/* 简化金色效果 - Simplified gold effect */
.simple-gold-effect {
    background: linear-gradient(45deg, #FFD700, #FFA500);
    color: #8B4513;
    font-weight: bold;
}

/* 简化阴影效果 - Simplified shadow effects */
.simple-text-shadow {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* 简化边框效果 - Simplified border effects */
.simple-border {
    border: 1px solid #FFD700;
    border-radius: 5px;
}

/* 简化过渡效果 - Simplified transition effects */
.simple-transition {
    transition: all 0.2s ease;
}

/* 简化缩放效果 - Simplified scale effects */
.simple-scale:hover {
    transform: scale(1.02);
}

/* 简化颜色变化 - Simplified color change */
.simple-color-change {
    filter: hue-rotate(0deg);
    transition: filter 0.3s ease;
}

.simple-color-change:hover {
    filter: hue-rotate(30deg);
}