yswk-ui 0.0.6 → 0.0.7

package/dist/constants.d.ts

@@ -58,7 +58,7 @@ export declare const PAGE_ROUTE_QUERY_KEY = "wkc-session-key-routeQuery";
 export declare const LOCATION_INFO_KEY = "wkc-session-key-locationInfo";
 export declare const USER_INFO_KEY = "wkc-session-key-userInfo";
 export declare const RETAIL_INFO_KEY = "wkc-session-key-retailerInfo";
-export declare const ACT_REDIRECT_URL = "/service/activity/act/access/redirect?noAuth=1";
+export declare const ACT_REDIRECT_URL = "/service/activity/act/access/redirect?";
 export declare const COMPONENT_EVENT: {
     pageChange: string;
     lockScroll: string;

package/dist/index.css

@@ -1 +1 @@
-.wkc-link-button{display:flex;align-items:center;justify-content:center;cursor:pointer;background-size:100% 100%;background-position:center;background-repeat:no-repeat;overflow:hidden;transition:all .3s;-webkit-user-select:none;user-select:none;text-decoration:none}.wkc-link-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.wkc-link-button:active{opacity:.8;transform:translateY(0);box-shadow:0 2px 4px #0000001a}.wkc-link-button{border:none;outline:none}.wkc-rule-button{display:flex;align-items:center;justify-content:center;cursor:pointer;background-size:cover;background-position:center;transition:opacity .3s;-webkit-user-select:none;user-select:none}.wkc-rule-button:hover{opacity:.9}.wkc-rule-button:active{opacity:.8}.wkc-rule-popup-content{position:relative;background-size:100% 100%;background-position:center;overflow:hidden}.wkc-rule-popup-content .wkc-close-button{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;z-index:1}.wkc-rule-popup-content .wkc-close-button img{width:100%;height:100%;object-fit:contain}.wkc-rule-popup-content .wkc-close-icon{font-size:24px;color:#666;font-weight:700}.wkc-rule-popup-content .wkc-popup-text-content{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.wkc-rule-popup-content .wkc-popup-text-content::-webkit-scrollbar{width:0}.wkc-rule-popup-content .wkc-popup-text-content h2{margin:0 0 16px;font-size:20px;font-weight:700;color:#333;text-align:center}.wkc-rule-popup-content .wkc-popup-text-content p{margin:8px 0;font-size:14px;line-height:1.6;color:#666}.wkc-audio-player{display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.wkc-audio-player audio{display:none}.wkc-audio-player .audio-icon-mode{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.wkc-audio-player .audio-icon-mode .audio-icon{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.wkc-audio-player .audio-icon-mode .audio-icon.rotating{animation:rotate 3s linear infinite}.wkc-audio-player .audio-icon-mode .audio-icon-placeholder{width:60%;height:60%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:32px;transition:transform .3s ease}.wkc-audio-player .audio-icon-mode .audio-icon-placeholder.rotating{animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wkc-block-bg{display:block;position:relative}.wkc-block-bg__main{position:absolute;top:0;left:0;width:100%;height:100%}.wkc-block-bg__three-part{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column}.wkc-block-bg__three-part-top,.wkc-block-bg__three-part-mid,.wkc-block-bg__three-part-btm{width:100%}.wkc-block-bg__noise{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-size:200px 200px}.wkc-img-common{display:block;object-fit:fill;-webkit-user-select:none;user-select:none}.wkc-page-background{position:absolute;left:0;height:100%;width:100%;z-index:1;top:0;pointer-events:none}.wkc-page-background__color{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.wkc-page-background>*{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%;background-position:center;background-repeat:no-repeat;z-index:1}.wkc-page-background__top{z-index:2;background-size:100% auto;background-position:center top}.wkc-page-background__bottom{z-index:3;background-size:100% auto;background-position:center bottom}.wkc-user-img{display:flex;flex-direction:column;align-items:center}.wkc-user-img__avatar-wrapper{display:block;overflow:hidden;box-shadow:0 2px 8px #0000001a}.wkc-user-img__avatar{width:100%;height:100%;display:block;object-fit:cover}.wkc-user-img__avatar-placeholder{width:100%;height:100%}.wkc-video-player{display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.wkc-video-player .video-element{width:100%;height:100%;display:block}.wkc-text-common{display:block;-webkit-user-select:none;user-select:none;overflow-wrap:break-word}.wkc-text-common::-webkit-scrollbar{width:4px}.wkc-text-common::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.wkc-text-common::-webkit-scrollbar-track{background:#0000000d}.wkc-notice-popup-content[data-v-670eb175]{overflow:hidden}.wkc-popup-text-content[data-v-670eb175]{width:100%;height:100%;overflow-y:auto;word-break:break-word}.wkc-popup-text-content[data-v-670eb175]::-webkit-scrollbar{width:4px}.wkc-popup-text-content[data-v-670eb175]::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.wkc-popup-text-content[data-v-670eb175]::-webkit-scrollbar-track{background:#0000000d}.wkc-close-button[data-v-670eb175]{-webkit-user-select:none;user-select:none;transition:opacity .2s}.wkc-close-button img[data-v-670eb175]{width:100%;height:100%;display:block}.wkc-close-button .wkc-close-icon[data-v-670eb175]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:24px;color:#999}.wkc-close-button[data-v-670eb175]:hover{opacity:.8}.wkc-close-button[data-v-670eb175]:active{opacity:.6}.wkc-countdown-area[data-v-670eb175]{padding:0 20px;box-sizing:border-box}.wkc-countdown-text[data-v-670eb175],.wkc-countdown-button[data-v-670eb175]{-webkit-user-select:none;user-select:none}.wkc-countdown-button[data-v-670eb175]:not(.disabled):hover{opacity:.8}.wkc-countdown-button[data-v-670eb175]:not(.disabled):active{opacity:.6}.wkc-countdown-button.disabled[data-v-670eb175]{opacity:.6}.wkc-countdown{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.wkc-countdown .countdown-content{display:flex;align-items:center;gap:8px}.wkc-countdown .countdown-content .countdown-text{font-weight:inherit}.wkc-countdown .countdown-content .time-block{display:flex;flex-direction:column;align-items:center;padding:4px 8px;background-color:var(--ef904392);border-radius:4px}.wkc-countdown .countdown-content .time-block .time-value{font-weight:inherit;line-height:1}.wkc-countdown .countdown-content .time-block .time-label{font-size:.6em;margin-top:2px;opacity:.8}.wkc-countdown .countdown-content .time-separator{font-weight:700;opacity:.8}.wkc-scan-toba-input{background-size:100% 100%;box-sizing:border-box;overflow:hidden;position:absolute}.wkc-scan-toba-input .inner-relative-box{position:relative;width:100%;height:100%;padding:0;overflow:hidden}.wkc-scan-toba-input .wkc-scan-title{text-align:left;width:fit-content}.wkc-scan-toba-input .wkc-scan-input-item{outline:none;border:none;background-size:100% 100%;background-position:center;background-color:transparent}.wkc-scan-toba-input .wkc-scan-checkbox{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;overflow:hidden}.wkc-scan-toba-input .wkc-scan-notice-title{max-width:100%;width:fit-content;overflow:hidden;text-align:center}.wkc-scan-toba-input .wkc-scan-notice-content{line-height:1.6;white-space:pre-line}.wkc-scan-toba-input .wkc-scan-button{background-size:100% 100%;background-color:transparent}.wkc-scan-toba-keyboard{position:absolute;left:0;bottom:0;width:100%;display:flex;flex-direction:column;z-index:1000;transition:all .3s linear}.wkc-scan-toba-keyboard .wkc-keyboard-row{display:flex;flex:1}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-style:solid;background-color:transparent;transition:background-color .2s}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key:empty{cursor:default;pointer-events:none}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .delete-btn{color:red}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .delete-btn,.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .hide-btn{font-size:.7em}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .hiden-btn{font-size:.75em}.wkc-scan-toba-result{display:flex;flex-direction:column;align-items:center;background-size:100% 100%;box-sizing:border-box;overflow:hidden;position:absolute}.wkc-scan-toba-result .inner-relative-box{position:relative;width:100%;height:100%}.wkc-scan-toba-result .wkc-result-text{text-align:center;word-wrap:break-word;white-space:pre-wrap;width:100%;width:fit-content}.wkc-scan-toba-result .wkc-validate-time{display:flex;align-items:center;justify-content:center;white-space:nowrap;width:100%;width:fit-content}.wkc-scan-toba-result .wkc-confirm-button{background-size:100% 100%}.wkc-rotate-plate-wrapper{-webkit-user-select:none;user-select:none;overflow:hidden}.wkc-style1-container,.wkc-style2-container{width:100%;height:100%;position:relative}.wkc-wheel-bg,.wkc-wheel-content{position:relative}.wkc-prize-grid{display:flex;align-items:center;justify-content:center;overflow:hidden}.wkc-prize-grid .wkc-prize-content{position:absolute;top:20%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;text-align:center}.wkc-prize-grid .wkc-prize-content .wkc-prize-image{width:40px;height:40px;object-fit:contain;margin-bottom:4px}.wkc-prize-grid .wkc-prize-content .wkc-prize-name{font-size:12px;color:#333;font-weight:700;word-break:break-all}.wkc-lights-container{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.wkc-lights-container .wkc-light{box-shadow:0 0 10px #ffd70080}.wkc-lights-container .wkc-light.active{background-color:var(--v1e2d551f)!important;box-shadow:0 0 15px var(--v1e2d551f)}.wkc-pointer-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;display:flex;align-items:center;justify-content:center}.wkc-pointer-container .wkc-pointer-image{position:absolute;width:100%;height:auto;pointer-events:none}.wkc-pointer-container .wkc-center-button{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.wkc-pointer-container .wkc-center-button:hover{transform:scale(1.05)}.wkc-pointer-container .wkc-center-button:active{transform:scale(.95)}.wkc-pointer-container .wkc-center-button.preview{background-color:#ff00004d;border:2px dashed red}.wkc-pointer-container .wkc-center-button .wkc-center-button-image,.wkc-base-area .wkc-base-image{width:100%;height:100%;object-fit:contain}.wkc-captcha-input[data-v-f0341808]{display:flex;align-items:center;gap:0;background-color:#fff}.wkc-captcha-input__field[data-v-f0341808]{outline:none;box-sizing:border-box;transition:border-color .3s}.wkc-captcha-input__field[data-v-f0341808]:focus{border-color:#409eff}.wkc-captcha-input__field[data-v-f0341808]::placeholder{color:#c0c4cc}.wkc-captcha-input__image[data-v-f0341808]{position:relative;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:opacity .3s}.wkc-captcha-input__image[data-v-f0341808]:hover{opacity:.8}.wkc-captcha-input__image[data-v-f0341808]:active{opacity:.6}.wkc-captcha-image[data-v-f0341808]{width:100%;height:100%;object-fit:cover}.wkc-captcha-placeholder[data-v-f0341808]{font-size:12px;color:#909399;text-align:center}.wkc-captcha-loading[data-v-f0341808]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.wkc-captcha-countdown[data-v-f0341808]{position:absolute;top:2px;right:2px;background-color:#0009;color:#fff;padding:2px 6px;border-radius:2px;font-size:10px}@keyframes wkc-zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wkc-zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes wkc-bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes wkc-bounceOut{0%{transform:scale(1);opacity:1}to{transform:scale(.3);opacity:0}}@keyframes wkc-slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes wkc-slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.wkc-fadeIn-enter-active{animation:wkc-fadeIn .3s ease-out}.wkc-fadeIn-leave-active{animation:wkc-fadeOut .3s ease-out}@keyframes wkc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes wkc-fadeOut{0%{opacity:1}to{opacity:0}}.wkc-slideIn-enter-active{animation:wkc-slideIn .3s ease-out}.wkc-slideIn-leave-active{animation:wkc-slideOut .3s ease-out}.wkc-zoomIn-enter-active{animation:wkc-zoomIn .3s ease-out}.wkc-zoomIn-leave-active{animation:wkc-zoomOut .3s ease-out}.wkc-bounceIn-enter-active{animation:wkc-bounceIn .5s ease-out}.wkc-bounceIn-leave-active{animation:wkc-bounceOut .3s ease-out}.wkc-popup-mask{position:absolute;left:0;top:0;width:100%;height:100%}.wkc-popup-container{left:0;top:0;width:100%;height:100%}
+.wkc-link-button{display:flex;align-items:center;justify-content:center;cursor:pointer;background-size:100% 100%;background-position:center;background-repeat:no-repeat;overflow:hidden;transition:all .3s;-webkit-user-select:none;user-select:none;text-decoration:none}.wkc-link-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.wkc-link-button:active{opacity:.8;transform:translateY(0);box-shadow:0 2px 4px #0000001a}.wkc-link-button{border:none;outline:none}.wkc-rule-button{display:flex;align-items:center;justify-content:center;cursor:pointer;background-size:cover;background-position:center;transition:opacity .3s;-webkit-user-select:none;user-select:none}.wkc-rule-button:hover{opacity:.9}.wkc-rule-button:active{opacity:.8}.wkc-rule-popup-content{position:relative;background-size:100% 100%;background-position:center;overflow:hidden}.wkc-rule-popup-content .wkc-close-button{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;z-index:1}.wkc-rule-popup-content .wkc-close-button img{width:100%;height:100%;object-fit:contain}.wkc-rule-popup-content .wkc-close-icon{font-size:24px;color:#666;font-weight:700}.wkc-rule-popup-content .wkc-popup-text-content{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.wkc-rule-popup-content .wkc-popup-text-content::-webkit-scrollbar{width:0}.wkc-rule-popup-content .wkc-popup-text-content h2{margin:0 0 16px;font-size:20px;font-weight:700;color:#333;text-align:center}.wkc-rule-popup-content .wkc-popup-text-content p{margin:8px 0;font-size:14px;line-height:1.6;color:#666}.wkc-audio-player{display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.wkc-audio-player audio{display:none}.wkc-audio-player .audio-icon-mode{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.wkc-audio-player .audio-icon-mode .audio-icon{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.wkc-audio-player .audio-icon-mode .audio-icon.rotating{animation:rotate 3s linear infinite}.wkc-audio-player .audio-icon-mode .audio-icon-placeholder{width:60%;height:60%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:32px;transition:transform .3s ease}.wkc-audio-player .audio-icon-mode .audio-icon-placeholder.rotating{animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wkc-block-bg{display:block;position:relative}.wkc-block-bg__main{position:absolute;top:0;left:0;width:100%;height:100%}.wkc-block-bg__three-part{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column}.wkc-block-bg__three-part-top,.wkc-block-bg__three-part-mid,.wkc-block-bg__three-part-btm{width:100%}.wkc-block-bg__noise{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-size:200px 200px}.wkc-img-common{display:block;object-fit:fill;-webkit-user-select:none;user-select:none}.wkc-page-background{position:absolute;left:0;height:100%;width:100%;z-index:1;top:0;pointer-events:none}.wkc-page-background__color{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.wkc-page-background>*{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%;background-position:center;background-repeat:no-repeat;z-index:1}.wkc-page-background__top{z-index:2;background-size:100% auto;background-position:center top}.wkc-page-background__bottom{z-index:3;background-size:100% auto;background-position:center bottom}.wkc-user-img{display:flex;flex-direction:column;align-items:center}.wkc-user-img__avatar-wrapper{display:block;overflow:hidden;box-shadow:0 2px 8px #0000001a}.wkc-user-img__avatar{width:100%;height:100%;display:block;object-fit:cover}.wkc-user-img__avatar-placeholder{width:100%;height:100%}.wkc-video-player{display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.wkc-video-player .video-element{width:100%;height:100%;display:block}.wkc-text-common{display:block;-webkit-user-select:none;user-select:none;overflow-wrap:break-word}.wkc-text-common::-webkit-scrollbar{width:4px}.wkc-text-common::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.wkc-text-common::-webkit-scrollbar-track{background:#0000000d}.wkc-notice-popup-content[data-v-670eb175]{overflow:hidden}.wkc-popup-text-content[data-v-670eb175]{width:100%;height:100%;overflow-y:auto;word-break:break-word}.wkc-popup-text-content[data-v-670eb175]::-webkit-scrollbar{width:4px}.wkc-popup-text-content[data-v-670eb175]::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.wkc-popup-text-content[data-v-670eb175]::-webkit-scrollbar-track{background:#0000000d}.wkc-close-button[data-v-670eb175]{-webkit-user-select:none;user-select:none;transition:opacity .2s}.wkc-close-button img[data-v-670eb175]{width:100%;height:100%;display:block}.wkc-close-button .wkc-close-icon[data-v-670eb175]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:24px;color:#999}.wkc-close-button[data-v-670eb175]:hover{opacity:.8}.wkc-close-button[data-v-670eb175]:active{opacity:.6}.wkc-countdown-area[data-v-670eb175]{padding:0 20px;box-sizing:border-box}.wkc-countdown-text[data-v-670eb175],.wkc-countdown-button[data-v-670eb175]{-webkit-user-select:none;user-select:none}.wkc-countdown-button[data-v-670eb175]:not(.disabled):hover{opacity:.8}.wkc-countdown-button[data-v-670eb175]:not(.disabled):active{opacity:.6}.wkc-countdown-button.disabled[data-v-670eb175]{opacity:.6}.wkc-countdown{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.wkc-countdown .countdown-content{display:flex;align-items:center;gap:8px}.wkc-countdown .countdown-content .countdown-text{font-weight:inherit}.wkc-countdown .countdown-content .time-block{display:flex;flex-direction:column;align-items:center;padding:4px 8px;background-color:var(--ef904392);border-radius:4px}.wkc-countdown .countdown-content .time-block .time-value{font-weight:inherit;line-height:1}.wkc-countdown .countdown-content .time-block .time-label{font-size:.6em;margin-top:2px;opacity:.8}.wkc-countdown .countdown-content .time-separator{font-weight:700;opacity:.8}.wkc-scan-toba-input{background-size:100% 100%;box-sizing:border-box;overflow:hidden;position:absolute}.wkc-scan-toba-input .inner-relative-box{position:relative;width:100%;height:100%;padding:0;overflow:hidden}.wkc-scan-toba-input .wkc-scan-title{text-align:left;width:fit-content}.wkc-scan-toba-input .wkc-scan-input-item{outline:none;border:none;background-size:100% 100%;background-position:center;background-color:transparent}.wkc-scan-toba-input .wkc-scan-checkbox{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;overflow:hidden}.wkc-scan-toba-input .wkc-scan-notice-title{max-width:100%;width:fit-content;overflow:hidden;text-align:center}.wkc-scan-toba-input .wkc-scan-notice-content{line-height:1.6;white-space:pre-line}.wkc-scan-toba-input .wkc-scan-button{background-size:100% 100%;background-color:transparent}.wkc-scan-toba-keyboard{position:absolute;left:0;bottom:0;width:100%;display:flex;flex-direction:column;z-index:1000;transition:all .3s linear}.wkc-scan-toba-keyboard .wkc-keyboard-row{display:flex;flex:1}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-style:solid;background-color:transparent;transition:background-color .2s}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key:empty{cursor:default;pointer-events:none}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .delete-btn{color:red}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .delete-btn,.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .hide-btn{font-size:.7em}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .hiden-btn{font-size:.75em}.wkc-scan-toba-result{display:flex;flex-direction:column;align-items:center;background-size:100% 100%;box-sizing:border-box;overflow:hidden;position:absolute}.wkc-scan-toba-result .inner-relative-box{position:relative;width:100%;height:100%}.wkc-scan-toba-result .wkc-result-text{text-align:center;word-wrap:break-word;white-space:pre-wrap;width:100%;width:fit-content}.wkc-scan-toba-result .wkc-validate-time{display:flex;align-items:center;justify-content:center;white-space:nowrap;width:100%;width:fit-content}.wkc-scan-toba-result .wkc-confirm-button{background-size:100% 100%}.wkc-scan-toba-result_v2{display:flex;flex-direction:column;align-items:center;background-size:100% 100%;box-sizing:border-box;overflow:hidden;position:absolute}.wkc-scan-toba-result_v2 .inner-relative-box{position:relative;width:100%;height:100%}.wkc-scan-toba-result_v2 .wkc-result-text{text-align:center;word-wrap:break-word;white-space:pre-wrap;width:100%;width:fit-content}.wkc-scan-toba-result_v2 .wkc-validate-time{display:flex;align-items:center;justify-content:center;white-space:nowrap;width:100%;width:fit-content}.wkc-scan-toba-result_v2 .wkc-confirm-button{background-size:100% 100%}.wkc-rotate-plate-wrapper{-webkit-user-select:none;user-select:none;overflow:hidden}.wkc-style1-container,.wkc-style2-container{width:100%;height:100%;position:relative}.wkc-wheel-bg,.wkc-wheel-content{position:relative}.wkc-prize-grid{display:flex;align-items:center;justify-content:center;overflow:hidden}.wkc-prize-grid .wkc-prize-content{position:absolute;top:20%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;text-align:center}.wkc-prize-grid .wkc-prize-content .wkc-prize-image{width:40px;height:40px;object-fit:contain;margin-bottom:4px}.wkc-prize-grid .wkc-prize-content .wkc-prize-name{font-size:12px;color:#333;font-weight:700;word-break:break-all}.wkc-lights-container{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.wkc-lights-container .wkc-light{box-shadow:0 0 10px #ffd70080}.wkc-lights-container .wkc-light.active{background-color:var(--v1e2d551f)!important;box-shadow:0 0 15px var(--v1e2d551f)}.wkc-pointer-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;display:flex;align-items:center;justify-content:center}.wkc-pointer-container .wkc-pointer-image{position:absolute;width:100%;height:auto;pointer-events:none}.wkc-pointer-container .wkc-center-button{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.wkc-pointer-container .wkc-center-button:hover{transform:scale(1.05)}.wkc-pointer-container .wkc-center-button:active{transform:scale(.95)}.wkc-pointer-container .wkc-center-button.preview{background-color:#ff00004d;border:2px dashed red}.wkc-pointer-container .wkc-center-button .wkc-center-button-image,.wkc-base-area .wkc-base-image{width:100%;height:100%;object-fit:contain}.wkc-captcha-input[data-v-f0341808]{display:flex;align-items:center;gap:0;background-color:#fff}.wkc-captcha-input__field[data-v-f0341808]{outline:none;box-sizing:border-box;transition:border-color .3s}.wkc-captcha-input__field[data-v-f0341808]:focus{border-color:#409eff}.wkc-captcha-input__field[data-v-f0341808]::placeholder{color:#c0c4cc}.wkc-captcha-input__image[data-v-f0341808]{position:relative;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:opacity .3s}.wkc-captcha-input__image[data-v-f0341808]:hover{opacity:.8}.wkc-captcha-input__image[data-v-f0341808]:active{opacity:.6}.wkc-captcha-image[data-v-f0341808]{width:100%;height:100%;object-fit:cover}.wkc-captcha-placeholder[data-v-f0341808]{font-size:12px;color:#909399;text-align:center}.wkc-captcha-loading[data-v-f0341808]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.wkc-captcha-countdown[data-v-f0341808]{position:absolute;top:2px;right:2px;background-color:#0009;color:#fff;padding:2px 6px;border-radius:2px;font-size:10px}@keyframes wkc-zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wkc-zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes wkc-bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes wkc-bounceOut{0%{transform:scale(1);opacity:1}to{transform:scale(.3);opacity:0}}@keyframes wkc-slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes wkc-slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.wkc-fadeIn-enter-active{animation:wkc-fadeIn .3s ease-out}.wkc-fadeIn-leave-active{animation:wkc-fadeOut .3s ease-out}@keyframes wkc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes wkc-fadeOut{0%{opacity:1}to{opacity:0}}.wkc-slideIn-enter-active{animation:wkc-slideIn .3s ease-out}.wkc-slideIn-leave-active{animation:wkc-slideOut .3s ease-out}.wkc-zoomIn-enter-active{animation:wkc-zoomIn .3s ease-out}.wkc-zoomIn-leave-active{animation:wkc-zoomOut .3s ease-out}.wkc-bounceIn-enter-active{animation:wkc-bounceIn .5s ease-out}.wkc-bounceIn-leave-active{animation:wkc-bounceOut .3s ease-out}.wkc-popup-mask{position:absolute;left:0;top:0;width:100%;height:100%}.wkc-popup-container{left:0;top:0;width:100%;height:100%}