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.
|
|
[data-v-66e81808]{margin:0;padding:0;box-sizing:border-box}.wheel-page[data-v-66e81808]{width:100vw;height:100vh;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.bg-container[data-v-66e81808]{position:absolute;inset:0;z-index:1;display:flex;justify-content:center;align-items:center}.bg-image[data-v-66e81808]{width:100%;height:100%;object-fit:cover;object-position:center 42%}.wheel-container[data-v-66e81808]{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:600px;height:600px;max-width:85vmin;max-height:85vmin;margin-top:60px;margin-bottom:2%;transform:translateY(40px)}.wheel[data-v-66e81808]{width:100%;height:100%;transition:transform 4s cubic-bezier(.3,.1,.1,1);transform-origin:center}.rotate-btn[data-v-66e81808]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:215px;aspect-ratio:1 / 1;cursor:pointer;z-index:3;transition:transform .2s,opacity .2s,filter .2s;object-fit:contain;object-position:center}.rotate-btn[data-v-66e81808]:hover:not(.disabled){transform:translate(-50%,-50%) scale(1.05)}.rotate-btn.disabled[data-v-66e81808]{cursor:not-allowed;opacity:1;filter:grayscale(40%)}.dialog-overlay[data-v-66e81808]{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10;animation:fadeIn-66e81808 .5s}.dialog-content[data-v-66e81808]{position:relative;width:600px;height:412px;max-width:85vw;max-height:65vh}.dialog-bg[data-v-66e81808]{width:100%;height:100%;object-fit:contain}.close-btn[data-v-66e81808]{position:absolute;top:22%;right:13.2%;width:5%;cursor:pointer}.notice-img[data-v-66e81808]{position:absolute;top:22%;left:50%;transform:translate(-50%);width:33%}.show-container[data-v-66e81808]{position:absolute;top:41%;left:0;width:100%;display:flex;justify-content:center}.show-bg[data-v-66e81808]{width:71.6%}.prize-number[data-v-66e81808]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:66px;font-weight:700;color:#ffeb3b;text-shadow:0 0 10px rgba(255,235,59,.8);animation:pulse-66e81808 1s infinite alternate}@keyframes fadeIn-66e81808{0%{opacity:0}to{opacity:1}}@keyframes pulse-66e81808{0%{transform:translate(-50%,-50%) scale(1);text-shadow:0 0 10px rgba(255,235,59,.8)}to{transform:translate(-50%,-50%) scale(1.1);text-shadow:0 0 20px rgba(255,235,59,1)}}@media (max-width: 900px){.wheel-container[data-v-66e81808]{width:75vmin;height:75vmin;margin-top:40px}}@media (max-width: 600px){.wheel-container[data-v-66e81808]{width:80vmin;height:80vmin;margin-top:30px}.dialog-content[data-v-66e81808]{max-height:55vh}}@media (max-height: 600px) and (orientation: landscape){.wheel-container[data-v-66e81808]{width:65vmin;height:65vmin;margin-top:20px}.bg-image[data-v-66e81808]{object-position:center 30%}}@media (max-width: 375px){.wheel-container[data-v-66e81808]{width:70vmin;height:70vmin;margin-top:20px}.dialog-content[data-v-66e81808]{max-width:80vw;max-height:50vh}}
|