﻿@import"https://fonts.font.im/css2?family=Noto+Sans+HK:wght@100..900&family=Noto+Serif+HK:wght@200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;600;700;900&display=swap";@import"https://fonts.font.im/css2?family=Noto+Sans+HK:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap";@media(max-height: 400px){body{zoom:.9}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{border-radius:3px;background:hsla(0,0%,100%,0);-webkit-box-shadow:inset 0 0 5px hsla(0,0%,100%,0)}::-webkit-scrollbar-thumb{border-radius:3px;background:rgba(0,0,0,.12);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.2)}body.s-lock-scroll{overflow:hidden}.text-hide{font-size:0;line-height:0}.text-line{position:relative}.text-line::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.5px;background-color:#fff}.flex-layout{display:flex;align-items:center;justify-content:center}.drop-down .drop-down-box{top:unset;padding:0 !important;border-radius:.5em !important;overflow:hidden}.sidebar{position:fixed;top:calc(50% + .41rem);transform:translateY(-50%);z-index:60;text-align:center;background-position:center;background-repeat:no-repeat;background-size:contain;box-sizing:border-box}.btn-download a{width:100%;height:100%;background-size:contain;display:block;background-repeat:no-repeat;background-position:center center;border-radius:5em;background-color:#000}.btn-download .google-pay{background-image:url(https://pic.igamebuy.com/activity/events/public/images/google.png)}.btn-download .app-store{background-image:url(https://pic.igamebuy.com/activity/events/public/images/appstore.png)}.top-up-list{background-color:#fff;border-radius:.5em;box-shadow:0px 0px 6px 0px rgba(0,0,0,.19);padding:.5em 0}.top-up-list li{padding:0 .2rem;width:auto;line-height:2.5;color:#333;text-align:center;white-space:nowrap;border-radius:0;background:#fff !important;transition:all .4s;cursor:pointer}.top-up-list li:hover{background:rgba(255,212,184,.25) !important}.nav .user-box{color:#fff;display:flex;justify-content:center;align-items:center}.nav .user-box .user-icon{display:none}.nav .user-box .user-info{display:flex;align-items:center;column-gap:.1rem;padding:0 1.2em;width:auto}.nav .user-box .user-info .line{opacity:.5}.nav .user-box .sign-out{cursor:pointer}.nav .user-box .sign-out:hover{text-decoration:underline}@media(max-width: 720px){.nav .user-box{min-width:2.5em}.nav .user-box .user-icon{display:flex}.nav .user-box .user-info{display:none}}.reg-phone{display:grid;align-items:center;align-content:center;grid-template-columns:1.2rem 1fr;padding:.16rem .28rem;background-color:#fff;border-radius:50px;box-sizing:border-box}@media(max-width: 900px){.reg-phone{grid-template-columns:1.6rem 1fr;padding:.2rem .28rem}}.reg-phone.reg-ver{grid-template-columns:1fr auto}.reg-phone input{width:100%}.area{position:relative}.area span{position:relative;display:block;width:100%}.area span::after{content:"";position:absolute;right:.1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:.06rem .04rem 0;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0)}@media(max-width: 900px){.area span::after{border-width:.12rem .08rem 0}}.ares-list{position:absolute;left:50%;transform:translateX(-50%);top:30px;z-index:5;padding:0em 1.14em;min-width:100%;border-radius:.1rem;background-color:#fff;box-shadow:0 0 .1rem #e1e1e1}.ares-list p{padding:.71em 0;cursor:pointer}.ares-list p:hover{color:#000}.s-pop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);transition:all .4s ease;opacity:1}.s-pop.active{opacity:1}.s-pop.active .s-pop-main{opacity:1}.s-pop.s-confirm .s-pop-main{max-width:6.6rem}@media(max-width: 900px){.s-pop.s-confirm .s-pop-main{max-width:calc(100% - 2.28em)}}.s-pop.s-confirm .s-pop-body{line-height:1.8}.s-pop .s-pop-main{position:relative;padding:.71em 1.42em;max-height:100%;background:#fff;border-radius:.1rem;box-sizing:border-box;transition:all .4s ease;overflow:auto;opacity:1}@media(max-width: 900px){.s-pop .s-pop-main{padding:.3rem 1.85em;min-width:calc(100% - 2.28em);max-width:calc(100% - 2.28em)}}@media(max-height: 400px){.s-pop .s-pop-main{padding:.71em}}.s-pop .s-pop-close{position:absolute;right:7.14em;top:7.14em;z-index:1;line-height:1;text-align:center;cursor:pointer}.s-pop .s-pop-close i{font-size:max(20px,.24rem);color:#a8a8a8;transition:all .4s ease}.s-pop .s-pop-close i:hover{color:#363636}.s-pop .s-pop-body{padding:0 .5rem;min-width:3rem;max-height:60vh;text-align:center;overflow:auto}@media(max-width: 900px){.s-pop .s-pop-body{padding:0;min-width:initial}}@media(max-height: 400px){.s-pop .s-pop-body{max-height:90vh}}.s-pop .s-pop-body canvas,.s-pop .s-pop-body .code-img{margin:.2rem auto}.s-pop .s-pop-body .form-item{text-align:left}.s-pop .link-url{color:#014bd2}.s-pop.s-pop-area .s-pop-body{text-align:left}.s-pop .s-pop-head{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;text-align:center;font-weight:700;font-size:.24rem}.s-pop .s-pop-head span{font-size:.18rem}.s-pop .s-pop-head span.gray{font-size:.13rem;font-weight:normal}.s-pop .s-pop-head .logo{width:1.58rem;padding:0;height:.3rem;background-size:contain;background-repeat:no-repeat;background-position:center center}@media(max-width: 900px){.s-pop .s-pop-head{margin-bottom:.3rem;font-size:var(--fontS-title);font-family:-apple-system,"PingFangHK-Medium","Noto Sans TC","Microsoft YaHei",Arial,sans-serif}}.s-pop-foot{display:flex;align-items:center;justify-content:center;margin-top:.5rem;text-align:center;gap:.15rem}.s-pop-foot .s-button{margin:0 .15rem;padding:.08rem .24rem;min-width:1.4rem;text-align:center}@media(max-width: 600px){.s-pop-foot .s-button{min-width:1rem;margin:0}}@media(max-width: 900px){.s-pop-foot{margin-top:.3rem}}.s-pop .main-menu{gap:.4rem;margin-bottom:.3rem}.s-pop.popup-receipt-preview .s-pop-head{margin-bottom:.2rem}.s-pop.popup-receipt-preview .s-pop-body{max-height:80vh;padding:0}.s-pop.popup-receipt-preview .s-pop-main{padding:.26rem .16rem}.s-pop.popup-receipt-preview .s-pop-main .receipt-box{max-width:100%}.s-pop.popup-receipt-preview .responsive-div{box-sizing:border-box;width:100% !important;padding:0 !important}.s-pop.popup-receipt-preview .receipt-box{padding:0 .2rem !important}.s-pop.popup-receipt-preview .receipt-logo img{width:2rem}@media(max-width: 900px){.s-pop.popup-receipt-preview .receipt-logo img{width:1.1rem}}.s-pop.popup-receipt-preview .s-pop-foot{margin-top:0}.s-pop.popup-receipt-preview .responsive-div{box-shadow:none !important}.s-pop.user-dialog .s-pop-body{display:flex;max-height:80vh}@media(max-width: 900px){.s-pop.user-dialog .s-pop-body{flex-direction:column;max-height:100vh}}@media(max-width: 900px)and (max-height: 600px){.s-pop.user-dialog .s-pop-body{flex-direction:column;max-height:unset}}.s-pop.user-dialog .s-pop-main{padding:0;max-width:100%;border-radius:.16rem}@media(max-width: 900px){.s-pop.user-dialog .s-pop-main{width:100% !important;height:100%;max-height:100%;border-radius:0}}.s-pop.user-dialog .user-panes .s-pop-foot{flex-direction:column;margin-top:.4rem}@media(max-width: 900px){.s-pop.user-dialog .s-pop-close{top:.2rem}}.s-pop.user-dialog .user-panes{padding:.5rem;width:3.6rem}@media(max-width: 900px){.s-pop.user-dialog .user-panes{position:relative;z-index:10;margin-top:-0.4rem;padding:.6rem .3rem;width:100%;min-height:calc(100vh - 1.7rem);background-color:#fff;box-shadow:0 0 .16rem rgba(0,0,0,.16);border-radius:.4rem .4rem 0 0;box-sizing:border-box}}.s-pop .hint-color{display:block;margin-bottom:.1rem;font-size:var(--fontS-min);text-align:left}.s-pop.s-popper-body .s-cascader-dropdown{padding:.3rem}.s-pop .pop-qrcode .hint-color{margin-bottom:0}.s-pop .btn-use-app,.s-pop .btn-use-qrcode{display:flex;align-items:center;justify-content:center;gap:.04rem;color:#0256ff;cursor:pointer}.s-pop .btn-use-app .icon,.s-pop .btn-use-qrcode .icon{color:#0256ff}.s-pop .box-btns{margin-top:.2rem}.s-pop .box-btns .icon{font-size:.18rem;line-height:.18rem}.s-pop .view-kami .pop-main-form p{text-align:left}.s-pop .view-kami .info-list{gap:.1rem;margin-bottom:.1rem;padding:.16rem;background-color:#f7f7f7;border-radius:.08rem}.s-pop .view-kami .info-list li{justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.1rem}.s-pop .view-kami .info-list li .icon-copy{margin-left:.1rem;cursor:pointer}.s-pop .pop-plain-text{margin-bottom:var(--main-spacing)}.s-pop .pop-plain-text span{color:#767676;font-size:var(--fontS-min)}.s-pop .giftpack-detail-text{text-align:left}.s-pop .pop-main-form{display:grid;gap:.16rem;text-align:left}.s-pop .pop-main-form .form-item{margin-bottom:0}.s-pop.pop-gameinfo .info-list{justify-content:flex-start}.s-pop.pop-gameinfo .form-item-head{color:#767676}.s-pop-code .s-input input{text-align:center}.s-cascader-dropdown{display:flex;max-height:3.4rem;overflow:auto}.s-cascader-dropdown ul{display:grid;gap:.16rem;min-width:.8rem;max-height:100%;overflow:auto;height:fit-content}.s-cascader-dropdown ul:not(:last-child){border-right:1px solid #ededed}.s-cascader-dropdown ul li{display:flex;align-items:center;gap:.1rem;padding:0 .16rem;cursor:pointer;white-space:nowrap}.s-cascader-dropdown ul li:hover{color:#ff2323}@media(max-width: 320px){.s-cascader-dropdown{max-height:2.4rem}}.bottom-select.bottom-pop .s-pop-head>*{align-items:center;text-transform:capitalize}.s-popper.wap .s-cascader-body{margin-top:.2rem}.use-igb-pop{font-size:var(--fontS-min)}.use-igb-pop .lr-layout{margin-bottom:.08rem}.use-igb-pop .lr-layout span{flex:1}.use-igb-pop .lr-layout .s-input{flex:1}.use-igb-pop .lr-layout .s-input input{padding:0 .1rem;background:none;border:none;border-radius:0}.use-igb-pop .lr-layout .s-input input:focus-visible{box-shadow:none}.use-igb-pop .to-use{padding:.16rem;box-sizing:border-box;border-radius:.08rem;background-color:#f5f5f5}.use-igb-pop .use-info .gray{margin-left:.02rem}.use-igb-pop .s-input-prepend{display:flex;align-items:center}.use-igb-pop .s-pop-foot{margin-top:.3rem}.use-igb-pop .s-button{flex:1;column-gap:.2rem;padding:0;margin:0;height:.48rem;line-height:.48rem;border-radius:.12rem}.use-igb-pop .s-button.s-button-ban{color:#363636}@media(max-width: 720px){.chat-icon .icon{font-size:.36rem !important}}footer{position:relative;width:100%;font-family:"Noto Serif SC",serif;color:#fff;background:#000;padding:1.42em max(2.85em,50vw - 650px);box-sizing:border-box}.footer-con{display:flex;align-items:center;justify-content:space-between}footer .fl{display:flex;align-items:center;height:100%}footer .fl img{width:8.21em}footer .fl span{margin-left:.71em}footer .fr{height:100%;display:flex;align-items:center}footer .fr img{width:3.14em;height:auto;margin-right:.42em}@media(max-width: 900px){footer{padding:2.14em}footer .footer-con{display:flex;flex-direction:column;align-items:center}footer .fl{flex-direction:column;margin-bottom:1.42em}footer .fl span{margin-left:0rem;text-align:center}}a{cursor:pointer}.flex-item{display:flex;align-items:center}.s-pop .s-pop-body{font-weight:bold}.s-pop .s-pop-main{color:#1b1a1a;background:#fff;padding:1em 2em}@media(max-width: 900px){.s-pop .s-pop-main{padding:1em 1em}}.scrollbar::-webkit-scrollbar-thumb{background-color:#638846;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}.s-pop .pop-main{position:relative;z-index:1;box-sizing:border-box;background:url("../images/reserve/pop-main-c.webp") repeat-y center;background-size:100% 100%;position:relative;--width: 53.571em;width:var(--width)}.s-pop .pop-main::after,.s-pop .pop-main::before{content:"";position:absolute;z-index:1;display:block;width:var(--width);background-size:100% 100%;background-repeat:no-repeat}.s-pop .pop-main::after{bottom:-5em;background-image:url(../images/reserve/pop-main-b.webp)}@supports(aspect-ratio: 1){.s-pop .pop-main::after{aspect-ratio:750/118}}@supports not (aspect-ratio: 1){.s-pop .pop-main::after{width:var(--width);height:calc(var(--width)*118/750)}}.s-pop .pop-main::before{top:-5em;background-image:url(../images/reserve/pop-main-t.webp)}@supports(aspect-ratio: 1){.s-pop .pop-main::before{aspect-ratio:750/70}}@supports not (aspect-ratio: 1){.s-pop .pop-main::before{width:var(--width);height:calc(var(--width)*70/750)}}@media(max-width: 900px){.s-pop .pop-main{width:51.071em;height:auto}}.s-pop h3{margin:0 auto 2em;--height: 2.5em;height:var(--height);line-height:var(--height)}@supports(aspect-ratio: 1){.s-pop h3{aspect-ratio:206/35}}@supports not (aspect-ratio: 1){.s-pop h3{height:var(--height);width:calc(var(--height)*206/35)}}.s-pop h3{background-size:contain;background-repeat:no-repeat;background-position:center}.s-pop h3 span{display:none}.s-pop .close-btn{position:absolute;right:-3.571em;top:-3em;cursor:pointer;--width: 3.071em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop .close-btn{aspect-ratio:53/50}}@supports not (aspect-ratio: 1){.s-pop .close-btn{width:var(--width);height:calc(var(--width)*50/53)}}.s-pop .close-btn{background:url("../images/reserve2/close-btn.png") no-repeat center;background-size:contain}@media(max-width: 900px){.s-pop .pop-main{--width: 27em}.s-pop .pop-main::after{bottom:-2.5em}.s-pop .pop-main::before{top:-2.5em}.s-pop h3{--height: 1.6em}.s-pop .close-btn{--width: 2.2em;right:0;top:-4.571em}}.s-pop-pre .pop-main{background:initial;border:initial;border-radius:initial;box-shadow:initial;box-sizing:border-box;display:flex;position:relative;flex-direction:row;align-items:flex-end;justify-content:flex-start;padding:0em 0 3em 3.1em;--width: 93.428em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-pre .pop-main{aspect-ratio:1282/708}}@supports not (aspect-ratio: 1){.s-pop-pre .pop-main{width:var(--width);height:calc(var(--width)*708/1282)}}.s-pop-pre .pop-main{background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../images/reserve/s-pop-pre.webp)}.s-pop-pre .pop-main .dow{display:flex}.s-pop-pre .pop-main .dow a{--width: 19em}.s-pop-pre .pop-main strong{display:none}.s-pop-pre .pop-main::after{display:none}.s-pop-pre .pop-main::before{display:block;content:"";--width: 41.285em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-pre .pop-main::before{aspect-ratio:578/217}}@supports not (aspect-ratio: 1){.s-pop-pre .pop-main::before{width:var(--width);height:calc(var(--width)*217/578)}}.s-pop-pre .pop-main::before{background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../images/reserve/s-pre-title.webp);z-index:0;position:absolute;top:.286em;left:7.286em}.s-pop-pre .pop-main::after{display:none}.s-pop-pre .pop-main .pre-award{display:grid;justify-items:center;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, auto);padding-left:1em}.s-pop-pre .pop-main .pre-award li{margin:0em;--height: 15.714em;height:var(--height);line-height:var(--height)}@supports(aspect-ratio: 1){.s-pop-pre .pop-main .pre-award li{aspect-ratio:248/234}}@supports not (aspect-ratio: 1){.s-pop-pre .pop-main .pre-award li{height:var(--height);width:calc(var(--height)*248/234)}}.s-pop-pre .pop-main .pre-award li{background-size:contain;background-repeat:no-repeat;background-position:center}.s-pop-pre .pop-main .pre-award li:nth-child(1){background-image:url(../images/reserve/pre-award-1.png)}.s-pop-pre .pop-main .pre-award li:nth-child(2){background-image:url(../images/reserve/pre-award-2.png)}.s-pop-pre .pop-main .pre-award li:nth-child(3){background-image:url(../images/reserve/pre-award-3.png)}.s-pop-pre .pop-main .pre-award li:nth-child(4){background-image:url(../images/reserve/pre-award-4.png)}.s-pop-pre .pop-main .go-pre{display:block;--width: 30em;width:var(--width);position:absolute;bottom:-7.4em;left:calc(50% - 6em);transform:translateX(-50%);background-size:contain;background-repeat:no-repeat;background-position:center}@supports(aspect-ratio: 1){.s-pop-pre .pop-main .go-pre{aspect-ratio:567/128}}@supports not (aspect-ratio: 1){.s-pop-pre .pop-main .go-pre{width:var(--width);height:calc(var(--width)*128/567)}}.s-pop-pre .pop-main .go-pre{background-image:url(../images/reserve/pre-btn-reg.png)}.s-pop-pre .pop-main .go-pre::after{display:block;content:"";position:absolute;bottom:-1.2em;right:-1.4em;--width: 5.857em;width:var(--width);background-size:contain;background-repeat:no-repeat;background-position:center}@supports(aspect-ratio: 1){.s-pop-pre .pop-main .go-pre::after{aspect-ratio:82/79}}@supports not (aspect-ratio: 1){.s-pop-pre .pop-main .go-pre::after{width:var(--width);height:calc(var(--width)*79/82)}}.s-pop-pre .pop-main .go-pre::after{background-image:url(../images/reserve/finger.png);animation:press .5s linear infinite}@keyframes press{0%{transform:scale(1)}50%{transform:scale(0.9) translateY(10px)}100%{transform:scale(1)}}.s-pop-pre .pop-main .close-btn{right:2.4em;top:7em}@media(max-width: 900px){.s-pop-pre .pop-main{padding:0em 0 2em;--width: 26.785em}@supports(aspect-ratio: 1){.s-pop-pre .pop-main{aspect-ratio:750/974}}@supports not (aspect-ratio: 1){.s-pop-pre .pop-main{width:var(--width);height:calc(var(--width)*974/750)}}.s-pop-pre .pop-main{margin-left:0em;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0em 0 1.6em;background-image:url(../images/reserve/s-pop-pre-m.webp)}.s-pop-pre .pop-main .dow{order:1}.s-pop-pre .pop-main .dow a{--width: 11em}.s-pop-pre .pop-main::before{--width: 24em;top:14em;right:0;left:0;margin:auto}.s-pop-pre .pop-main .pre-award{display:flex;margin-bottom:1em;padding-left:0}.s-pop-pre .pop-main .pre-award li{--height: 5.6em;margin:0}.s-pop-pre .pop-main .pre-award li:nth-child(1){margin-right:.2em}.s-pop-pre .pop-main .go-pre{--width: 14em;bottom:-4em;left:50%}.s-pop-pre .pop-main .go-pre::after{bottom:-0.6em;right:-0.7em;--width: 3em}.s-pop-pre .pop-main .pre-box{width:39.285em;padding:0}.s-pop-pre .pop-main .pre-box .pre-form{text-shadow:0px 0px 2px #fffcf5,0px 0px 2px #fffcf5}.s-pop-pre .pop-main .pre-box .clause{justify-content:center}.s-pop-pre .pop-main .pre-box .sle-model{margin-bottom:1.428em}.s-pop-pre .pop-main .close-btn{right:.4em;top:5em}}.pre-box{width:100%;padding:0 2.142em;position:relative;z-index:10;align-items:center;box-sizing:border-box}.pre-box .pre-form{width:100%}.pre-box .clause{display:flex;align-items:center;cursor:pointer;font-size:clamp(14px,.83vw,20px)}.pre-box .clause span{width:2.125em;height:1.875em;margin-right:1em;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../images/reserve/opt-act.png)}.pre-box .clause span.act{background-image:url(../images/reserve/opt.png)}.pre-box .sle-model{display:flex;align-items:center;justify-content:center;height:2.571em;font-weight:bold;font-size:clamp(14px,.83vw,20px)}.pre-box .sle-model ul li{display:flex;align-items:center}.pre-box .sle-model ul li span{text-align:center;width:1.071em;height:1.071em;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../images/reserve/opt.png);box-sizing:border-box;display:flex;justify-content:center;align-items:center;margin:0 .1em 0 1.428em}.pre-box .sle-model ul li span a{display:block;width:7.142em;height:2.857em;line-height:2.857em;text-align:center;color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../images/xhja-reservation/a-record.png);margin:auto}.pre-box .sle-model ul li span a.a-copy{background-image:url(../images/xhja-reservation/a-copy.png)}.pre-box .sle-model ul li.act span{background-image:url(../images/reserve/opt-act.png)}.pre-box .reg{display:grid;background:#1b1b1b;border:1px solid #c7e5f3;border-radius:6px;padding:1em 1.428em;grid-template-columns:3em 3em 1fr;color:#fff;margin:0 0 1em}.pre-box .reg.reg-pwd{grid-template-columns:8.571em 1fr}.pre-box .reg.reg-ver{grid-template-columns:1fr 9.285em}.pre-box .reg.reg-pwd,.pre-box .reg.reg-c-pwd{grid-template-columns:9.285em 1fr}.pre-box .reg.reg-pwd span,.pre-box .reg.reg-c-pwd span{text-align-last:justify;margin-right:2.142em}.pre-box .reg .area span::after{display:none}.pre-box .reg input{background:none;color:#dc4672}.pre-box .reg .ares-list{display:none;color:#000}.pre-box .btn{padding:.06em .714em;margin:auto;text-align:center;line-height:.72em;font-weight:bold;letter-spacing:2px}.pre-box .btn.act{animation:inherit;-webkit-animation:inherit;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}@media(max-width: 900px){.pre-box{padding:0 1em}.pre-box .clause{font-size:clamp(10px,3.2vw,24px)}.pre-box .clause span{width:1.416em;height:1.25em}.pre-box .sle-model ul{margin:auto}.pre-box .sle-model ul li span{width:1.2em;height:1.2em}}.s-pop-pwd .pop-main{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:2.857em 1.6em;position:relative}.s-pop-pwd .pre-box .reg{background:rgba(148,148,148,.3803921569);border:1px solid #a9a9a9}.s-pop-record h3{background-image:url(../images/reserve/pop-record.png)}.s-pop-record .pop-main{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;padding:0em 3em;position:relative}.s-pop-record .pop-main .pre-box{padding:0}.s-pop-record .pop-main ul{height:35.714em;overflow:auto;width:100%;color:#ff4b5c}.s-pop-record .pop-main ul li{display:grid;grid-template-columns:10em 1fr 1fr;background:#ffd5e8;border-bottom:1px solid #fff}.s-pop-record .pop-main ul li .a-address,.s-pop-record .pop-main ul li .a-copy{--width: 7.857em;width:var(--width);color:hsla(0,0%,100%,0) !important;overflow:hidden !important;text-indent:-9999px;white-space:nowrap}@supports(aspect-ratio: 1){.s-pop-record .pop-main ul li .a-address,.s-pop-record .pop-main ul li .a-copy{aspect-ratio:110/40}}@supports not (aspect-ratio: 1){.s-pop-record .pop-main ul li .a-address,.s-pop-record .pop-main ul li .a-copy{width:var(--width);height:calc(var(--width)*40/110)}}.s-pop-record .pop-main ul li .a-address,.s-pop-record .pop-main ul li .a-copy{background-size:contain;background-repeat:no-repeat;background-position:center}.s-pop-record .pop-main ul li .a-copy{background-image:url(../images/reserve/copy.png)}.s-pop-record .pop-main ul li .a-address{background-image:url(../images/reserve/a-address.png)}.s-pop-record .pop-main ul li:nth-child(2n){background:#fde2ee}.s-pop-record .pop-main ul li:not(:first-child){border-bottom:1px solid #fff;padding:.4em .714em}.s-pop-record .pop-main ul li:nth-child(1){border-top:1px solid #ff6977;background:#ff6977;color:#fff;font-weight:bold;position:sticky;top:0;z-index:10;padding:1em .714em}.s-pop-record .pop-main ul li:nth-child(1) div{display:block;text-align:center}.s-pop-record .pop-main ul li div{display:flex;justify-content:center;align-items:center;position:relative}.s-pop-record .pop-main ul li div:last-child{justify-content:space-between}.s-pop-record .pop-main ul li div:first-child{cursor:pointer}.s-pop-record .pop-main ul li div:first-child:hover p{display:block}@media(max-width: 900px){.s-pop-record .pop-main{padding:0em 1em}.s-pop-record .pop-main ul{height:20em}.s-pop-record .pop-main ul li{display:flex;align-items:flex-start;flex-wrap:wrap;padding:.714em .24rem .714em 1.428em}.s-pop-record .pop-main ul li .a-copy,.s-pop-record .pop-main ul li .a-address{--width: 4em}.s-pop-record .pop-main ul li div:first-child{flex:1;text-align:left;justify-content:flex-start}.s-pop-record .pop-main ul li div:last-child{flex:1.1;text-align:left}.s-pop-record .pop-main ul li:not(:first-child) div:nth-child(2){order:1;width:100%;display:block}.s-pop-record .pop-main ul li:nth-child(1) div:nth-child(2){display:none}}.s-pop-share h3{background-image:url(../images/reserve/pop-share.png)}.s-pop-share .pop-main{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;position:relative}.s-pop-share .pop-main .pre-box{display:flex;flex-direction:column}.s-pop-share .pop-main input{background:#fff;border:1px solid #dc4672;padding:.7em .857em;width:80%;border-radius:8px;margin:2.142em auto;box-sizing:border-box}.s-pop-share .pop-main .share-list{display:flex;margin-top:1.428em}.s-pop-share .pop-main .share-list a{animation:inherit;-webkit-animation:inherit;--width: 16.428em;width:var(--width);color:hsla(0,0%,100%,0) !important;overflow:hidden !important;text-indent:-9999px;white-space:nowrap}@supports(aspect-ratio: 1){.s-pop-share .pop-main .share-list a{aspect-ratio:230/60}}@supports not (aspect-ratio: 1){.s-pop-share .pop-main .share-list a{width:var(--width);height:calc(var(--width)*60/230)}}.s-pop-share .pop-main .share-list a{background-size:contain;background-repeat:no-repeat;background-position:center}.s-pop-share .pop-main .share-list a.share-copy{background-image:url(../images/reserve/share-copy.png);margin-right:1.428em}.s-pop-share .pop-main .share-list a.share-go{background-image:url(../images/reserve/share-go.png)}@media(max-width: 900px){.s-pop-share .pop-main .pre-box{padding:0 1em}.s-pop-share .pop-main input{width:100%}.s-pop-share .pop-main .share-list .btn{--width: 8em}}.s-pop-result .pop-main{position:relative;display:flex;align-items:flex-end;justify-content:center;border:initial;background:initial;box-shadow:initial;background-clip:padding-box,border-box;background-origin:padding-box,border-box;width:var(--width);background-size:contain;background-repeat:no-repeat;background-position:center;--width: 62.285em}@supports(aspect-ratio: 1){.s-pop-result .pop-main{aspect-ratio:872/610}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main{width:var(--width);height:calc(var(--width)*610/872)}}.s-pop-result .pop-main{background-image:url(../images/reserve/s-pop-result.webp)}.s-pop-result .pop-main .result-award li{position:absolute;width:var(--width);background-size:contain;background-repeat:no-repeat;background-position:center}.s-pop-result .pop-main .result-award li:nth-child(1){right:15em;top:-1em;--width: 10.428em}@supports(aspect-ratio: 1){.s-pop-result .pop-main .result-award li:nth-child(1){aspect-ratio:146/143}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main .result-award li:nth-child(1){width:var(--width);height:calc(var(--width)*143/146)}}.s-pop-result .pop-main .result-award li:nth-child(1){background-image:url(../images/reserve/result-award1.png)}.s-pop-result .pop-main .result-award li:nth-child(2){left:0em;top:17em;--width: 10.285em}@supports(aspect-ratio: 1){.s-pop-result .pop-main .result-award li:nth-child(2){aspect-ratio:158/148}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main .result-award li:nth-child(2){width:var(--width);height:calc(var(--width)*148/158)}}.s-pop-result .pop-main .result-award li:nth-child(2){background-image:url(../images/reserve/result-award2.png)}.s-pop-result .pop-main .result-award li:nth-child(3){right:9em;top:14em;--width: 10.928em}@supports(aspect-ratio: 1){.s-pop-result .pop-main .result-award li:nth-child(3){aspect-ratio:153/153}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main .result-award li:nth-child(3){width:var(--width);height:calc(var(--width)*153/153)}}.s-pop-result .pop-main .result-award li:nth-child(3){background-image:url(../images/reserve/result-award3.png)}.s-pop-result .pop-main .result-award li:nth-child(4){left:1em;top:3em;--width: 11.928em}@supports(aspect-ratio: 1){.s-pop-result .pop-main .result-award li:nth-child(4){aspect-ratio:195/180}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main .result-award li:nth-child(4){width:var(--width);height:calc(var(--width)*180/195)}}.s-pop-result .pop-main .result-award li:nth-child(4){background-image:url(../images/reserve/result-award4.png)}.s-pop-result .pop-main .pre-box{padding-left:5em}.s-pop-result .pop-main .r-img{margin-bottom:1.5em;--width: 37.6em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-result .pop-main .r-img{aspect-ratio:726/253}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main .r-img{width:var(--width);height:calc(var(--width)*253/726)}}.s-pop-result .pop-main .r-img{background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../images/reserve/r-img.png)}.s-pop-result .pop-main .r-num{font-size:max(16px,.16rem);border:1px solid #667b25;width:100%;border-radius:10px;display:flex;align-items:center;color:#667b25;overflow:hidden;padding:.714em;margin:1.428em 0;position:relative;background:rgba(255,245,245,.5882352941)}.s-pop-result .pop-main .r-num i{color:#667b25}.s-pop-result .pop-main .r-num span{cursor:pointer;background:#667b25;color:#fff;padding:.714em 1.428em;position:absolute;right:0}.s-pop-result .pop-main .dow{display:flex}.s-pop-result .pop-main .dow a{--width: 19em;animation:popStorePulse .5s ease-in-out infinite}.s-pop-result .pop-main::after,.s-pop-result .pop-main::before,.s-pop-result .pop-main.t-flower,.s-pop-result .pop-main.p-flower{display:none}.s-pop-result .close-btn{right:2.429em;top:1em}@media(max-width: 900px){.s-pop-result .pop-main{--width: 26.785em}@supports(aspect-ratio: 1){.s-pop-result .pop-main{aspect-ratio:750/720}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main{width:var(--width);height:calc(var(--width)*720/750)}}.s-pop-result .pop-main{background-image:url(../images/reserve/s-pop-result-m.webp)}.s-pop-result .pop-main .result-award li:nth-child(1){right:3.5em;top:1em;--width: 5.5em}.s-pop-result .pop-main .result-award li:nth-child(2){left:0em;top:9em;--width: 6.5em}.s-pop-result .pop-main .result-award li:nth-child(3){right:1em;top:9em;--width: 6em}.s-pop-result .pop-main .result-award li:nth-child(4){left:1em;top:2em;--width: 6em}.s-pop-result .pop-main .pre-box{padding-left:0}.s-pop-result .pop-main .r-img{margin-bottom:0em;--width: 25em;max-width:100%}.s-pop-result .pop-main .r-num{font-size:max(12px,.12rem);border-radius:6px;width:auto;padding:1.428em 1.428em .7rem;background:rgba(255,252,245,.5294117647)}.s-pop-result .pop-main .r-num span{right:0;left:0;bottom:0;text-align:center}.s-pop-result .pop-main .dow{justify-content:center}.s-pop-result .pop-main .dow a{--width: 11em}.s-pop-result .pop-main .close-btn{right:1em;top:1.571em}}@supports(aspect-ratio: 1){.s-pop-rule h3{aspect-ratio:276/34}}@supports not (aspect-ratio: 1){.s-pop-rule h3{height:var(--height);width:calc(var(--height)*276/34)}}.s-pop-rule h3{background-image:url(../images/reserve/pop-rule.png)}.s-pop-rule .pop-main{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;position:relative}.s-pop-rule .pop-main .pre-box div{font-size:clamp(14px,.94vw,22px);max-height:35.714em;overflow-y:auto;width:100%;color:#dc4672;line-height:1.8}.s-pop-rule .pop-main .pre-box div a{color:#e01212;text-decoration:underline}@supports(aspect-ratio: 1){.s-pop-address h3{aspect-ratio:340/44}}@supports not (aspect-ratio: 1){.s-pop-address h3{height:var(--height);width:calc(var(--height)*340/44)}}.s-pop-address h3{background-image:url(../images/reserve/pop-address.png)}.s-pop-address .pop-main{color:#dc4672}.s-pop-address .pop-main .reg-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:.857em;width:100%}.s-pop-address .pop-main .reg-item .reg-item-title{width:10em}.s-pop-address .pop-main .reg-item .reg-item-input{border:1px solid #dc4672;width:100%;padding:.714em;border-radius:6px;margin-bottom:.857em}.s-pop-address .pop-main .reg-item .reg-item-input input{width:100%;background:none;color:#dc4672}.s-pop-address .pop-main .reg-item .reg-item-input.reg-item-verify{display:flex;position:relative}.s-pop-address .pop-main .reg-item .reg-item-input.reg-item-verify i{width:8.571em;background:#dc4672;color:#fff;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;border-radius:0px 6px 6px 0px}.s-pop-address .pop-main .reg-item .reg-item-input.reg-item-verify i.disabled{background:rgba(148,148,148,.3803921569)}.s-pop-address .pop-main .reg-item .reg-item-input.reg-item-reg{display:flex}.s-pop-address .pop-main .reg-item .reg-item-down{width:50%;cursor:pointer;position:relative}.s-pop-address .pop-main .reg-item .reg-item-down i{display:block;width:100%}.s-pop-address .pop-main .reg-item .reg-item-down ul{width:100%;position:absolute;top:2.142em;background:#fff;border:1px solid #dc4672;line-height:2.857em;max-height:20em;overflow-y:auto}.s-pop-address .pop-main .reg-item .reg-item-down ul li:hover{background:#fffaf6}.s-pop-address .pop-main .reg-item-agree{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;font-size:clamp(12px,.73vw,20px);margin-bottom:.857em}.s-pop-address .pop-main .reg-item-agree i{width:1.071em;height:1.071em;margin-right:.428em;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../images/reserve/opt-act.png)}.s-pop-address .pop-main .reg-item-agree i.act{background-image:url(../images/reserve/opt.png)}.s-pop-address .pop-main .reg-item-but{display:block;margin:auto;--width: 16.428em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-address .pop-main .reg-item-but{aspect-ratio:230/60}}@supports not (aspect-ratio: 1){.s-pop-address .pop-main .reg-item-but{width:var(--width);height:calc(var(--width)*60/230)}}.s-pop-address .pop-main .reg-item-but{background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../images/reserve/site-preview.png)}.s-pop-address .pop-main .pre-box .reg{background:initial;border:1px solid #dc4672;width:100%;padding:.714em;color:#dc4672}@media(max-width: 900px){.s-pop-address .pop-main .reg-item .reg-item-title{width:8em}.s-pop-address .pop-main .reg-item .reg-item-input{padding:.4em;margin-bottom:0em}.s-pop-address .pop-main .reg-item .reg-item-input.reg-item-verify i{width:7em}.s-pop-address .pop-main .reg-item .reg-item-down ul{top:1.9em;box-sizing:border-box}.s-pop-address .pop-main .reg-item-but{--width: 8em}.s-pop-address .pop-main .pre-box .reg{padding:.4em}.s-pop-address .pop-main .reg-item-agree i{flex-shrink:0}}.s-pop-site h3{--height: 6em}@supports(aspect-ratio: 1){.s-pop-site h3{aspect-ratio:627/94}}@supports not (aspect-ratio: 1){.s-pop-site h3{height:var(--height);width:calc(var(--height)*627/94)}}.s-pop-site h3{background-image:url(../images/reserve/pop-site.png)}.s-pop-site .pop-main{color:#dc4672}.s-pop-site .pop-main .site-info{background:#fbf5ec;border-radius:10px;width:100%;padding:2.142em 1.428em;margin-bottom:1.428em;box-sizing:border-box}.s-pop-site .pop-main .site-info .pre-box{padding:0}.s-pop-site .pop-main .reg-item{display:flex;align-items:center;justify-content:space-between;width:100%}.s-pop-site .pop-main .reg-item:not(:first-child){margin-top:.857em}.s-pop-site .pop-main .reg-item .reg-item-title{width:10em}.s-pop-site .pop-main .reg-item .reg-item-input{width:100%;padding:.714em;border-radius:6px}.s-pop-site .pop-main .share-list{display:flex;margin-top:1.428em}.s-pop-site .pop-main .share-list a{animation:inherit;-webkit-animation:inherit;--width: 16.428em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-site .pop-main .share-list a{aspect-ratio:230/60}}@supports not (aspect-ratio: 1){.s-pop-site .pop-main .share-list a{width:var(--width);height:calc(var(--width)*60/230)}}.s-pop-site .pop-main .share-list a{background-size:contain;background-repeat:no-repeat;background-position:center}.s-pop-site .pop-main .share-list a.site-return{background-image:url(../images/reserve/site-submit.png);margin-right:1.428em}.s-pop-site .pop-main .share-list a.site-submit{background-image:url(../images/reserve/site-return.png)}.s-pop-site .pop-main .hint-green{color:#dc4672}.s-pop-site .pop-main .hint-red{color:#985ad7}@media(max-width: 900px){.s-pop-site h3{--height: 3.4em;margin:0 auto 1em}.s-pop-site .pop-main .site-info{padding:1em;margin-bottom:.4em}.s-pop-site .pop-main .reg-item:not(:first-child){margin-top:.4em}.s-pop-site .pop-main .reg-item .reg-item-title{width:11.428em}.s-pop-site .pop-main .reg-item .reg-item-input{padding:.4em}.s-pop-site .pop-main .share-list{margin-top:1em}.s-pop-site .pop-main .share-list a{--width: 8em}}.s-pop-draw h3{background-image:url(../images/reserve/pop-draw.png)}.s-pop-draw .pop-main .pre-box{display:flex;flex-direction:column}.s-pop-draw .pop-main .draw-con{font-size:clamp(16px,1.04vw,24px);color:#ee4c42}.s-pop-draw .pop-main .draw-img{margin:1.428em auto}.s-pop-draw .pop-main .draw-img img{max-width:100%}.s-pop-draw .pop-main .but-confirm{display:block;--width: 16.428em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-draw .pop-main .but-confirm{aspect-ratio:230/60}}@supports not (aspect-ratio: 1){.s-pop-draw .pop-main .but-confirm{width:var(--width);height:calc(var(--width)*60/230)}}.s-pop-draw .pop-main .but-confirm{background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../images/reserve/but-confirm.png);margin:2em auto 0}@media(max-width: 900px){.s-pop-draw .pop-main .draw-con{font-size:clamp(14px,4.27vw,32px)}.s-pop-draw .pop-main .but-confirm{--width: 8em;margin:0 auto}}.pop-login .pop-main .form-item{display:flex;align-items:center;justify-content:center;margin:0 0 1em}.pop-login .pop-main .form-item input{background:none;color:#647325;width:100%}.pop-login .pop-main .form-item .form-item-head{margin-right:.857em;color:#6a7e23}.pop-login .pop-main .form-item .form-item-body{background:#e4f5cd;border:1px solid #647325;color:#647325;padding:.09rem .857em;box-shadow:0 0 7px 2px #8fbd49 inset;border-radius:6px;width:calc(100% - 10em)}.pop-login .pop-main .login-btn-box{width:3.41rem;height:.8rem;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../images/hjpx-message/login-btn-box.png);font-size:0;background-color:initial;margin:1em auto 0}.pop-login .pop-main .login-btn-box .s-button{width:100%;height:100%}.pop-login .pop-main .login-partners{display:flex;justify-content:center;align-items:center;margin-top:2.857em}.pop-login .pop-main .login-partners h3{font-size:.16rem;display:block;margin:0;font-weight:initial;color:#999}.pop-login .pop-main .login-partners ul{display:flex;justify-content:center;align-items:center}.pop-login .pop-main .login-partners ul li{width:3.571em;height:3.571em;background-color:#000;margin-left:.714em}.pop-login .pop-main .login-partners ul li div{font-size:0;width:100%;height:100%}.s-site-list .pop-main .pre-box{padding:0}.s-site-list .pop-main .pre-box .site-new{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #6a7e23;padding-bottom:1em;margin-bottom:1em}.s-site-list .pop-main .pre-box .site-new span{color:#6a7e23}.s-site-list .pop-main .pre-box .site-new a{display:block;width:.87rem;height:.32rem;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../images/message/showexamine.png)}.s-site-list .pop-main .pre-box ul{width:100%;max-height:3.6rem;overflow-y:auto;padding-right:.714em}.s-site-list .pop-main .pre-box ul li{display:flex;justify-content:space-between;padding-bottom:.714em}.s-site-list .pop-main .pre-box ul li:first-child{position:sticky;top:0;background:#fffcf5}.s-site-list .pop-main .pre-box ul li strong{color:#333;font-weight:bold}.s-site-list .pop-main .pre-box ul li span{color:#666}@keyframes scaleDraw{0%{transform:scale(0.95)}25%{transform:scale(1)}50%{transform:scale(0.95)}75%{transform:scale(1)}100%{transform:scale(0.95)}}@keyframes moveLeftRight{0%{transform:translateX(0)}50%{transform:translateX(12px)}100%{transform:translateX(0)}}@keyframes animate-lightzoom1{0%{transform:scale(0.5);opacity:1}75%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}@keyframes animate-wipes{from{left:-50%}to{left:100%}}@keyframes scaleDraw{0%{transform:scale(0.95)}25%{transform:scale(1)}50%{transform:scale(0.95)}75%{transform:scale(1)}100%{transform:scale(0.95)}}@keyframes popStorePulse{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0em #fff) drop-shadow(0 0 0.2em #fff)}50%{transform:translateY(-0.14em) scale(1.025);filter:drop-shadow(0 0 0.2em #fff) drop-shadow(0 0 0.4em #fff)}}[v-cloak]{display:none}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;font-family:"Noto Sans HK","Microsoft JhengHei",sans-serif;font-weight:400;font-size:clamp(12px,.73vw,20px);color:#7b5362;background:#f9e6ee}@media(max-width: 900px){body{font-size:clamp(12px,3.73vw,28px)}}body.page{position:relative;min-height:100vh;background:#f9e6ee}body.page::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url(../images/official/page.webp) center top/cover no-repeat}body.page #app{position:relative;z-index:1}body.s-lock-scroll{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.pc-hide{display:none !important}.section{position:relative;background-position:center top;background-repeat:no-repeat;background-size:cover;box-sizing:border-box}.section-title{margin:0 auto;--width: 31.857em;width:var(--width)}@supports(aspect-ratio: 1){.section-title{aspect-ratio:446/163}}@supports not (aspect-ratio: 1){.section-title{width:var(--width);height:calc(var(--width)*163/446)}}.official-page{position:relative;overflow:hidden;min-height:100vh}.site-header{position:fixed;top:0;left:0;z-index:90;width:100%;background:rgba(255,229,239,.76);backdrop-filter:blur(0.35em);box-shadow:0 .2em 1em rgba(217,153,180,.2)}.header-inner{display:flex;align-items:center;justify-content:flex-end;gap:2em;margin:0 auto;padding:1.88em max(1.4em,50vw - 50em)}.site-logo{position:absolute;left:max(1.4em,50vw - 50em);top:1em;display:block;flex:0 0 auto;--width: 31.642em;width:var(--width)}@supports(aspect-ratio: 1){.site-logo{aspect-ratio:443/120}}@supports not (aspect-ratio: 1){.site-logo{width:var(--width);height:calc(var(--width)*120/443)}}.site-logo{background:url("../images/official/logo.webp") no-repeat center;background-size:contain;transform-origin:left top;transition:transform .28s ease;will-change:transform}.site-header.is-scrolled .site-logo{transform:translateY(-0.5em) scale(0.82)}.nav-wrap{display:flex;align-items:center;gap:2.1em;color:#f16d97;font-weight:700}.nav-wrap a:not(.topup-btn){position:relative;white-space:nowrap;transition:color .25s ease,transform .25s ease}.nav-wrap a:not(.topup-btn):hover{color:#ff7ca5;transform:translateY(-0.08em)}.topup-btn{display:block;flex:0 0 auto;--width: 10.714em;width:var(--width)}@supports(aspect-ratio: 1){.topup-btn{aspect-ratio:190/60}}@supports not (aspect-ratio: 1){.topup-btn{width:var(--width);height:calc(var(--width)*60/190)}}.topup-btn{background:url("../images/official/topup.webp") no-repeat center;background-size:contain;overflow:hidden;text-indent:-9999px;white-space:nowrap}.menu-btn{display:none;position:relative;padding:0;width:2.6em;height:2.1em;border:0;background:rgba(0,0,0,0);cursor:pointer}.menu-btn span{display:block;margin-left:auto;width:100%;height:.2em;border-radius:99em;background:#f3779e;transition:opacity .25s ease,transform .25s ease,width .25s ease,background .25s ease}.menu-btn span:nth-child(2){margin:.4em 0 .4em auto;width:75%}.menu-btn span:nth-child(3){width:86%}.page-main{position:relative}.kv{display:flex;align-items:flex-end;height:77.142em;background-image:url(../images/official/kv.webp)}.kv-inner{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 auto 10em;box-sizing:border-box}.kv-slogan{--width: 45.571em;width:var(--width)}@supports(aspect-ratio: 1){.kv-slogan{aspect-ratio:638/226}}@supports not (aspect-ratio: 1){.kv-slogan{width:var(--width);height:calc(var(--width)*226/638)}}.kv-slogan{background:url("../images/official/slogan.webp") no-repeat center;background-size:contain}.kv-slogan-wrap{position:relative}.kv-video-btn{position:absolute;right:2em;top:30%;z-index:5;padding:0;border:0;background-color:rgba(0,0,0,0);cursor:pointer;--width: 5.8em;width:var(--width)}@supports(aspect-ratio: 1){.kv-video-btn{aspect-ratio:1/1}}@supports not (aspect-ratio: 1){.kv-video-btn{width:var(--width);height:calc(var(--width)*1/1)}}.kv-video-btn{background:url("../images/official/video.webp") no-repeat center;background-size:contain;transform:translateY(-50%);animation:kvVideoRotate 5s linear infinite;transform-origin:center;filter:drop-shadow(0 0.35em 0.45em rgba(228, 95, 135, 0.32))}.kv-video-btn:hover{animation-play-state:running;filter:drop-shadow(0 0.45em 0.65em rgba(228, 95, 135, 0.48))}.video-pop{position:fixed;inset:0;z-index:180;display:flex;align-items:center;justify-content:center;padding:2em;box-sizing:border-box;background:rgba(81,31,52,.62)}.video-pop-main{position:relative;width:min(72em,92vw);background:#fff5fa;border:.16em solid rgba(255,166,198,.9);border-radius:.85em;box-shadow:0 1em 3em rgba(114,37,70,.28)}.video-pop-main iframe{display:block;width:100%;aspect-ratio:16/9;border-radius:.7em}.video-pop-close{position:absolute;right:-1.35em;top:-1.35em;z-index:2;padding:0;width:2.7em;height:2.7em;border:.12em solid hsla(0,0%,100%,.9);border-radius:50%;background:#e64779;cursor:pointer;box-shadow:0 .35em .8em rgba(114,37,70,.26)}.video-pop-close::before,.video-pop-close::after{content:"";position:absolute;left:50%;top:50%;width:1.25em;height:.16em;border-radius:99em;background:#fff}.video-pop-close::before{transform:translate(-50%, -50%) rotate(45deg)}.video-pop-close::after{transform:translate(-50%, -50%) rotate(-45deg)}@keyframes kvVideoRotate{0%{transform:translateY(-50%) rotate(0deg) scale(1)}50%{transform:translateY(-50%) rotate(180deg) scale(1.08)}100%{transform:translateY(-50%) rotate(360deg) scale(1)}}.download-card{display:flex;align-items:center;justify-content:center;gap:1.5em;box-sizing:border-box;padding:1.7em .6em 0em 1.2em;--width: 46.714em;width:var(--width)}@supports(aspect-ratio: 1){.download-card{aspect-ratio:654/226}}@supports not (aspect-ratio: 1){.download-card{width:var(--width);height:calc(var(--width)*226/654)}}.download-card{background:url("../images/official/download-card.webp") no-repeat center;background-size:contain}.hero-qr{--width: 10.714em;width:var(--width)}@supports(aspect-ratio: 1){.hero-qr{aspect-ratio:1/1}}@supports not (aspect-ratio: 1){.hero-qr{width:var(--width);height:calc(var(--width)*1/1)}}.hero-qr{background:url("../images/official/QRcode.webp") no-repeat center;background-size:contain}.hero-store-list{display:grid;gap:.55em}.mobile-store-list{display:none}.hero-store,.sidebar-store{display:block;overflow:hidden;text-indent:-9999px;white-space:nowrap;background-position:center;background-repeat:no-repeat;background-size:contain}.hero-store{--width: 17.214em;width:var(--width)}@supports(aspect-ratio: 1){.hero-store{aspect-ratio:241/65}}@supports not (aspect-ratio: 1){.hero-store{width:var(--width);height:calc(var(--width)*65/241)}}.hero-app-store,.sidebar-app-store{background:url("../images/official/appstore.webp") no-repeat center;background-size:contain}.hero-google-play,.sidebar-google-play{background:url("../images/official/googleplay.webp") no-repeat center;background-size:contain}.apk-hero{display:block;overflow:hidden;text-indent:-9999px;white-space:nowrap;--width: 10.714em;width:var(--width)}@supports(aspect-ratio: 1){.apk-hero{aspect-ratio:1/1}}@supports not (aspect-ratio: 1){.apk-hero{width:var(--width);height:calc(var(--width)*1/1)}}.apk-hero{background:url("../images/official/maxapk.webp") no-repeat center;background-size:contain}.section-news{margin-top:-10em;padding:15em 0 0em;height:89.285em;background-image:url(../images/official/section-1.webp)}.title-news{background:url("../images/official/title-1.webp") no-repeat center;background-size:contain}.news-shell{position:relative;margin:0 auto;box-sizing:border-box}.news-fairy{position:absolute;top:-2.4em;right:9em;--width: 6.786em;width:var(--width)}@supports(aspect-ratio: 1){.news-fairy{aspect-ratio:201/183}}@supports not (aspect-ratio: 1){.news-fairy{width:var(--width);height:calc(var(--width)*183/201)}}.news-fairy{background:url("../images/official/精靈.webp") no-repeat center;background-size:contain}.news-board{position:relative;margin:0 auto;padding:9.4em 12em 6.1em 54.3em;box-sizing:border-box;left:-5em;--width: 112.357em;width:var(--width)}@supports(aspect-ratio: 1){.news-board{aspect-ratio:1573/784}}@supports not (aspect-ratio: 1){.news-board{width:var(--width);height:calc(var(--width)*784/1573)}}.news-board{background:url("../images/official/new-bg.webp") no-repeat center;background-size:contain}.news-tabs{display:flex;justify-content:space-between;gap:.8em;background-color:#d86087;border:1px solid #f28faf;border-radius:50px}.news-tab{font-size:clamp(14px,.94vw,22px);padding:0 1.05em;border:0;border-radius:99em;background:rgba(224,112,156,.24);color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:transform .25s ease,filter .25s ease;--width: 9.333em;width:var(--width)}@supports(aspect-ratio: 1){.news-tab{aspect-ratio:168/58}}@supports not (aspect-ratio: 1){.news-tab{width:var(--width);height:calc(var(--width)*58/168)}}.news-tab:hover{transform:translateY(-0.06em);filter:brightness(1.04)}.news-tab.active{color:#d86087;background:url("../images/official/new-act-but.webp") no-repeat center;background-size:100% 100%}.news-list{margin-top:1.55em;padding-right:.55em;max-height:30em;overflow-y:auto}.news-item{font-size:clamp(14px,.94vw,22px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9em;padding:1.2em 0;border-bottom:.08em solid rgba(236,140,173,.34)}.news-tag{display:inline-flex;align-items:center;justify-content:center;padding:0 .85em;height:1.65em;border-radius:99em;background:#dd6d99;color:#fff}.news-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8c6472;font-weight:700;transition:color .25s ease}.news-item:hover .news-link{color:#ff6e9c}.news-date{color:#d58ba7;font-weight:700}.news-more{display:block;margin:1.5em 0 0 auto;overflow:hidden;text-indent:-9999px;white-space:nowrap;--width: 10em;width:var(--width)}@supports(aspect-ratio: 1){.news-more{aspect-ratio:140/40}}@supports not (aspect-ratio: 1){.news-more{width:var(--width);height:calc(var(--width)*40/140)}}.news-more{background:url("../images/official/more.webp") no-repeat center;background-size:contain}.download-sidebar{position:fixed;top:56%;right:.75em;z-index:70;display:flex;flex-direction:column;justify-content:center;transform:translateY(-50%);box-sizing:border-box;--width: 13.285em;width:var(--width)}@supports(aspect-ratio: 1){.download-sidebar{aspect-ratio:186/402}}@supports not (aspect-ratio: 1){.download-sidebar{width:var(--width);height:calc(var(--width)*402/186)}}.download-sidebar{background:url("../images/official/sidebar-bg.webp") no-repeat center;background-size:contain}.download-sidebar::before{content:"";position:absolute;top:-16em;left:50%;--width: 16.357em;width:var(--width)}@supports(aspect-ratio: 1){.download-sidebar::before{aspect-ratio:229/230}}@supports not (aspect-ratio: 1){.download-sidebar::before{width:var(--width);height:calc(var(--width)*230/229)}}.download-sidebar::before{transform:translateX(-50%);background:url("../images/official/bouquet.webp") no-repeat center;background-size:contain}.sidebar-qr{margin:0 auto .7em;--width: 10.714em;width:var(--width)}@supports(aspect-ratio: 1){.sidebar-qr{aspect-ratio:1/1}}@supports not (aspect-ratio: 1){.sidebar-qr{width:var(--width);height:calc(var(--width)*1/1)}}.sidebar-qr{background:url("../images/official/QRcode.webp") no-repeat center;background-size:contain}.sidebar-qr-text{text-align:center;color:#d86087;margin:0 auto 1em}.sidebar-store{margin:0 auto .7em;--width: 11.357em;width:var(--width)}@supports(aspect-ratio: 1){.sidebar-store{aspect-ratio:159/43}}@supports not (aspect-ratio: 1){.sidebar-store{width:var(--width);height:calc(var(--width)*43/159)}}.sidebar-apk{background:url("../images/official/apk.webp") no-repeat center;background-size:contain}.section-feature{padding:10em 0 8.8em;height:109.214em;background-image:url(../images/official/section-2.webp)}.title-feature{background:url("../images/official/title-2.webp") no-repeat center;background-size:contain}.feature-shell{position:relative;margin:3.2em auto 0;padding:0 7em;max-width:80em;box-sizing:border-box;overflow:hidden}.feature-fairy{position:absolute;right:10em;top:6em;--width: 16.285em;width:var(--width)}@supports(aspect-ratio: 1){.feature-fairy{aspect-ratio:228/184}}@supports not (aspect-ratio: 1){.feature-fairy{width:var(--width);height:calc(var(--width)*184/228)}}.feature-fairy{background:url("../images/official/精靈右邊.webp") no-repeat center;background-size:contain}.feature-gallery{width:auto;overflow:visible}.feature-gallery .swiper-wrapper{align-items:flex-end}.feature-gallery .swiper-slide{position:relative;opacity:.72;transform:scale(0.82) translateY(3em);filter:saturate(0.92);transition:transform .35s ease,opacity .35s ease,filter .35s ease}.feature-gallery .swiper-slide-active{opacity:1;z-index:3;filter:none;transform:scale(1) translateY(0)}.feature-gallery .swiper-slide-prev,.feature-gallery .swiper-slide-next{opacity:.9;z-index:2;transform:scale(0.88) translateY(2em)}.feature-gallery .swiper-slide-prev{transform-origin:right center}.feature-gallery .swiper-slide-next{transform-origin:left center}.feature-card{margin:0 auto;width:min(30em,100%);filter:drop-shadow(0 0.9em 1.8em rgba(222, 155, 190, 0.28))}.feature-card img{width:100%;box-sizing:border-box}.feature-swiper-prev,.feature-swiper-next{position:absolute;top:50%;transform:translateY(-50%);z-index:5;cursor:pointer;width:var(--width);--width: 6.071em}@supports(aspect-ratio: 1){.feature-swiper-prev,.feature-swiper-next{aspect-ratio:85/70}}@supports not (aspect-ratio: 1){.feature-swiper-prev,.feature-swiper-next{width:var(--width);height:calc(var(--width)*70/85)}}.feature-swiper-prev:hover,.feature-swiper-next:hover{opacity:.9}.feature-swiper-prev.swiper-button-disabled,.feature-swiper-next.swiper-button-disabled{opacity:.35;cursor:default}.feature-swiper-prev{left:2em;background:url("../images/official/feature-swiper-prev.png") no-repeat center;background-size:contain}.feature-swiper-next{right:2em;background:url("../images/official/feature-swiper-next.png") no-repeat center;background-size:contain}.footer-section{background:#db5d88}.footer-section footer{position:relative;width:100%;box-sizing:border-box;font-family:"Noto Serif SC",serif;color:#fff2f6;background:#db5d88}.footer-section .footer-con{display:flex;align-items:center;justify-content:space-between;margin:0 auto}.footer-section footer .fl{display:flex;align-items:center}.footer-section footer .fl img{width:8.21em}.footer-section footer .fl span{margin-left:.71em}.footer-section footer .fr{display:flex;align-items:center}.footer-section footer .fr img{margin-right:.42em;width:3.14em;height:auto}.news-banner{margin:12em auto 0;--width: 91.142em;width:var(--width)}@supports(aspect-ratio: 1){.news-banner{aspect-ratio:1276/447}}@supports not (aspect-ratio: 1){.news-banner{width:var(--width);height:calc(var(--width)*447/1276)}}.news-banner{background:url("../images/official/news-banner.webp") no-repeat center;background-size:contain}.news .news-board{left:initial;margin:2em auto 6em;padding:10.2em 8em 6.2em 6.6em;--width: 95.071em;width:var(--width)}@supports(aspect-ratio: 1){.news .news-board{aspect-ratio:1331/1113}}@supports not (aspect-ratio: 1){.news .news-board{width:var(--width);height:calc(var(--width)*1113/1331)}}.news .news-board{background:url("../images/official/news-page-bg.webp") no-repeat center;background-size:contain}.news .news-tabs{max-width:40em;margin:0 auto}.page .news-details{color:#333;width:85.714em;margin:4em auto 6em;background:#fff;padding:2em;box-sizing:border-box;border-radius:10px;box-shadow:0 1px 5px #b96b8d}.page .news-details h1{font-size:clamp(18px,1.15vw,28px);text-align:center;margin-bottom:.4em}.page .news-details .flex-item{font-size:clamp(10px,.12rem,14px);display:flex;justify-content:center;margin-bottom:2em;padding-bottom:2em;border-bottom:1.5px solid #dc4672}.page .news-details p:first-child{margin-right:1.5em}.page .article{overflow:auto;padding:0 1em 0 0}.page .article img{width:auto;max-width:90%}.page .return-but{background:#dc4672;border-radius:10px;color:#fff;padding:1em 2em;margin:2em auto;display:table}@media(max-width: 900px){body.page::before{background:url(../images/official/page-m.webp) center top/cover no-repeat}.pc-hide{display:block !important}.wap-hide{display:none !important}.header-inner{position:relative;justify-content:space-between;gap:1em;min-height:5em;padding:0em 1.8em;display:flex}.site-logo{display:none;--width: 12.5em}.menu-btn{display:block;z-index:120;flex:0 0 auto;width:3em;height:2.55em}.menu-btn span{height:.28em;background:#f06e99}.menu-btn span:nth-child(2){margin:.54em 0 .54em auto;width:62%}.menu-btn span:nth-child(3){width:76%}.menu-btn.act span{background:#e64779}.menu-btn.act span:nth-child(1){transform:translateY(0.6em) rotate(45deg)}.menu-btn.act span:nth-child(2){opacity:0;transform:translateX(-0.4em)}.menu-btn.act span:nth-child(3){width:100%;transform:translateY(-1.06em) rotate(-45deg)}.site-header.menu-open{background:rgba(255,229,239,.9)}.site-header.menu-open::before{content:"";position:fixed;top:5em;left:0;z-index:91;width:100vw;height:calc(100vh - 5em);background:rgba(255,226,238,.34);pointer-events:none}.nav-wrap{position:fixed;top:5em;left:0;z-index:92;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.68em;box-sizing:border-box;padding:2em 2.2em;width:50vw;height:calc(100vh - 5em);background:rgba(255,213,230,.72);box-shadow:.8em 0 2.5em rgba(226,137,176,.18);backdrop-filter:blur(0.08em);opacity:0;pointer-events:none;transform:translateX(-100%);transition:opacity .25s ease,transform .25s ease}.nav-wrap.act{opacity:1;pointer-events:auto;transform:translateX(0)}.nav-wrap a:not(.topup-btn){display:block;padding:0;color:#dd4d7d;font-size:1.35em;line-height:1.25;text-align:left;text-shadow:0 .08em .2em hsla(0,0%,100%,.78);background:rgba(0,0,0,0)}.topup-btn{position:relative;z-index:121;margin:0;--width: 9.64em}.kv{height:47.642em;background-image:url(../images/official/kv-m.webp)}.kv-inner{margin:0 auto 5em}.kv-slogan{width:min(22em,90vw)}.kv-video-btn{display:none;right:-1.4em;top:45%;--width: 3.7em}.video-pop{padding:1.2em}.video-pop-main{width:100%;border-width:.1em;border-radius:.65em}.video-pop-main iframe{border-radius:.55em}.video-pop-close{right:-0.75em;top:-3.1em;width:2.55em;height:2.55em}.download-card{gap:0;margin-top:.65em;padding:0;width:min(18.2em,74vw);aspect-ratio:auto;background:none;justify-content:center}.mobile-store-list{display:flex;align-items:center;justify-content:center;width:100%}.hero-store-list{gap:.45em}.apk-hero{width:5.2em}.section-news{margin-top:-5em;padding:5em 0 0em;height:56.357em;background-image:url(../images/official/section-1-m.webp)}.title-news,.title-feature{--width: 18em}.news-shell{margin-top:1.4em;padding:0 .7em}.news-fairy{top:-1.2em;right:1.1em;width:4.6em}.news-board{width:100%;padding:17em 1.2em 1.6em 1.2em;left:initial;max-width:96%;--width: 26.785em;width:var(--width)}@supports(aspect-ratio: 1){.news-board{aspect-ratio:750/1175}}@supports not (aspect-ratio: 1){.news-board{width:var(--width);height:calc(var(--width)*1175/750)}}.news-board{background:url("../images/official/new-bg-m.webp") no-repeat center;background-size:contain}.news-tab{font-size:clamp(12px,3.73vw,28px);padding:.4em 0}.news-list{margin-top:1em;max-height:14em}.news-item{font-size:clamp(10px,3.2vw,24px);grid-template-columns:5em 1fr 4em;padding:.4em 0}.news-link{white-space:normal;line-height:1.45}.news-more{--width: 7em;margin:0 auto}.download-sidebar{display:none;top:auto;right:.45em;bottom:.6em;width:7.35em;padding:2.55em .42em .4em;transform:none}.download-sidebar::before{top:-2.3em;width:6.9em}.sidebar-qr{margin-bottom:.35em;width:4.5em}.sidebar-store{margin-bottom:.22em;width:5.9em}.section-feature{padding:1.2em 0 8em;height:48.214em;background-image:url(../images/official/section-2-m.webp)}.feature-shell{margin-top:1.8em;padding:0 1.8em}.feature-fairy{top:-1.3em;right:.6em;width:4.8em}.feature-card{width:min(20em,100%)}.feature-swiper-prev,.feature-swiper-next{width:2.55em;height:2.55em;transform:translateY(-40%)}.feature-swiper-prev{left:.2em}.feature-swiper-next{right:.2em}.footer-section footer{padding:1.2em 1em}.footer-section .footer-con{flex-direction:column;align-items:center}.footer-section footer .fl{flex-direction:column;margin-bottom:1em}.footer-section footer .fl span{margin-left:0;text-align:center}.news-banner{display:none}.news .news-board{left:initial;margin:6em auto 4em;padding:2em 1.5em;--width: 26.785em;width:var(--width)}@supports(aspect-ratio: 1){.news .news-board{aspect-ratio:750/1026}}@supports not (aspect-ratio: 1){.news .news-board{width:var(--width);height:calc(var(--width)*1026/750)}}.news .news-board{background:url("../images/official/news-page-bg-m.webp") no-repeat center;background-size:contain}.news .news-tabs{max-width:40em;margin:0 auto}.news .news-list{max-height:27em}.page .news-details{padding:2em 1em;margin:6em auto 4em;width:96%}}
