yswk-ui 0.0.6 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,9 @@
1
1
  import { IProps } from './type';
2
- declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{}>, {
2
+ declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
3
+ comEvent: (...args: any[]) => void;
4
+ }, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{
5
+ onComEvent?: ((...args: any[]) => any) | undefined;
6
+ }>, {
3
7
  styleSchema: import('./type').StyleSchema;
4
8
  businessSchema: import('./type').BusinessSchema;
5
9
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
@@ -27,6 +27,13 @@ export interface BusinessSchema {
27
27
  image?: {
28
28
  imageUrl?: string;
29
29
  };
30
+ trackingSet?: {
31
+ trackingList?: Array<{
32
+ relative: string;
33
+ code: string;
34
+ type: string;
35
+ }>;
36
+ };
30
37
  }
31
38
  export interface IProps {
32
39
  styleSchema?: StyleSchema;
@@ -8,10 +8,26 @@ interface StyleSchema {
8
8
  bottomBg: string;
9
9
  };
10
10
  }
11
+ interface TrackingItem {
12
+ relative: string;
13
+ code: string;
14
+ type: string;
15
+ }
16
+ interface BusinessSchema {
17
+ trackingSet?: {
18
+ trackingList?: TrackingItem[];
19
+ };
20
+ }
11
21
  interface Props {
12
22
  styleSchema?: StyleSchema;
23
+ businessSchema?: BusinessSchema;
13
24
  }
14
- declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
25
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
26
+ comEvent: (...args: any[]) => void;
27
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
28
+ onComEvent?: ((...args: any[]) => any) | undefined;
29
+ }>, {
15
30
  styleSchema: StyleSchema;
31
+ businessSchema: BusinessSchema;
16
32
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
17
33
  export default _default;
@@ -22,13 +22,25 @@ interface StyleSchema {
22
22
  showControls: boolean;
23
23
  };
24
24
  }
25
+ interface TrackingItem {
26
+ relative: string;
27
+ code: string;
28
+ type: string;
29
+ }
25
30
  interface BusinessSchema {
31
+ trackingSet?: {
32
+ trackingList?: TrackingItem[];
33
+ };
26
34
  }
27
35
  interface Props {
28
36
  styleSchema?: StyleSchema;
29
37
  businessSchema?: BusinessSchema;
30
38
  }
31
- declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
39
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
40
+ comEvent: (...args: any[]) => void;
41
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
42
+ onComEvent?: ((...args: any[]) => any) | undefined;
43
+ }>, {
32
44
  styleSchema: StyleSchema;
33
45
  businessSchema: BusinessSchema;
34
46
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -2,7 +2,11 @@ import { IProps } from './type';
2
2
  declare const _default: import('vue').DefineComponent<IProps, {
3
3
  showAlert: () => void;
4
4
  checkActivityStatus: () => "notStarted" | "ended" | "active";
5
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{}>, {
5
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
6
+ comEvent: (...args: any[]) => void;
7
+ }, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{
8
+ onComEvent?: ((...args: any[]) => any) | undefined;
9
+ }>, {
6
10
  styleSchema: import('./type').StyleSchema;
7
11
  businessSchema: import('./type').BusinessSchema;
8
12
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
@@ -1,3 +1,4 @@
1
+ import { IActivityInfo } from '../../../../types/act';
1
2
  export interface StyleSchema {
2
3
  alertType: 'toast' | 'confirm' | 'dialog';
3
4
  notStartedText: string;
@@ -10,6 +11,7 @@ export interface BusinessSchema {
10
11
  export interface IProps {
11
12
  styleSchema?: StyleSchema;
12
13
  businessSchema?: BusinessSchema;
14
+ activityInfo?: IActivityInfo;
13
15
  }
14
16
  export declare const defaultProps: {
15
17
  styleSchema: () => {
@@ -35,7 +35,7 @@ export interface StyleSchema {
35
35
  };
36
36
  overflow: {
37
37
  whiteSpace: 'nowrap' | 'normal' | 'pre-wrap';
38
- wordBreak: 'normal' | 'break-all' | 'break-word';
38
+ wordBreak?: 'normal' | 'break-all' | 'break-word';
39
39
  enableScroll: boolean;
40
40
  maxLines: number;
41
41
  };
@@ -1,4 +1,9 @@
1
1
  import { IApiConfig } from '../../../types/component';
2
+ export interface ITrackingItem {
3
+ name: string;
4
+ code: string;
5
+ type: string;
6
+ }
2
7
  export interface StyleSchema {
3
8
  overlay: {
4
9
  openEditView: boolean;
@@ -114,6 +119,13 @@ export interface StyleSchema {
114
119
  };
115
120
  }
116
121
  export interface BusinessSchema {
122
+ trackingSet?: {
123
+ trackingList?: Array<{
124
+ relative: string;
125
+ code: string;
126
+ type: string;
127
+ }>;
128
+ };
117
129
  preCode: {
118
130
  preCodeVal: string;
119
131
  };
@@ -126,6 +126,13 @@ export interface BusinessSchema {
126
126
  jumpConfig: {
127
127
  jumpUrl: string;
128
128
  };
129
+ trackingSet?: {
130
+ trackingList?: Array<{
131
+ relative: string;
132
+ code: string;
133
+ type: string;
134
+ }>;
135
+ };
129
136
  }
130
137
  export interface IProps {
131
138
  styleSchema?: StyleSchema;
@@ -132,6 +132,13 @@ export interface BusinessSchema {
132
132
  jumpConfig: {
133
133
  jumpUrl: string;
134
134
  };
135
+ trackingSet?: {
136
+ trackingList?: Array<{
137
+ relative: string;
138
+ code: string;
139
+ type: string;
140
+ }>;
141
+ };
135
142
  }
136
143
  export interface IProps {
137
144
  styleSchema?: StyleSchema;
@@ -58,11 +58,13 @@ export declare const PAGE_ROUTE_QUERY_KEY = "wkc-session-key-routeQuery";
58
58
  export declare const LOCATION_INFO_KEY = "wkc-session-key-locationInfo";
59
59
  export declare const USER_INFO_KEY = "wkc-session-key-userInfo";
60
60
  export declare const RETAIL_INFO_KEY = "wkc-session-key-retailerInfo";
61
- export declare const ACT_REDIRECT_URL = "/service/activity/act/access/redirect?noAuth=1";
61
+ export declare const ACT_REDIRECT_URL = "/service/activity/act/access/redirect?";
62
+ export declare const COMPONENT_EMIT_KEY = "comEvent";
62
63
  export declare const COMPONENT_EVENT: {
63
64
  pageChange: string;
64
65
  lockScroll: string;
65
66
  closeWindow: string;
66
67
  getLocation: string;
67
68
  wxShare: string;
69
+ tracking: string;
68
70
  };
package/dist/index.css CHANGED
@@ -1 +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%}
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-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%}