body[data-v-3203d6dd],html[data-v-3203d6dd]{background:#1c1c1e}.w-container[data-v-3203d6dd]{max-width:1544px;margin:0 auto}@media (max-width:1544px){.w-container[data-v-3203d6dd]{max-width:1232px}}@media (max-width:1232px){.w-container[data-v-3203d6dd]{max-width:1232px}}@media (max-width:1544px){.w-container[data-v-3203d6dd]{width:100%}}.font12[data-v-3203d6dd]{font-size:12px;line-height:17px}.font14[data-v-3203d6dd]{font-size:14px;line-height:19px}.font16[data-v-3203d6dd]{font-size:16px;line-height:22px}.font18[data-v-3203d6dd]{font-size:18px;line-height:24px}.font20[data-v-3203d6dd]{font-size:20px;line-height:27px}.font24[data-v-3203d6dd]{font-size:24px;line-height:33px}.font32[data-v-3203d6dd]{font-size:32px;line-height:43px}.boxshadow[data-v-3203d6dd]{box-shadow:0 0 16px rgba(0,0,0,.24)}@keyframes fade-data-v-3203d6dd{0%{opacity:.7}50%{opacity:.3}to{opacity:.7}}.d-flex[data-v-3203d6dd]{display:flex;align-items:center}.d-flex--spacebetween[data-v-3203d6dd]{justify-content:space-between}.d-flex--center[data-v-3203d6dd]{justify-content:center}.d-flex--column[data-v-3203d6dd]{flex-direction:column}.c-Yellow[data-v-3203d6dd]{color:#c9a86b}.draw-result[data-v-3203d6dd]{display:flex;flex-direction:column;align-items:center;padding:24px 16px 14px;min-height:443px;background-image:url(../../src/img/img_draw_result_bg.fdeb34c4.png);background-size:381px 381px;background-repeat:no-repeat;background-position:top}.draw-result[data-v-3203d6dd] .w-loading{flex:1;display:flex;align-items:center;justify-content:center}.draw-result__title[data-v-3203d6dd]{width:100%;font-size:24px;line-height:33px;font-weight:600;color:#ebebf5;line-height:1.36}.draw-result__card-wrap[data-v-3203d6dd]{position:relative;display:flex;align-items:center;justify-content:center;margin:33px 0 58px}.draw-result__prize-glow[data-v-3203d6dd]{width:381px;height:381px;pointer-events:none;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 13px))}.draw-result__prize-box[data-v-3203d6dd]{position:relative;width:222px;height:196px;background-image:url(../../src/img/img_draw_prize_box.c2d9c1e2.png);background-size:100% 100%;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center}.draw-result__prize-label[data-v-3203d6dd]{font-size:24px;line-height:33px;font-family:D-DIN,sans-serif;color:#ffd591}.draw-result__prize-val-row[data-v-3203d6dd]{display:flex;align-items:baseline;gap:6px;flex-wrap:nowrap}.draw-result__prize-val[data-v-3203d6dd]{font-family:D-DIN,sans-serif;font-size:44px;font-weight:700;color:#ffd591;line-height:1.2}.draw-result__prize-unit[data-v-3203d6dd]{font-family:D-DIN,sans-serif;font-size:20px;font-weight:600;color:#c9a86b}.draw-result__tips[data-v-3203d6dd]{font-size:18px;line-height:24px;font-weight:400;color:#c2c2c2;text-align:center;line-height:1.5;margin-top:-2px;width:100%}.draw-result__tips[data-v-3203d6dd] .highlight{color:#c9a86b;font-weight:600}.draw-result__btn[data-v-3203d6dd]{width:100%;height:48px;margin-top:24px}@font-face{font-family:Open Sans;src:url(../../src/fonts/OpenSans-Regular.9666411f.woff2) format("woff2"),url(../../src/fonts/OpenSans-Regular.67e0ecdd.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NotoSansTC;src:url(../../src/fonts/NotoSansTC-Regular.d6b43f66.otf);font-weight:400;font-style:normal;font-display:swap}body[data-v-27e8f2ea],html[data-v-27e8f2ea]{background:#1c1c1e}.w-container[data-v-27e8f2ea]{max-width:1544px;margin:0 auto}@media (max-width:1544px){.w-container[data-v-27e8f2ea]{max-width:1232px}}@media (max-width:1232px){.w-container[data-v-27e8f2ea]{max-width:1232px}}@media (max-width:1544px){.w-container[data-v-27e8f2ea]{width:100%}}.font12[data-v-27e8f2ea]{font-size:12px;line-height:17px}.font14[data-v-27e8f2ea]{font-size:14px;line-height:19px}.font16[data-v-27e8f2ea]{font-size:16px;line-height:22px}.font18[data-v-27e8f2ea]{font-size:18px;line-height:24px}.font20[data-v-27e8f2ea]{font-size:20px;line-height:27px}.font24[data-v-27e8f2ea]{font-size:24px;line-height:33px}.font32[data-v-27e8f2ea]{font-size:32px;line-height:43px}.boxshadow[data-v-27e8f2ea]{box-shadow:0 0 16px rgba(0,0,0,.24)}@keyframes fade-data-v-27e8f2ea{0%{opacity:.7}50%{opacity:.3}to{opacity:.7}}.d-flex[data-v-27e8f2ea]{display:flex;align-items:center}.d-flex--spacebetween[data-v-27e8f2ea]{justify-content:space-between}.d-flex--center[data-v-27e8f2ea]{justify-content:center}.d-flex--column[data-v-27e8f2ea]{flex-direction:column}.c-Yellow[data-v-27e8f2ea]{color:#c9a86b}.referral-draw-page[data-v-27e8f2ea]{position:relative;width:100%;height:calc(100vh - 80px);display:flex;justify-content:center;align-items:flex-start;overflow:hidden;background-image:url(../../src/img/img_home_referral_bg.bdc9943b.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.referral-draw-page__loading[data-v-27e8f2ea]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.referral-draw-page__content[data-v-27e8f2ea]{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;align-self:flex-start;height:auto;margin-top:4vh;transform-origin:top center;transition:transform .2s ease;will-change:transform;margin-bottom:1vh}.referral-draw-page__draw-frame[data-v-27e8f2ea]{position:relative;width:680px;height:342px;margin-top:20px;background:50%/contain url(../../src/img/img_home_draw_frame.0e8c4ff8.png) no-repeat}.referral-draw-page__prizes[data-v-27e8f2ea]{position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);display:grid;grid-template-columns:repeat(3,180px);grid-template-rows:repeat(2,107px);gap:10px;justify-content:center;z-index:4}.referral-draw-page__prize-item[data-v-27e8f2ea]{position:relative;width:180px;height:107px}.referral-draw-page__prize-img[data-v-27e8f2ea]{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.referral-draw-page__prize-text[data-v-27e8f2ea]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.referral-draw-page__prize-label[data-v-27e8f2ea]{font-size:14px;line-height:19px;color:#c9a86b}.referral-draw-page__prize-val-row[data-v-27e8f2ea]{font-family:D-DIN,sans-serif;display:flex;align-items:baseline;gap:6px}.referral-draw-page__prize-val[data-v-27e8f2ea]{font-size:40px;font-weight:700;color:#ffd591;line-height:1.2}.referral-draw-page__prize-unit[data-v-27e8f2ea]{font-size:16px;line-height:22px;font-weight:600;color:#c9a86b;line-height:1.36}.referral-draw-page__prize-item.is-highlight .referral-draw-page__prize-label[data-v-27e8f2ea]{color:#36301b}.referral-draw-page__prize-item.is-highlight .referral-draw-page__prize-unit[data-v-27e8f2ea],.referral-draw-page__prize-item.is-highlight .referral-draw-page__prize-val[data-v-27e8f2ea]{background:linear-gradient(180deg,#876e3e,#000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.referral-draw-page__prize-item.is-highlight .referral-draw-page__prize-unit[data-v-27e8f2ea]{font-size:20px;line-height:27px}.referral-draw-page__remaining[data-v-27e8f2ea]{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;display:flex;flex-direction:column;align-items:flex-start;z-index:5;gap:0;padding:8px 12px;background:linear-gradient(90deg,#ac341f,#a91616);border-radius:5px;color:#fff;box-shadow:0 16px 6.6px rgba(64,4,4,.25)}.referral-draw-page__remaining[data-v-27e8f2ea]:before{content:"";position:absolute;inset:-1px;background:linear-gradient(90deg,#db7533,#cd4830);border-radius:6px;z-index:0}.referral-draw-page__remaining[data-v-27e8f2ea]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ac341f,#a91616);border-radius:5px;z-index:0}.referral-draw-page__remaining-row[data-v-27e8f2ea]{position:relative;z-index:1;display:flex;align-items:center;gap:3px;width:100%}.referral-draw-page__remaining-label[data-v-27e8f2ea]{font-size:16px;line-height:22px;font-weight:600;color:#fff}.referral-draw-page__remaining-label[data-v-27e8f2ea] .num{font-size:24px;font-family:D-DIN,sans-serif;font-weight:700}.referral-draw-page__remaining-btn[data-v-27e8f2ea]{font-family:D-DIN,sans-serif;position:relative;z-index:1;display:flex;align-items:center;gap:2px;height:28px;padding:0 10px;border:1px solid #ebebf5;color:#ebebf5;border-radius:4px;cursor:pointer;margin-left:16px}.referral-draw-page__remaining-btn span[data-v-27e8f2ea]{font-weight:700}.referral-draw-page__remaining-btn-arrow[data-v-27e8f2ea]{flex-shrink:0}.referral-draw-page__remaining-arrow[data-v-27e8f2ea]{position:absolute;bottom:-8.5px;left:50%;transform:translateX(-50%);width:13px;height:8.5px;background:linear-gradient(180deg,#ac341f 24%,#df8b41 88%);clip-path:polygon(0 0,100% 0,50% 100%);z-index:1}.referral-draw-page__btn[data-v-27e8f2ea]{position:relative;width:268px;height:66px;cursor:pointer;box-shadow:0 0 8px 0 rgba(0,0,0,.8);transition:opacity .2s;margin-top:60px;background:url(../../src/img/img_home_btn_highlight.f124d7db.png) 50%/100% 100% no-repeat;border-radius:4px}.referral-draw-page__btn.is-dim[data-v-27e8f2ea]{background-image:url(../../src/img/img_home_btn_dark.f9ccf0af.png)}.referral-draw-page__btn[data-v-27e8f2ea]:hover{opacity:.9}.referral-draw-page__btn-text[data-v-27e8f2ea]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:27px;font-weight:600;color:#fffffd;text-shadow:0 2px 0 #936c08;padding-bottom:8px}.referral-draw-page__footer-tip[data-v-27e8f2ea]{font-size:12px;line-height:17px;font-weight:400;color:#c2c2c2;text-align:center;margin-top:8px}.referral-draw-page__footer-tip[data-v-27e8f2ea] .highlight{font-family:D-DIN,sans-serif;font-size:15px;font-weight:700}.referral-draw-page__faq[data-v-27e8f2ea]{position:relative;width:207px;height:137px}.referral-draw-page__faq-icon[data-v-27e8f2ea]{position:absolute;top:0;left:0;width:36px;height:36px;-o-object-fit:contain;object-fit:contain;cursor:pointer;z-index:1}.referral-draw-page__faq-panel[data-v-27e8f2ea]{position:relative;top:22px;left:10px;background:rgba(27,25,23,.63);border:1px solid #40392c;-webkit-backdrop-filter:blur(8.6px);backdrop-filter:blur(8.6px);border-radius:4px;padding:15px 14px;display:flex;flex-direction:column;gap:10px;width:202px;box-shadow:0 28px 26.5px 0 rgba(0,0,0,.25)}.referral-draw-page__faq-header[data-v-27e8f2ea]{display:flex;align-items:center;justify-content:space-between;height:27px}.referral-draw-page__faq-title-wrap[data-v-27e8f2ea]{display:flex;align-items:center;gap:4px}.referral-draw-page__faq-square[data-v-27e8f2ea]{display:inline-block;width:6px;height:6px;background:#dfa607;flex-shrink:0}.referral-draw-page__faq-title[data-v-27e8f2ea]{font-size:20px;line-height:27px;font-weight:700;color:#fff;line-height:1.36}.referral-draw-page__faq-more[data-v-27e8f2ea]{font-size:12px;line-height:17px;font-weight:400;color:#888;cursor:pointer}.referral-draw-page__faq-more[data-v-27e8f2ea]:hover{color:#ebebf5}.referral-draw-page__faq-item[data-v-27e8f2ea]{font-size:14px;line-height:19px;font-weight:400;color:#c2c2c2;text-transform:capitalize;cursor:pointer;line-height:1.36}.referral-draw-page__faq-item[data-v-27e8f2ea]:hover{color:#ebebf5}.referral-draw-page__faq-triangle[data-v-27e8f2ea]{position:absolute;right:4px;bottom:4px;width:0;height:0;border-style:solid;border-width:0 0 9px 8px;border-color:transparent transparent #dfa607 transparent}.referral-draw-page__side-actions[data-v-27e8f2ea]{position:absolute;left:calc(100% + 70px/var(--referral-scale, 1));top:0;z-index:5;display:flex;flex-direction:column;gap:32px;transform:scale(calc(1/var(--referral-scale, 1)));transform-origin:top left}.referral-draw-page__side-btn[data-v-27e8f2ea]{position:relative;width:236px;height:66px}.referral-draw-page__side-btn-icon[data-v-27e8f2ea]{position:absolute;top:0;left:0;width:36px;height:36px;-o-object-fit:contain;object-fit:contain;cursor:pointer;z-index:1}.referral-draw-page__side-btn-panel[data-v-27e8f2ea]{position:relative;top:29px;left:10px;height:37px;background:rgba(27,25,23,.59);border:1px solid #40392c;-webkit-backdrop-filter:blur(8.6px);backdrop-filter:blur(8.6px);border-radius:4px;padding:0 9px;display:flex;align-items:center;gap:4px;width:-moz-fit-content;width:fit-content;cursor:pointer;box-shadow:0 23px 25.3px 0 rgba(0,0,0,.25)}.referral-draw-page__side-btn-panel[data-v-27e8f2ea]:hover{background:rgba(40,37,34,.8)}.referral-draw-page__side-btn-square[data-v-27e8f2ea]{display:inline-block;width:6px;height:6px;background:#dfa607;flex-shrink:0}.referral-draw-page__side-btn-text[data-v-27e8f2ea]{font-size:12px;line-height:17px;font-weight:400;color:#fff;text-transform:capitalize;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referral-draw-page__side-btn-panel .w-icon[data-v-27e8f2ea]{color:#c2c2c2;flex-shrink:0}