/* 万圣节底部动画样式 */
.festival_bottom{position:fixed;bottom:-3px;height:300px;z-index:5;pointer-events:none;}
.festival_bottom div{position:absolute;bottom:0;background-position:0 0;}
.festival_bottom.lt{left:-800px;}
.festival_bottom.rt{right:-100px;}
.festival_bottom .festival_skull{bottom:-0.334em;}
.festival_skull{left:-10px;width:161px;height:239px;background:url("./images/skull.png") no-repeat;-webkit-animation:skull1 2s steps(50) infinite;animation:skull1 2s steps(50) infinite;}
.festival_skull2{left:100px;width:192px;height:245px;background:url("./images/skull2.webp") no-repeat;-webkit-animation:skull2 2s steps(50) infinite;animation:skull2 2s steps(50) infinite;}
.festival_ghost{left:240px;width:261px;height:246px;background:url("./images/ghost.webp") no-repeat;-webkit-animation:ghost 2s steps(50) infinite;animation:ghost 2s steps(50) infinite;}
.festival_skull3{left:450px;width:170px;height:246px;background:url("./images/skull3.webp") no-repeat;-webkit-animation:ghost 2s steps(50) infinite;animation:ghost 2s steps(50) infinite;}
.festival_skull4{left:550px;width:168px;height:253px;background:url("./images/skull4.webp") no-repeat;-webkit-animation:skull4 2s steps(50) infinite;animation:skull4 2s steps(50) infinite;}
.festival_bat{width:75px;height:35px;background:url("./images/bat_long.png") no-repeat;-webkit-animation:bat 2s steps(50) infinite;animation:bat 2s steps(50) infinite;}
.festival_bottom .festival_bat1{left:280px;bottom:220px;}
.festival_bottom .festival_bat2{left:430px;bottom:180px;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;}
.festival_bottom .festival_bat3{left:650px;bottom:100px;-webkit-animation-delay:-1.4s;animation-delay:-1.4s;}
.festival_mummy{left:220px;width:306px;height:245px;z-index:5;pointer-events:none;background:url("./images/mummy.webp") no-repeat;background-position:0 0;-webkit-animation:skull2 2s steps(50) infinite;animation:skull2 2s steps(50) infinite;}
/* 右边走出的骷髅水平翻转 */
.festival_bottom.rt .festival_skull{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);}

@-webkit-keyframes skull1{to{background-position:0 -11950px;}}
@-webkit-keyframes skull2{to{background-position:0 -12250px;}}
@-webkit-keyframes ghost{to{background-position:0 -12300px;}}
@-webkit-keyframes skull4{to{background-position:0 -12650px;}}
@-webkit-keyframes bat{to{background-position:0 -1750px;}}
@keyframes skull1{to{background-position:0 -11950px;}}
@keyframes skull2{to{background-position:0 -12250px;}}
@keyframes ghost{to{background-position:0 -12300px;}}
@keyframes skull4{to{background-position:0 -12650px;}}
@keyframes bat{to{background-position:0 -1750px;}}

/* 蝙蝠背景 + 南瓜灯 */
#app{position:relative;z-index:1;}
#batBg{position:relative;width:100%;min-height:1px;z-index:0;pointer-events:none;overflow:visible;}
.batImg{position:absolute;top:0;left:50%;width:1920px;margin-left:-960px;pointer-events:none;}
.pumpkinLt,.pumpkinRt{display:none;position:fixed;top:180px;pointer-events:none;z-index:0;-webkit-animation:pulse 2s infinite alternate;-moz-animation:pulse 2s infinite alternate;-o-animation:pulse 2s infinite alternate;animation:pulse 2s infinite alternate;}
.pumpkinLt{left:0;}
.pumpkinRt{right:0;-webkit-animation-delay:-1s;-moz-animation-delay:-1s;-o-animation-delay:-1s;animation-delay:-1s;}

@keyframes pulse{0%{filter:brightness(100%)}50%{filter:brightness(80%)}100%{filter:brightness(120%)}}

/*动画*/
@-webkit-keyframes pulse{0%{filter:brightness(100%)}50%{filter:brightness(80%)}100%{filter:brightness(120%)}}

@media screen and (max-width:1400px){
  .festival_bottom{bottom:-8.7em;-webkit-transform:scale(0.72);transform:scale(0.72);-webkit-transform-origin:0 0;transform-origin:0 0;}
}