@charset "UTF-8";html,body,#main{background:#21197c;color:#fff;overflow-x:hidden}#header::after{background:#4300ef}#footer::after{background:0 0}#header .nav{filter:drop-shadow(0 0.1em 0.2em rgba(0,68,136,0.5)) drop-shadow(0 0.08em 0.05em rgba(0,0,0,0.75));max-width:16.66667em}#footer{filter:drop-shadow(0 0.1em 0.2em rgba(68,0,136,0.5)) drop-shadow(0 0.08em 0.05em rgba(0,0,0,0.75))}.bg-area{display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:0;bottom:0;left:calc(50% - 16em);z-index:-5;width:32em;margin:0 auto;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background:#21197c}.bg-area img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}.sr-only{position:fixed;top:-9in;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}.section{max-width:1000px;width:100%;margin:0 auto}img{max-width:100%;display:block;width:auto;height:auto;margin:0 auto}.content{position:relative;width:92%;max-width:920px;margin:0 auto}.head-title{display:block;position:relative;width:16.5em;top:0;left:calc(50% - 8.25em);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:1.8em 0 0}.title-01{margin:0 auto;width:16em}.border,.border2{position:relative;display:table;z-index:0;font-weight:700;max-width:90%;margin:.5em auto;color:#192873;background:#713c92}.border::after,.border2::after{content:"";position:absolute;z-index:5;top:0;left:0;bottom:0;right:0;-o-border-image:url(../../../img/Edm/Game_LuckyGua/border.png) 60 54 fill/1em 0.9em/0.35em round;border-image:url(../../../img/Edm/Game_LuckyGua/border.png) 60 54 fill/1em 0.9em/0.35em round;pointer-events:none}.border .video,.border .video-preview,.border2 .video,.border2 .video-preview{display:block;width:15em;height:8.1em;max-width:100%;position:relative;z-index:1}.border .video-preview,.border2 .video-preview{position:absolute;z-index:0;-o-object-fit:cover;object-fit:cover;background:rgba(0,0,0,.5)}.border img,.border2 img{-o-object-fit:cover;object-fit:cover}.border h2,.border2 h2{font-size:1em;margin:.5em 0 0}.border p,.border ol,.border2 p,.border2 ol{font-size:.66667em;line-height:1.5;padding:0 1em;margin:.75em auto;text-align:center}.border p b,.border ol b,.border2 p b,.border2 ol b{font-size:larger;line-height:1.333;color:#c50000}.border a,.border2 a{display:block;overflow:hidden}.border a img,.border2 a img{transition:filter .2s,transform .5s}.border a img:hover,.border a img:active,.border2 a img:hover,.border2 a img:active{filter:brightness(1.2);transform:scale(1.02)}.title{font-size:.75em;position:relative;z-index:2;color:#fff;margin:0 auto .5em;padding:.15em .65em;text-align:center}h2.title{font-size:.925em;margin-top:-1em;margin-bottom:.25em}h3.title{display:flex;align-items:center}h3.title b{padding:0 .5em;margin:0 .25em}h3.title::before,h3.title::after{content:"";display:block;flex-grow:1;height:1em;background:url(https://www.xin-stars.com/img/Edm/Game_LuckyGua/checker.svg) center/1em 1em round}h3.title::after{transform:scale(1,-1)}.swiper{margin:1em 0;padding:0 max(50% - 8em,0em);position:relative}.swiper-slide{width:16em;isolation:isolate}.swiper .swiper-slide-shadow-left,.swiper .swiper-slide-shadow-right{background:0 0;-webkit-backdrop-filter:brightness(.5);backdrop-filter:brightness(.5)}.swiper-button-next,.swiper-button-prev{width:2em;height:2em;background:url(../../../img/Edm/Game_LuckyGua/arrow.png) center/contain no-repeat;-webkit-animation:arrowGlow 1.2s infinite ease-in-out;animation:arrowGlow 1.2s infinite ease-in-out}.swiper-button-next::after,.swiper-button-prev::after{content:none}.swiper-button-prev{transform:scale(-1,1);left:max(50% - 9em,0em)}.swiper-button-next{right:max(50% - 9em,0em)}.swiper-button-disabled{-webkit-animation:none;animation:none}@-webkit-keyframes arrowGlow{0%{filter:brightness(1) drop-shadow(0 0 0.1em #ff2eaf)}50%{filter:brightness(1.1) drop-shadow(0 0 0.2em #ff84d0)}100%{filter:brightness(1) drop-shadow(0 0 0.1em #ff2eaf)}}@keyframes arrowGlow{0%{filter:brightness(1) drop-shadow(0 0 0.1em #ff2eaf)}50%{filter:brightness(1.1) drop-shadow(0 0 0.2em #ff84d0)}100%{filter:brightness(1) drop-shadow(0 0 0.1em #ff2eaf)}}.card{display:block;position:relative;margin:auto;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:10em;padding:.8em .3em;filter:drop-shadow(0 0.15em 0.25em rgba(0,0,0,0.5))}.card img{max-height:100%}.card.latest::after{content:"";position:absolute;inset:0;background:url(../../../img/Edm/Game_LuckyGua/badge1.png) 0 0/5.2em 2.4em no-repeat;pointer-events:none}a{color:inherit}:visited{color:inherit}.text-hilight{color:#ff0297}.text-yellow{color:#fffa68}.text-blue{color:#68fdff}.text-center{text-align:center}:root{--outline-color: #421500;--outline-width: .12em}.text-outline{letter-spacing:normal;font-weight:600;text-shadow:calc(.7 * var(--outline-width)) calc(.7 * var(--outline-width)) calc(.25 * var(--outline-width)) var(--outline-color),calc(.7 * var(--outline-width)) calc(-.7 * var(--outline-width)) calc(.25 * var(--outline-width)) var(--outline-color),calc(-.7 * var(--outline-width)) calc(.7 * var(--outline-width)) calc(.25 * var(--outline-width)) var(--outline-color),calc(-.7 * var(--outline-width)) calc(-.7 * var(--outline-width)) calc(.25 * var(--outline-width)) var(--outline-color),calc(1 * var(--outline-width)) 0 calc(.25 * var(--outline-width)) var(--outline-color),calc(-1 * var(--outline-width)) 0 calc(.25 * var(--outline-width)) var(--outline-color),0 calc(1 * var(--outline-width)) calc(.25 * var(--outline-width)) var(--outline-color),0 calc(-1 * var(--outline-width)) calc(.25 * var(--outline-width)) var(--outline-color),calc(.9 * var(--outline-width)) calc(.4 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color),calc(.9 * var(--outline-width)) calc(-.4 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color),calc(-.9 * var(--outline-width)) calc(.4 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color),calc(-.9 * var(--outline-width)) calc(-.4 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color),calc(.4 * var(--outline-width)) calc(.9 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color),calc(.4 * var(--outline-width)) calc(-.9 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color),calc(-.4 * var(--outline-width)) calc(.9 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color),calc(-.4 * var(--outline-width)) calc(-.9 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color)}#content-area{position:relative;width:16.66667em;left:calc(50% - 8.33333em)}.btn-play{font-size:inherit;display:block;margin:-5em 0 -2em auto;position:relative;z-index:1;width:7em;height:7em;border-radius:50%;border:none;cursor:pointer}.btn-play::after,.btn-play::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:url("../../../img/Edm/Game_LuckyGua/btn-play.png") 0 0/auto 200%;border-radius:inherit;pointer-events:none}.btn-play::after{background-position:0 100%;-webkit-animation:btnPlay2 2s infinite ease-in-out;animation:btnPlay2 2s infinite ease-in-out;opacity:0;transition:opacity .1s,transform .1s}.btn-play:hover,.btn-play:active{-webkit-animation:none;animation:none;background-position:100% 0;filter:brightness(1.1)}.btn-play:hover::before,.btn-play:hover::after,.btn-play:hover b,.btn-play:active::before,.btn-play:active::after,.btn-play:active b{opacity:1;-webkit-animation:none;animation:none}@-webkit-keyframes btnPlay{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}100%{filter:hue-rotate(0deg)}}@keyframes btnPlay{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}100%{filter:hue-rotate(0deg)}}@-webkit-keyframes btnPlay1{15%{opacity:1}50%{opacity:0}85%{opacity:1}}@keyframes btnPlay1{15%{opacity:1}50%{opacity:0}85%{opacity:1}}@-webkit-keyframes btnPlay2{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes btnPlay2{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.box:hover .finger,.box:hover .video{-webkit-animation:none;animation:none}.box .finger{position:absolute;width:3.5em;height:2.45em;margin-top:-3em;margin-left:13.1em;z-index:6;background:url(../../../img/finger%EF%B9%96v=3.png) top/100% auto no-repeat;-webkit-animation:btnPlay 1.6s infinite step-end;animation:btnPlay 1.6s infinite step-end;transition:transition 1s,opacity 1s,filter .1s;background-position:bottom}.box .video{-webkit-animation:light 1.6s infinite step-end;animation:light 1.6s infinite step-end}@-webkit-keyframes light{0%{filter:brightness(1)}50%{filter:brightness(1.1)}}@keyframes light{0%{filter:brightness(1)}50%{filter:brightness(1.1)}}@keyframes btnPlay{0%{background-position:top}50%{background-position:bottom}}.fade-up,.fade-left,.fade-right,.fade-down,.fade-in{opacity:0;transition:opacity 1.6s,transform 1s}.fade-up.faded,.fade-left.faded,.fade-right.faded,.fade-down.faded,.fade-in.faded{transform:none;opacity:1}.fade-up{transform:translate(0,1em)}.fade-down{transform:translate(0,-1em)}.fade-left{transform:translate(1em,0)}.fade-right{transform:translate(-1em,0)}.bg-area.fade-up,.bg-area .fade-up{transform:none}@-webkit-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes glow{0%{visibility:hidden}50%{visibility:visible}}@keyframes glow{0%{visibility:hidden}50%{visibility:visible}}@-webkit-keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes fade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes fade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@-webkit-keyframes blink{0%{background-position:top}50%{background-position:bottom}}@keyframes blink{0%{background-position:top}50%{background-position:bottom}}@media(max-width:1920px){#main,.modal{font-size:3.125vw}}@media(max-width:1280px){#main,.modal{font-size:40px}}@media(max-height:720px){.modal{font-size:6vmin}}@media(max-width:666px){#main,.modal{font-size:6vw}}@media(max-width:420px){.modal-window{max-width:96%}}