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.4 KiB
1 lines
3.4 KiB
.container[data-v-a18fa743]{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-a18fa743]{position:relative;width:500px;height:500px;margin:auto auto 10px}.balance[data-v-a18fa743]{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;transition:all .3s ease-out}.balance.updating[data-v-a18fa743]{transform:translate(-50%) scale(1.1);color:gold;text-shadow:0 0 30px rgba(255,215,0,.8)}.guang[data-v-a18fa743]{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-a18fa743]{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-a18fa743]{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-a18fa743]{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.prize-image[data-v-a18fa743]{pointer-events:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;width:auto;height:70px;max-width:90px;object-fit:contain}.jiantou[data-v-a18fa743]{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-a18fa743]{cursor:not-allowed;opacity:1;filter:grayscale(30%)}.result-popup[data-v-a18fa743]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn-a18fa743 .1s ease-in-out}.popup-content[data-v-a18fa743]{position:relative;width:100%;height:100%}.popup-bg[data-v-a18fa743]{position:absolute;top:13%;left:48%;transform:translate(-50%);width:650px;height:650px;background-size:contain;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;z-index:1001;animation:popupAnimation-a18fa743 .05s forwards}.prize-value[data-v-a18fa743]{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;z-index:1002;opacity:0;animation:textFadeIn-a18fa743 .3s ease-out .3s forwards,textScale-a18fa743 1s infinite alternate .6s}.end-message[data-v-a18fa743]{font-size:100px;color:gold}@keyframes fadeIn-a18fa743{0%{opacity:0}to{opacity:1}}@keyframes popupAnimation-a18fa743{0%{transform:translate(-50%) scale(.8);opacity:0}70%{transform:translate(-50%) scale(1.05);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes textFadeIn-a18fa743{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes textScale-a18fa743{0%{transform:scale(1)}to{transform:scale(1.1)}}
|