You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
3.1 KiB
1 lines
3.1 KiB
.container[data-v-5955b856]{width:100vw;height:100vh;background-image:url(/test/static/images/anniversary-bb5da2b5.png);background-size:100% auto;background-position:center center;background-repeat:no-repeat;background-color:#000;overflow:hidden;position:relative}.turntable-container[data-v-5955b856]{position:relative;width:500px;height:500px;margin:auto auto 10px}.balance[data-v-5955b856]{position:absolute;top:2%;left:50%;transform:translate(-50%);font-size:120px;text-shadow:0 0 20px rgba(255,215,0,.5);font-weight:900;color:#ffff82;z-index:1000;width:150%;text-align:center;font-family:Arial Black,Gadget,sans-serif;letter-spacing:2px}.guang[data-v-5955b856]{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:500px;height:400px;background-size:contain;background-position:center;background-repeat:no-repeat;z-index:1}.pandi[data-v-5955b856]{position:absolute;width:100%;height:100%;left:50%;transform:translate(-50%) scale(1.5);bottom:-65%;background-size:contain;background-position:center bottom;background-repeat:no-repeat;z-index:2}.pan[data-v-5955b856]{position:absolute;width:62%;height:62%;bottom:-69%;left:48.3%;transform-origin:center center;background-size:contain;background-position:center;background-repeat:no-repeat;z-index:3;transition:transform 5s cubic-bezier(.17,.67,.21,.99)}.prize-container[data-v-5955b856]{pointer-events:none}.prize-image[data-v-5955b856]{width:auto;height:70px;max-width:90px;object-fit:contain}.jiantou[data-v-5955b856]{position:absolute;width:15%;height:15%;bottom:-21%;left:48%;transform:translate(-50%,-50%) scale(1.5);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:5;cursor:pointer}.jiantou.disabled[data-v-5955b856]{cursor:not-allowed;opacity:1;filter:grayscale(30%)}.result-popup[data-v-5955b856]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center}.popup-content[data-v-5955b856]{position:relative;width:100%;height:100%}.popup-bg[data-v-5955b856]{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:800px;height:800px;background-size:contain;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;z-index:101}.prize-value[data-v-5955b856]{font-size:120px;text-shadow:0 0 20px rgba(255,215,0,.5);font-weight:900;color:#ffff82;margin-top:40px;font-family:Arial Black,Gadget,sans-serif}.end-message[data-v-5955b856]{font-size:100px;color:gold;text-shadow:0 0 15px rgba(255,215,0,.7)}.pulse-animation[data-v-5955b856]{animation:pulse-5955b856 1s infinite alternate}@keyframes pulse-5955b856{0%{transform:scale(1.1);text-shadow:0 0 20px rgba(255,215,0,.5)}to{transform:scale(1);text-shadow:0 0 30px rgba(255,215,0,.8)}}.flip-enter-active[data-v-5955b856]{animation:flipIn-5955b856 .1s ease-out}.flip-leave-active[data-v-5955b856]{animation:flipOut-5955b856 .2s ease-in}@keyframes flipIn-5955b856{0%{transform:perspective(600px) rotateY(90deg);opacity:0}to{transform:perspective(600px) rotateY(0);opacity:1}}@keyframes flipOut-5955b856{0%{transform:perspective(600px) rotateY(0);opacity:1}to{transform:perspective(600px) rotateY(90deg);opacity:0}}
|