*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none}html,body{height:100%;margin:0;padding:0;font-size:100%;line-height:1.5}*:active,*:focus{outline:none!important;box-shadow:none!important}body{font-family:Arial,sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;cursor:pointer}.mobile-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100svh;width:56.221889055vh;max-width:100%}.mobile-wrapper.bg{aspect-ratio:9 / 16;width:unset}body{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.step1,.step2,.step3,.step4,.step5,.scan-page,.redeem-page-1,.redeem-page-2,.redeem-half-page,.redeem-half-page-finish{position:relative;display:flex;justify-content:center;align-items:center}.step1-btn-img{position:absolute;width:84%}.step1-char{position:absolute;width:48%;left:0%;bottom:4%}.step2-btn{position:absolute;bottom:4%;width:40%;height:7%}.scan-item1{position:absolute;width:27%;left:7%}.scan-item2{position:absolute;width:27%}.scan-item3{position:absolute;width:27%;right:7%}.scan-item4{position:absolute;width:27%;left:22%;bottom:27.7%}.scan-item5{position:absolute;width:27%;right:20%;bottom:27.7%}.scan-item6{position:absolute;width:27%;left:7%;bottom:13%}.scan-item7{position:absolute;width:27%;bottom:13%}.scan-item8{position:absolute;width:27%;right:7%;bottom:13%}.video-capture{position:absolute;width:86%;bottom:29%;height:48%;object-fit:cover;z-index:0}.go-back-btn{position:absolute;bottom:9%;width:50%;height:8%;z-index:1}.scan-page-content{z-index:1}.scan-instruction{position:absolute;bottom:20%;width:80%;color:#fff;z-index:1;text-align:center;font-size:min(4.3cqh,7cqw)}.step4-btn{position:absolute;bottom:17%;width:48%;height:8%}.step5-name-input{font-family:Noto Sans CJK TC,Noto Sans TC,sans-serif;font-weight:600;color:#9f00c3;position:absolute;top:37%;font-size:min(3.3cqh,6cqw);text-align:center;border:0;background:transparent}.step5-phone-input{font-family:Noto Sans CJK TC,Noto Sans TC,sans-serif;font-weight:600;color:#9f00c3;position:absolute;top:48%;font-size:min(3.3cqh,6cqw);text-align:center;border:0;background:transparent}.step5-email-input{font-family:Noto Sans CJK TC,Noto Sans TC,sans-serif;font-weight:600;color:#9f00c3;position:absolute;top:59.4%;font-size:min(3.3cqh,6cqw);text-align:center;border:0;background:transparent}.checked1-btn{position:absolute;bottom:28.6%;height:5%;width:80%;z-index:1}.checked1{position:absolute;width:5%;left:15%;bottom:30%}.checked2-btn{position:absolute;bottom:21.6%;height:6%;width:82%;left:13%;z-index:1}.checked2{position:absolute;width:5%;left:15%;bottom:25%}.step5-btn{position:absolute;width:48%;height:8%;bottom:10%}.gift1-redeemed,.redeem-page-1.redeemed .gift1{display:none}.redeem-page-1.redeemed .gift1-redeemed{display:block}.redeem-gift1-btn{position:absolute;bottom:10%;width:48%;height:8%}.redeem-page-1.redeemed .redeem-gift1-btn,.gift2-redeemed,.redeem-page-2.redeemed .gift2{display:none}.redeem-page-2.redeemed .gift2-redeemed{display:block}.redeem-gift2-btn{position:absolute;bottom:10%;width:48%;height:8%}.redeem-page-2.redeemed .redeem-gift2-btn{display:none}.step2-gift-modal{position:absolute;width:100%;height:100%;background:#000000b3;z-index:2;display:flex;justify-content:center;align-items:center;left:0;top:0}.redeem-half-btn{position:absolute;width:48%;height:8%;bottom:10%}.redeem-half-finish-btn{position:absolute;width:58%;height:10%;bottom:14%}.gift-popup{width:80%}.close-gift-popup-btn{position:absolute;width:28%;height:5%;left:20%;top:59%}.redeem-gift-popup-btn{position:absolute;width:28%;height:5%;right:20%;top:59%}.hidden{display:none}.mirror{transform:scaleX(-1)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.float{animation:float 2.5s ease-in-out infinite}
