html,body,#main{background:#4e2d5a;color:#fff}#header{background:transparent}#footer{background:transparent}#header .nav{filter:drop-shadow(0 0.1em 0.05em rgba(0,0,0,0.35))}#header .nav-logo{content:url(../../../img/xinstar-logo2.png)}.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:1920px;margin:0 auto;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background:#4e2d5a}.bg-area img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}@media(max-width:1000px){.bg-area{width:192vw}}.dl-btn-container{display:block;position:relative;left:50%;transform:translateX(-50%);width:100vw;max-width:1000px;padding-top:3.65em;padding-bottom:1px;margin-bottom:0;margin-top:-1.25em}.dl-btn,.play-btn,.station-btn{display:block;position:absolute;bottom:0;width:7.65em;padding-top:3.35em;border-radius:1.35em;transition:filter .3s .2s;text-decoration:none}.dl-btn:hover,.dl-btn:focus,.dl-btn:active,.play-btn:hover,.play-btn:focus,.play-btn:active,.station-btn:hover,.station-btn:focus,.station-btn:active{background-position:bottom}.dl-btn{transform-origin:85% 0%;left:2.5%;background:url(https://www.xin-stars.com/img/Edm/Game_BattleForStarCoin/btn-download.png?v=20230223) top no-repeat;background-size:cover}.play-btn{transform-origin:15% 0%;right:2.25%;background:url(../../../img/Edm/Game_BattleForStarCoin/btn-play%EF%B9%96v=20230223.png) top no-repeat;background-size:cover}.station-btn{bottom:-3.75em;position:relative;width:16em;left:2.25%;background:url(https://www.xin-stars.com/img/Edm/Game_BattleForStarCoin/btn-station.png?v=20230223) top no-repeat;background-size: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:32em;top:0;left:calc(50% - 16em);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:2em 0 0;filter:drop-shadow(0 0 0.35em #000)}.head-title p{font-size:.75em;margin:-.5em auto .25em;font-weight:700;word-spacing:.5em;text-shadow:0 0 .05em #fff,0 0 .2em #f0f,0 0 .35em #f8f,0 0 .5em #f0f,0 0 .75em #000}.head-title p span{display:inline-block;transition-delay:.35s}.title-01{width:6.5em;transform:translate(0,-1em)}.dl-btn,.play-btn{transition-delay:.5s}.border{position:relative;display:block;z-index:0;font-weight:700;margin:-.1em auto .75em;padding:.5em .65em;color:#f3dcff;border:.08em solid #fff;border-bottom-left-radius:.25em;border-bottom-right-radius:.25em;background:linear-gradient(90deg,#a135c9,transparent 0.35em),linear-gradient(-90deg,#a135c9,transparent 0.35em),linear-gradient(0deg,#a135c9,transparent 0.35em);background-color:#250b30}.border p{font-size:.6667em;font-weight:400;margin:.5em 0;line-height:1.35}.border strong{color:#fff}.border b{font-family:Arial,Helvetica,sans-serif;font-weight:900}.border input,.border select{font:inherit;color:#fff;padding:.25em .5em}.border input::-moz-placeholder,.border select::-moz-placeholder{color:inherit;opacity:.75}.border input::placeholder,.border select::placeholder{color:inherit;opacity:.75}.border select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:1.5em;background:linear-gradient(45deg,transparent 40%,currentColor 45%,currentColor 70%,transparent 75%) top 55% right .7em/.35em .6em no-repeat,linear-gradient(-45deg,transparent 40%,currentColor 45%,currentColor 70%,transparent 75%) top 55% right .4em/.35em .6em no-repeat,linear-gradient(90deg,#4e1a6a,#8522bb)}.border option{color:#f3dcff;background:#250b30}.border option:nth-child(2n+1){background:#320d42}.title{font-size:1em;text-align:center;background:linear-gradient(90deg,transparent,#8c23c5,#8c23c5,#8c23c5,transparent);padding:.15em;margin:.5em auto}.title::before,.title::after{content:"";display:block;height:.05em;background:linear-gradient(90deg,transparent,#f7cb8b,#fffbe4,#f7cb8b,transparent)}.box{font-size:inherit;color:inherit;background:linear-gradient(90deg,#4e1a6a,#8522bb);border:.05em solid #fbe0b2;border-radius:.1em}.table-container{max-height:75vh;overflow:auto}.table-container::-webkit-scrollbar{background:#200318}.table-container::-webkit-scrollbar-thumb{font-size:45px;background:#8c23c5;border-left:.08em solid #200318;border-right:.08em solid #200318;width:80%;margin:.1em}.table-container::-webkit-scrollbar-button{font-size:45px;border-left:.08em solid #200318;border-right:.08em solid #200318;color:#8c23c5;background:linear-gradient(-50deg,currentColor 55%,transparent 60%) top 40% right .1em/.2em .2em no-repeat,linear-gradient(50deg,currentColor 55%,transparent 60%) top 40% right -0.05em/.2em .2em no-repeat,#200318}.table-container::-webkit-scrollbar-button:increment{color:#8c23c5;background:linear-gradient(50deg,transparent 40%,currentColor 45%) top 40% right .1em/.2em .2em no-repeat,linear-gradient(-50deg,transparent 40%,currentColor 45%) top 40% right -0.05em/.2em .2em no-repeat,#200318}.table-container table{font-size:.45em;width:100%;text-align:center;border-collapse:separate;border-spacing:0}.table-container th{color:#250b30;background:radial-gradient(circle,#fffbe4,#f7cb8b)}.table-container thead th{position:sticky;top:0;padding:.25em;box-shadow:inset 0 -.1em #000;max-width:100%}.table-container td{color:#fbe0b2;background:#4e1a6a;text-shadow:0 .05em .15em #000;padding:0 .25em}.table-container tr:nth-child(2n+1) td{background:#6a278f}.table-container th,.table-container td{text-align:center!important;font-weight:700}.table-container::after{content:"";opacity:0;pointer-events:none}.table-container.loading::after{content:"資料查詢中...";position:absolute;top:0;left:0;bottom:0;right:0;font-size:.6667em;color:#fff;text-shadow:0 0 .1em #000;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;pointer-events:all;opacity:1;transition:opacity .5s .2s}.total-info{display:flex;flex-wrap:wrap;font-size:.45em;width:100%;margin:.5em auto;gap:0 2%}.total-info>*{min-width:49%}.bracket{box-shadow:inset 0 1px}.table-container table{min-height:min(6em,75vh)}.total-info{display:grid;grid-template-columns:auto auto;width:-moz-max-content;width:max-content;grid-gap:0 1em}.total-info>*{min-width:unset}.btn-battle{font:inherit;position:absolute;right:8.75em;bottom:-1em;width:3.5em;height:3.5em;border:none;border-radius:100%;background:url(../../../img/Edm/Game_BattleForStarCoin/btn-battle%EF%B9%96v=20231124.png) center/contain no-repeat;cursor:pointer;animation:btnBattle 2s infinite ease-in-out;transition:filter .1s}.btn-battle:hover,.btn-battle:active{filter:brightness(1.15) drop-shadow(0 0 0.15em rgba(255,255,255,0.25))}@keyframes btnBattle{0%{transform:rotate(0deg)}40%{transform:rotate(3deg)}70%{transform:rotate(-1deg)}}@media(min-width:500px){.bg-area{top:-.5em}.total-info>*:nth-child(1){order:1}.total-info>*:nth-child(2){order:3}.total-info>*:nth-child(3){order:2}.total-info>*:nth-child(4){order:4}}@media(max-width:499px){.btn-battle{bottom:-.75em;right:7.5em;width:4.5em;height:4.5em}.total-info{grid-template-columns:auto}.total-info>*{font-size:1.2em;width:100%;text-align:center}}#confirm-age{display:none!important}a{color:inherit}:visited{color:inherit}.text-hilight{color:#ff0297}.text-yellow{color:#fffa68}.text-blue{color:#68fdff}.text-center{text-align:center}.text-right{text-align:right}.text-gold{color:#fbe0b2;filter:drop-shadow(0 0.05em 0.05em #000)}@supports((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text){.text-gold{color:transparent;background:linear-gradient(#fffbe4 20%,#f7cb8b 80%);background-clip:text;-webkit-background-clip:text}}#content-area{position:relative;left:50%;transform:translate(-50%);width:96vw;max-width:960px;min-height:10em;filter:drop-shadow(0 0 0.15em #f4f)}#Event a{display:block;text-align:center;font-size:.8em;text-underline-offset:.15em;text-decoration-color:#f7cb8b}#Event a img{display:inline-block;vertical-align:middle}#Event table{color:#250b30;font-size:.8em;margin:.5em auto .25em;border-collapse:separate;border-spacing:.4em .25em}#Event th{padding:0 .35em;text-shadow:.025em .05em #fff;box-shadow:0 .05em .1em #000;background:radial-gradient(circle,#fffbe4,#f7cb8b);border-radius:1em;font-weight:700;text-align:center}#Event td{padding:0 .5em;background:linear-gradient(#1d051e,#21051f);box-shadow:inset .05em .05em .02em #000,inset -.05em -.05em .02em rgba(255,255,255,.25);border-radius:1em}.btn-play{font-size:inherit;display:block;position:relative;z-index:1;margin:0 auto .5em;width:5.75em;height:1.75em;border:none;cursor:pointer;background:url(../../../img/Edm/Game_BattleForStarCoin/btn-play%EF%B9%96v=20230223.png) 0 0/100% auto;text-align:center;font-weight:700;text-shadow:0 .05em .15em #000;font-size:1.25em;text-decoration:none;transform:translate(0,1em)}.btn-play.fade-up{transition:filter .5s,transform 1s .6s,opacity 1.6s .6s}.btn-play.faded{transform:translate(0,0)}.btn-play::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;background:inherit;background-position:bottom;border-radius:inherit;opacity:0;transition:opacity .1s;animation:btnPlay 2s infinite ease-in-out}.btn-play:hover,.btn-play:active{background-position:bottom;filter:brightness(1.1) drop-shadow(0 0 0.25em #fc4)}.btn-play2{font-size:inherit;display:block;position:relative;z-index:1;margin:0 auto .5em;width:4.75em;height:1.5em;border:none;cursor:pointer;text-align:center;font-weight:700;font-size:1.5em;text-shadow:0 .05em .15em #000;text-decoration:none;transform:translate(0,1em)}.btn-play2.fade-up{transition:filter .5s,transform 1s .6s,opacity 1.6s .6s}.btn-play2.faded{transform:translate(0,0)}.btn-play2::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;background:url(../../../img/Edm/Game_BattleForStarCoin/btn-play2%EF%B9%96v=20230223.png) 0 0/100% auto;background-position:top;border-radius:inherit;animation:btnPlay2 1.2s infinite step-end}.btn-play2:hover,.btn-play2:active{background-position:bottom;filter:brightness(1.1) drop-shadow(0 0 0.25em #fc4)}.btn-play2:hover::after,.btn-play2:active::after{background-position:bottom}@keyframes btnPlay{0%{opacity:0}50%{opacity:1}}@keyframes btnPlay2{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(170deg)}}.modal{font:400 60px/1.5 Arial,Helvetica,sans-serif;display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;flex-direction:column;justify-content:center;align-items:center}.modal.active{display:flex}.modal .mask{position:fixed;top:-50vh;left:-50vw;bottom:-50vh;right:-50vw;background:rgba(0,0,0,.75)}@supports((-webkit-backdrop-filter:blur(0.1rem)) or (backdrop-filter:blur(0.1rem))){.modal .mask{-webkit-backdrop-filter:blur(0.15rem);backdrop-filter:blur(0.15rem);background:rgba(8,8,8,.8);transition:-webkit-backdrop-filter .5s ease-out;transition:backdrop-filter .5s ease-out;transition:backdrop-filter .5s ease-out,-webkit-backdrop-filter .5s ease-out}}.modal .btn-close{font:inherit;font-size:.9em;font-weight:700;display:block;position:absolute;z-index:2;right:-.5em;top:-1em;width:2em;height:2em;border:.1em solid #8c23c5;border-radius:100%;color:transparent;background:#fff;overflow:hidden;outline:none;cursor:pointer;transition:filter .2s}.modal .btn-close::before,.modal .btn-close::after{content:"";position:absolute;top:50%;left:50%;width:12%;height:60%;transform:translate(-50%,-50%) skewX(-35deg);background:#8c23c5;border-radius:.05em}.modal .btn-close::after{transform:translate(-50%,-50%) skewX(35deg)}.modal .btn-close:hover,.modal .btn-close:focus,.modal .btn-close:active{filter:brightness(1.1) drop-shadow(0 0.1em 0.05em rgba(24,8,24,0.5))}.modal-overflow{overflow-y:auto;overflow-x:hidden;width:100%;max-height:100vh;scrollbar-width:none}.modal-overflow::-webkit-scrollbar{width:0}.modal-window{display:flex;position:relative;flex-direction:column;justify-content:center;text-align:center;width:90%;max-width:14em;min-height:4em;margin:1em auto .5em;line-height:1.4;background:#8c23c5;border:.1em solid #fff;border-radius:.5em;box-shadow:0 0 .2em .05em #c4f}.modal-window p,.modal-window ul,.modal-window ol{font-size:.6667em;line-height:1.25;margin:.5em 0;padding:0;text-shadow:0 0 .15em rgba(0,0,0,.5),0 0 .3em rgba(0,0,0,.5)}.modal-window li{list-style:"● ";list-style-position:inside}.modal-window img{max-width:80%;max-height:320px;margin:.25em auto}.modal-window .title{background:#470765;border-radius:1em;padding:0 1em;max-width:80%;margin:.25em auto}.modal-window .title::before,.modal-window .title::after{content:none}.modal-content{padding:.25em 0}.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}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes glow{0%{visibility:hidden}50%{visibility:visible}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@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 blink{0%{background-position:top}50%{background-position:bottom}}@media(max-width:1000px){#main,.modal{font-size:6vw}}@media(max-height:720px){.modal{font-size:6vmin}}@media(max-width:499px){.btn-play2{font-size:1.75em;margin:0 auto .2em}}@media(max-width:420px){#rules{font-size:27px;padding:0}.modal-window{max-width:96%}}.carousel{display:block;display:flow-root;position:relative}.carousel-content{position:relative;display:flex;background:#000;list-style:none;max-width:100%;padding:0;margin:0}.carousel-item{position:relative;display:none;width:100%;margin:0 auto;transition:opacity .8s}.carousel-item.prev,.carousel-item.next{opacity:0;position:absolute;top:0;pointer-events:none}.carousel-item.current{display:block;z-index:1}.carousel-controls{display:flex;align-items:center;justify-content:space-between;position:relative;padding:0;margin:0;list-style:none}.carousel-slides{display:flex;align-items:center;justify-content:center;position:relative;padding:0;margin:.5em 0 .75em;list-style:none}.tabs{position:relative;z-index:1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;margin:0;font-size:1em;text-align:center}.tabs>.tab-btn{font-size:1em;font-weight:700;flex-grow:1;flex-shrink:0;flex-basis:auto;width:4em;height:auto;min-width:-moz-max-content;min-width:max-content;white-space:nowrap;text-decoration:none;padding:.25em .35em;border:.08em solid #fff;color:#fdf;background:#65008e;box-shadow:inset 0 0 .25em .1em #c4f;-webkit-backdrop-filter:blur(0.5em);backdrop-filter:blur(0.5em);transform:none;cursor:pointer}.tabs>.tab-btn+.tab-btn{margin-left:-.08em}.tabs>.tab-btn small{display:block;font-size:.6667em}.tabs>.tab-btn.current{z-index:1;color:#fec;border-bottom:0;padding:.4em .35em;box-shadow:none;background:linear-gradient(90deg,#a135c9,transparent 0.35em),linear-gradient(-90deg,#a135c9,transparent 0.35em),linear-gradient(180deg,#a135c9,transparent 0.35em);background-color:#250b30}.tabs>.tab-btn.current small{font-size:.8em}