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-aa10dbe2]{margin:0;padding:0;box-sizing:border-box}.wheel-page[data-v-aa10dbe2]{width:100vw;height:100vh;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.pointer[data-v-aa10dbe2]{position:absolute;top:10%;width:2px;height:50px;background-color:red;z-index:4}.bg-container[data-v-aa10dbe2]{position:absolute;inset:0;z-index:1;display:flex;justify-content:center;align-items:center}.bg-image[data-v-aa10dbe2]{width:100%;height:100%;object-fit:cover;object-position:center 42%}.wheel-container[data-v-aa10dbe2]{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-aa10dbe2]{width:100%;height:100%;transform-origin:center}@keyframes slowSpin-aa10dbe2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wheel.spinning[data-v-aa10dbe2]{animation:slowSpin-aa10dbe2 1.25s linear infinite}.rotate-btn[data-v-aa10dbe2]{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-aa10dbe2]:hover:not(.disabled){transform:translate(-50%,-50%) scale(1.05)}.rotate-btn.disabled[data-v-aa10dbe2]{cursor:not-allowed;opacity:1;filter:grayscale(40%);pointer-events:none}.dialog-overlay[data-v-aa10dbe2]{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10;animation:fadeIn-aa10dbe2 .5s}.dialog-content[data-v-aa10dbe2]{position:relative;width:600px;height:412px;max-width:85vw;max-height:65vh}.dialog-bg[data-v-aa10dbe2]{width:100%;height:100%;object-fit:contain}.close-btn[data-v-aa10dbe2]{position:absolute;top:22%;right:13.2%;width:5%;cursor:pointer}.notice-img[data-v-aa10dbe2]{position:absolute;top:22%;left:50%;transform:translate(-50%);width:33%}.show-container[data-v-aa10dbe2]{position:absolute;top:41%;left:0;width:100%;display:flex;justify-content:center}.show-bg[data-v-aa10dbe2]{width:71.6%}.prize-number[data-v-aa10dbe2]{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-aa10dbe2 1s infinite alternate}@keyframes fadeIn-aa10dbe2{0%{opacity:0}to{opacity:1}}@keyframes pulse-aa10dbe2{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-aa10dbe2]{width:75vmin;height:75vmin;margin-top:40px}}@media (max-width: 600px){.wheel-container[data-v-aa10dbe2]{width:80vmin;height:80vmin;margin-top:30px}.dialog-content[data-v-aa10dbe2]{max-height:55vh}}@media (max-height: 600px) and (orientation: landscape){.wheel-container[data-v-aa10dbe2]{width:65vmin;height:65vmin;margin-top:20px}.bg-image[data-v-aa10dbe2]{object-position:center 30%}}@media (max-width: 375px){.wheel-container[data-v-aa10dbe2]{width:70vmin;height:70vmin;margin-top:20px}.dialog-content[data-v-aa10dbe2]{max-width:80vw;max-height:50vh}}
|
