body[data-v-7f860b72],html[data-v-7f860b72]{background:#1c1c1e}.w-container[data-v-7f860b72]{max-width:1544px;margin:0 auto}@media (max-width:1544px){.w-container[data-v-7f860b72]{max-width:1232px}}@media (max-width:1232px){.w-container[data-v-7f860b72]{max-width:1232px}}@media (max-width:1544px){.w-container[data-v-7f860b72]{width:100%}}.font12[data-v-7f860b72]{font-size:12px;line-height:17px}.font14[data-v-7f860b72]{font-size:14px;line-height:19px}.font16[data-v-7f860b72]{font-size:16px;line-height:22px}.font18[data-v-7f860b72]{font-size:18px;line-height:24px}.font20[data-v-7f860b72]{font-size:20px;line-height:27px}.font24[data-v-7f860b72]{font-size:24px;line-height:33px}.font32[data-v-7f860b72]{font-size:32px;line-height:43px}.boxshadow[data-v-7f860b72]{box-shadow:0 0 16px rgba(0,0,0,.24)}@keyframes fade-data-v-7f860b72{0%{opacity:.7}50%{opacity:.3}to{opacity:.7}}.d-flex[data-v-7f860b72]{display:flex;align-items:center}.d-flex--spacebetween[data-v-7f860b72]{justify-content:space-between}.d-flex--center[data-v-7f860b72]{justify-content:center}.d-flex--column[data-v-7f860b72]{flex-direction:column}.c-Yellow[data-v-7f860b72]{color:#c9a86b}.draw-result-m__wrapper[data-v-7f860b72]{display:flex;flex-direction:column;align-items:center}.draw-result-m__outer-close[data-v-7f860b72]{margin-top:24px;width:40px;height:40px;border-radius:50%;background:#282828;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#c2c2c2;flex-shrink:0}.draw-result-m__outer-close[data-v-7f860b72]:hover{opacity:.8}.draw-result-m[data-v-7f860b72]{position:relative;display:flex;flex-direction:column;align-items:center;width:100vw;max-width:365px;min-height:360px;background:#1c1c1e;border:1px solid #3e3e3e;border-radius:4px;padding:24px 16px 16px;overflow:hidden}.draw-result-m[data-v-7f860b72] .w-loading{flex:1;display:flex;align-items:center;justify-content:center}.draw-result-m__title[data-v-7f860b72]{width:100%;font-size:24px;line-height:33px;font-weight:600;color:#ebebf5;line-height:1.36;margin-bottom:16px}.draw-result-m__card-area[data-v-7f860b72]{position:relative;width:333px;height:260px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.draw-result-m__bg[data-v-7f860b72]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:333px;height:333px;-o-object-fit:contain;object-fit:contain;z-index:0;pointer-events:none}.draw-result-m__prize-box[data-v-7f860b72]{position:relative;z-index:1}.draw-result-m__prize-card-img[data-v-7f860b72]{width:230px;height:156px;-o-object-fit:contain;object-fit:contain}.draw-result-m__prize-text[data-v-7f860b72]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.draw-result-m__prize-label[data-v-7f860b72]{font-family:Barlow,sans-serif;font-size:16px;line-height:22px;color:#c9a86b;line-height:1.36}.draw-result-m__prize-val-row[data-v-7f860b72]{display:flex;align-items:baseline;gap:6px;margin-top:2px}.draw-result-m__prize-val[data-v-7f860b72]{font-family:D-DIN,sans-serif;font-size:36px;font-weight:700;color:#ffd591;line-height:1}.draw-result-m__prize-unit[data-v-7f860b72]{font-family:Barlow,sans-serif;font-size:18px;line-height:24px;font-weight:600;color:#c9a86b;line-height:1.36}.draw-result-m__btn[data-v-7f860b72]{width:100%;height:48px}@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-2aaa14c3],html[data-v-2aaa14c3]{background:#1c1c1e}.w-container[data-v-2aaa14c3]{max-width:1544px;margin:0 auto}@media (max-width:1544px){.w-container[data-v-2aaa14c3]{max-width:1232px}}@media (max-width:1232px){.w-container[data-v-2aaa14c3]{max-width:1232px}}@media (max-width:1544px){.w-container[data-v-2aaa14c3]{width:100%}}.font12[data-v-2aaa14c3]{font-size:12px;line-height:17px}.font14[data-v-2aaa14c3]{font-size:14px;line-height:19px}.font16[data-v-2aaa14c3]{font-size:16px;line-height:22px}.font18[data-v-2aaa14c3]{font-size:18px;line-height:24px}.font20[data-v-2aaa14c3]{font-size:20px;line-height:27px}.font24[data-v-2aaa14c3]{font-size:24px;line-height:33px}.font32[data-v-2aaa14c3]{font-size:32px;line-height:43px}.boxshadow[data-v-2aaa14c3]{box-shadow:0 0 16px rgba(0,0,0,.24)}@keyframes fade-data-v-2aaa14c3{0%{opacity:.7}50%{opacity:.3}to{opacity:.7}}.d-flex[data-v-2aaa14c3]{display:flex;align-items:center}.d-flex--spacebetween[data-v-2aaa14c3]{justify-content:space-between}.d-flex--center[data-v-2aaa14c3]{justify-content:center}.d-flex--column[data-v-2aaa14c3]{flex-direction:column}.c-Yellow[data-v-2aaa14c3]{color:#c9a86b}.referral-draw-page-m[data-v-2aaa14c3]{position:relative;width:100%;height:calc(100vh - 80px);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding-top:40px;background:top/cover url(../../src/img/img_home_referral_bg__mobile.7c23560b.png) no-repeat}.referral-draw-page-m__inner[data-v-2aaa14c3]{width:100%;flex:1 1 0;display:flex;flex-direction:column;align-items:center;transform-origin:top center;transition:transform .2s ease;will-change:transform}.referral-draw-page-m__share-btn-icon[data-v-2aaa14c3]{position:absolute;top:16px;right:16px;width:36px;height:36px;z-index:5;cursor:pointer}.referral-draw-page-m__loading[data-v-2aaa14c3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.referral-draw-page-m__title[data-v-2aaa14c3]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.referral-draw-page-m__frame-wrap[data-v-2aaa14c3],.referral-draw-page-m__frame[data-v-2aaa14c3]{position:relative;display:flex;justify-content:center;align-items:center}.referral-draw-page-m__frame[data-v-2aaa14c3]{z-index:1;width:406px;height:268px;background:50%/contain url(../../src/img/img_draw_frame_bg_mobile.9c194157.png) no-repeat;box-sizing:border-box;flex-shrink:0}.referral-draw-page-m__prize-grid[data-v-2aaa14c3]{display:grid;grid-template-columns:repeat(3,103px);grid-template-rows:repeat(2,90px);gap:8px;justify-content:center;z-index:4}.referral-draw-page-m__prize-item[data-v-2aaa14c3]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:3px;overflow:hidden}.referral-draw-page-m__prize-bg[data-v-2aaa14c3]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;border-radius:3px}.referral-draw-page-m__prize-label[data-v-2aaa14c3]{position:relative;z-index:1;font-size:12px;line-height:17px;font-weight:600;color:#c9a86b;margin-bottom:2px}.is-highlight .referral-draw-page-m__prize-label[data-v-2aaa14c3]{color:#36301b}.referral-draw-page-m__prize-val[data-v-2aaa14c3]{position:relative;z-index:1;display:flex;align-items:flex-end;gap:2px}.referral-draw-page-m__prize-num[data-v-2aaa14c3]{font-family:D-DIN,sans-serif;font-weight:700;font-size:20px;line-height:1.08;color:#ffd591}.is-highlight .referral-draw-page-m__prize-num[data-v-2aaa14c3]{background:linear-gradient(180deg,#876e3e,#000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.referral-draw-page-m__prize-unit[data-v-2aaa14c3]{font-size:12px;line-height:17px;font-weight:600;color:#fff}.is-highlight .referral-draw-page-m__prize-unit[data-v-2aaa14c3]{background:linear-gradient(180deg,#876e3e,#000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.referral-draw-page-m__actions[data-v-2aaa14c3]{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 16px}.referral-draw-page-m__remaining[data-v-2aaa14c3]{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:6px 8px;background:linear-gradient(90deg,#ac341f,#a91616);border-radius:5px;color:#fff;box-shadow:0 16px 6.6px rgba(64,4,4,.25);white-space:nowrap;z-index:1;bottom:-6px}.referral-draw-page-m__remaining[data-v-2aaa14c3]:before{content:"";position:absolute;inset:-1px;background:linear-gradient(90deg,#db7533,#cd4830);border-radius:6px;z-index:0}.referral-draw-page-m__remaining[data-v-2aaa14c3]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ac341f,#a91616);border-radius:5px;z-index:0}.referral-draw-page-m__remaining-row[data-v-2aaa14c3]{position:relative;z-index:1;display:flex;align-items:baseline;gap:3px}.referral-draw-page-m__remaining-label[data-v-2aaa14c3]{font-size:12px;line-height:17px;font-weight:600;color:#fff}.referral-draw-page-m__remaining-label[data-v-2aaa14c3] .num{font-size:16px;font-family:D-DIN,sans-serif;font-weight:700}.referral-draw-page-m__remaining-btn[data-v-2aaa14c3]{position:relative;z-index:1;display:flex;align-items:center;gap:2px;height:24px;padding:0 8px;background:#fff2e4;border:1px solid #fffbf6;border-radius:2px;cursor:pointer;margin-left:4px}.referral-draw-page-m__remaining-btn span[data-v-2aaa14c3]{font-size:12px;line-height:17px;font-weight:600;color:#d0021b}.referral-draw-page-m__remaining-btn-arrow[data-v-2aaa14c3]{flex-shrink:0}.referral-draw-page-m__remaining-arrow[data-v-2aaa14c3]{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-m__btn[data-v-2aaa14c3]{position:relative;width:326px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:50%/100% 100% url(../../src/img/img_home_btn_highlight.f124d7db.png) no-repeat;border-radius:4px}.referral-draw-page-m__btn.is-dim[data-v-2aaa14c3]{background-image:url(../../src/img/img_home_btn_dark.f9ccf0af.png)}.referral-draw-page-m__btn-text[data-v-2aaa14c3]{font-size:18px;line-height:24px;font-weight:600;color:#fffffd;text-shadow:0 2px 0 #936c08;text-align:center;padding-bottom:6px}.referral-draw-page-m__footer-tip[data-v-2aaa14c3]{font-size:12px;line-height:17px;font-weight:400;color:#c2c2c2;text-align:center;margin:8px 0}.referral-draw-page-m__footer-tip[data-v-2aaa14c3] .highlight{font-family:D-DIN,sans-serif;font-size:15px;font-weight:700}.referral-draw-page-m__bottom-bar[data-v-2aaa14c3]{display:flex;flex-direction:column;gap:16px;align-items:center;padding:0 80px}.referral-draw-page-m__bottom-btn[data-v-2aaa14c3]{min-width:255px;height:52px;flex-shrink:0;display:flex;align-items:center;padding:8px;background:#1b1917;border:1px solid #40392c;border-radius:4px;box-shadow:0 28px 28px rgba(0,0,0,.25);cursor:pointer;box-sizing:border-box;gap:8px}.referral-draw-page-m__bottom-icon[data-v-2aaa14c3]{width:36px;height:36px;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.referral-draw-page-m__bottom-btn-text[data-v-2aaa14c3]{flex:1;font-size:14px;line-height:19px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referral-draw-page-m__bottom-arrow[data-v-2aaa14c3]{color:#c2c2c2;flex-shrink:0;width:12px;height:12px}