.flexColumn[data-v-400cf755]{display:flex;flex-direction:column;align-items:center}.spinWrap[data-v-400cf755]{justify-content:center;position:relative;height:90%}.bottom1[data-v-400cf755]{position:relative;margin-top:-35px}.table[data-v-400cf755]{width:295px;height:80px;margin:-10px auto 0 auto}.circleDraw[data-v-400cf755]{position:relative;width:322px;height:322px;z-index:2;margin:0 auto;box-sizing:border-box}.circleDraw .drawBg[data-v-400cf755]{width:312px;height:322px;position:relative;margin:auto;z-index:3;background:url(/img/circle.64403a3a.png) top left 100%/100% no-repeat}.circleDraw .wheel[data-v-400cf755]{position:absolute;top:10%;width:84%;height:84%;border-radius:50%;overflow:hidden;margin:auto;left:0;right:0;z-index:1;will-change:transform}.circleDraw .wheel .spin[data-v-400cf755]{position:relative;width:100%;background:url(/img/bg.c8be4b17.png) top left 100%/100% no-repeat;height:100%;z-index:4}.circleDraw .slice[data-v-400cf755]{overflow:hidden;position:absolute;width:50%;height:50%;transform-origin:bottom right;display:flex;align-items:center;justify-content:center;transform:rotate(calc(60deg*var(--i) + 45deg));color:#fff;z-index:3;background:none;font-size:12px}.circleDraw .slice .content[data-v-400cf755]{position:relative;justify-content:center;transform:rotate(-45deg) translateY(10px)}.circleDraw .slice .content p[data-v-400cf755]{width:100%;margin:auto;text-align:center;font-weight:600;text-shadow:0 0 2px rgba(0,0,0,.5)}.circleDraw .slice .content img[data-v-400cf755]{height:38px;margin:auto}.circleDraw .marker[data-v-400cf755]{width:65px;height:65px;position:absolute;top:calc(50% - 40px);left:0;right:0;margin:auto;z-index:4;transform-origin:center}.circleDraw .marker img[data-v-400cf755]{width:100%;height:100%}.circleDraw .marker .drawClick[data-v-400cf755]{animation:heartBeat-400cf755 1.3s linear 0s infinite normal}.circleDraw .button[data-v-400cf755]{display:block;margin:10px auto;padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:3px;cursor:pointer}.resultWrap[data-v-400cf755]{background:url(/img/pop.643eb3d9.png) no-repeat 0 0/100% 100%;width:345px;height:425px;margin:60px auto 0 auto;box-sizing:border-box;padding-top:200px;position:relative}.resultWrap .close[data-v-400cf755]{position:absolute;top:65px;right:2%}.resultWrap .popTitle[data-v-400cf755]{font-weight:500;font-size:22px;color:#fff;text-align:center}.resultWrap img[data-v-400cf755]{width:118px;height:89px;margin:5px auto 0 auto;display:block}.resultWrap .popBtn[data-v-400cf755]{width:233px;height:50px;background:linear-gradient(180deg,#e824ff,#650796);border-radius:22px;margin:auto;color:#fff;font-weight:900;text-shadow:0 0 4px rgba(0,0,0,.5);font-size:20px;margin-top:23px;text-align:center;line-height:45px}.hide[data-v-400cf755]{animation:hide-400cf755 .3s forwards}.colors[data-v-400cf755]{top:14%}.colors[data-v-400cf755],.light[data-v-400cf755]{position:absolute;width:100%;left:0;right:0;margin:auto}.light[data-v-400cf755]{top:8%}@keyframes hide-400cf755{30%{transform:scale(1.2)}50%{transform:scale(1.2)}90%{transform:scale(0)}}@keyframes heartBeat-400cf755{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}65%{transform:scale(1)}to{transform:scale(1)}}.overlay[data-v-400cf755]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:10}.close-btn[data-v-400cf755],.overlay[data-v-400cf755]{display:flex;align-items:center;justify-content:center}.close-btn[data-v-400cf755]{color:#fff;font-size:30px;margin:20px auto;cursor:pointer;width:30px;height:30px;line-height:1}.popup-overlay[data-v-400cf755]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:20;display:flex;align-items:flex-start;justify-content:center;padding-top:60px}.resultWrap .close[data-v-400cf755]{color:#fff;font-size:24px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.main-content{padding:200px;text-align:center;color:#fff}.main-content h1{margin-bottom:30px;font-size:32px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.open-btn{padding:15px 40px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(180deg,#e824ff,#650796);border:none;border-radius:25px;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.3);transition:transform .2s}.open-btn:hover{transform:scale(1.05)}.open-btn:active{transform:scale(.98)}