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.
|
|
.wheel-container[data-v-004358e4]{min-height:100vh;background-image:url(/aixiaocaishen/static/images/bg-414d461b.png);background-size:cover;background-position:bottom center;padding:15px;display:flex;flex-direction:column;align-items:center;position:relative}.top-section[data-v-004358e4]{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.expire-time[data-v-004358e4]{color:#fff;font-size:12px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);margin:11px 0 0 12px}.top-right[data-v-004358e4]{display:flex;gap:20px;align-items:center}.icon-item[data-v-004358e4]{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.history-icon[data-v-004358e4],.rule-icon[data-v-004358e4]{width:25px;height:25px;cursor:pointer}.icon-text[data-v-004358e4]{color:#fff;font-size:11px;text-shadow:1px 1px 1px rgba(0,0,0,.8)}.title-img[data-v-004358e4]{width:327px;height:144px;margin-bottom:20px}.wheel-section[data-v-004358e4]{display:flex;flex-direction:column;align-items:center;margin-bottom:15px;position:relative}.wheel-wrapper[data-v-004358e4]{position:relative;width:333px;height:333px}.wheel-img[data-v-004358e4]{width:100%;height:100%;transform:rotate(-22.5deg)}.pointer-system[data-v-004358e4]{position:absolute;top:50%;left:50%;width:137px;height:137px;transform:translate(-50%,-50%);z-index:2}.rotation-center[data-v-004358e4]{position:absolute;top:50%;left:50%;width:4px;height:4px;background:red;border-radius:50%;transform:translate(-50%,-50%);z-index:4;opacity:0}.pointer-base[data-v-004358e4]{position:relative;width:137px;height:137px;display:flex;justify-content:center;align-items:center;transform:translateZ(0)}.pointer-img[data-v-004358e4]{position:absolute;top:0;left:0;width:137px;height:137px;transform-origin:68.5px 68.5px;transform:rotate(-21.5deg);transition:transform .1s linear;image-rendering:crisp-edges;-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden;perspective:1000px;will-change:transform}.pointer-img.spinning[data-v-004358e4]{animation:smooth-spin-004358e4 3s cubic-bezier(.25,.46,.45,.94) forwards;backface-visibility:hidden;transform:translateZ(0);will-change:transform}@keyframes smooth-spin-004358e4{0%{transform:rotate(-21.5deg);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}to{transform:rotate(var(--target-pointer-rotation, 1440deg))}}.pointer-cover-img[data-v-004358e4]{position:absolute;top:50%;left:50%;width:104px;height:104px;transform:translate(-50%,-50%);z-index:3;pointer-events:none}.remaining-section[data-v-004358e4]{position:relative;margin-bottom:20px;display:flex;justify-content:center;margin-top:-5px}.remaining-bg[data-v-004358e4]{width:104px;height:21.5px}.remaining-text[data-v-004358e4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.8);width:100%;text-align:center;white-space:nowrap}.spin-btn[data-v-004358e4]{background:none;border:none;cursor:pointer;transition:transform .2s ease;padding:0}.spin-btn[data-v-004358e4]:active:not(:disabled){transform:scale(.95)}.spin-btn[data-v-004358e4]:disabled{cursor:not-allowed;opacity:.7}.spin-btn-img[data-v-004358e4]{width:240px;height:94px}.prize-modal[data-v-004358e4],.no-times-modal[data-v-004358e4],.rule-modal[data-v-004358e4]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay[data-v-004358e4]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3}.modal-content[data-v-004358e4]{position:relative;width:333px;height:377px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1001;animation:modal-appear-004358e4 .3s ease-out}@keyframes modal-appear-004358e4{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-bg[data-v-004358e4]{position:absolute;width:100%;height:100%;z-index:-1}.no-times-content[data-v-004358e4]{position:relative;width:333px;height:79px;display:flex;justify-content:center
|
