/*
////////////////////////////////////////////////////////////////////
//                          _ooOoo_                               //
//                         o8888888o                              //
//                         88" . "88                              //
//                         (| ^_^ |)                              //
//                         O\  =  /O                              //
//                      ____/`---'\____                           //
//                    .'  \\|     |//  `.                         //
//                   /  \\|||  :  |||//  \                        //
//                  /  _||||| -:- |||||-  \                       //
//                  |   | \\\  -  /// |   |                       //
//                  | \_|  ''\---/''  |   |                       //
//                  \  .-\__  `-`  ___/-. /                       //
//                ___`. .'  /--.--\  `. . ___                     //
//              ."" '<  `.___\_<|>_/___.'  >'"".                  //
//            | | :  `- \`.;`\ _ /`;.`/ - ` : | |                 //
//            \  \ `-.   \_ __\ /__ _/   .-` /  /                 //
//      ========`-.____`-.___\_____/___.-`____.-'========         //
//                           `=---='                              //
//      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^        //
//             佛祖保佑       永无故障     永不修改                   //
////////////////////////////////////////////////////////////////////

DEVELOPED BY poiuasdf163 https://qiues.eu.org/
email: poiuasdf887163@outlook.com

*/
/* 蛋糕雨容器 */
#cake-rain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 99;
    display: none;
    overflow: hidden;
}

/* 蛋糕元素 */
.cake {
    position: absolute;
    width: 60px;
    height: 60px;
    background-image: url('https://www.emojiall.com/images/svg/google/emoji_u1f382.svg'); /* 蛋糕图片 */
    background-size: cover;
    animation: cake-fall 4s linear forwards;
    pointer-events: none;
    transform-origin: center center;
}

/* 悬停效果（可选） */
.cake:hover {
    transform: scale(1.5);
}

/* 下落动画 */
@keyframes cake-fall {
    0% {
        top: -60px; /* 从屏幕上方开始 */
        transform: translateX(0) rotate(0deg); /* 初始角度 */
        opacity: 1; /* 开始时完全可见 */
    }
    25% {
        transform: translateX(-10px) rotate(-10deg); /* 向左轻微偏移并旋转 */
    }
    50% {
        transform: translateX(10px) rotate(10deg); /* 向右轻微偏移并旋转 */
        opacity: 0.8; /* 中间稍微透明 */
    }
    75% {
        transform: translateX(-5px) rotate(-5deg); /* 再次向左偏移并旋转 */
    }
    100% {
        top: 100%; /* 到达屏幕底部 */
        transform: translateX(0) rotate(0deg); /* 恢复到原始状态 */
        opacity: 0; /* 最后渐隐 */
    }
}