html,body,#main{background:#6400b1 linear-gradient(#251c45,#5b305c,#9e4833);color:#fff;overflow-x:hidden;min-width:auto!important}:root{--outline-color: #6f00cd;--outline-width: .08em}#header{background:linear-gradient(90deg,#5f17e5,#2ab5c3);box-shadow:inset 0 -.05em .025em rgba(255,255,255,.2),0 .1em .2em rgba(0,0,0,.5)}#footer{background:transparent}#header .nav{max-width:16.66667em}*:focus-visible{outline:auto;outline-offset:.1em}[data-device=mobile] .only-pc,[data-device=pc] .only-mobile{display:none}[data-login=true] .only-logout,:root:not([data-login=true]) .only-login{display:none}.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;user-select:none;background:#6400b1 linear-gradient(#251c45,#5b305c,#9e4833)}.bg-area img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}.btn,.btn-red,.btn-purple,.btn-blue,.btn-green,.btn-yellow{font:inherit;font-size:.8em;display:inline-block;line-height:inherit;font-weight:600;text-align:center;text-decoration:none;color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.25);padding:.2em 1em .4em;width:9.25em;height:2.25em;background:url(https://www.xin-stars.com/img/Event/202410-Hilife-Ghosts/btn.png) top/100% 200% no-repeat;border:none;border-radius:0;box-shadow:.025em .05em .1em rgba(0,0,0,.25);cursor:pointer}.btn>*,.btn-red>*,.btn-purple>*,.btn-blue>*,.btn-green>*,.btn-yellow>*{opacity:.8}.btn.active,.btn:active,.btn:hover,.btn-red.active,.btn-red:active,.btn-red:hover,.btn-purple.active,.btn-purple:active,.btn-purple:hover,.btn-blue.active,.btn-blue:active,.btn-blue:hover,.btn-green.active,.btn-green:active,.btn-green:hover,.btn-yellow.active,.btn-yellow:active,.btn-yellow:hover{background-position:bottom}.btn.active>*,.btn:active>*,.btn:hover>*,.btn-red.active>*,.btn-red:active>*,.btn-red:hover>*,.btn-purple.active>*,.btn-purple:active>*,.btn-purple:hover>*,.btn-blue.active>*,.btn-blue:active>*,.btn-blue:hover>*,.btn-green.active>*,.btn-green:active>*,.btn-green:hover>*,.btn-yellow.active>*,.btn-yellow:active>*,.btn-yellow:hover>*{opacity:1}.btn-pointer{position:relative}.btn-pointer::after{content:"";position:absolute;left:calc(100% - .5em);top:70%;width:1.5em;height:1.5em;background:url(../../../img/Event/202410-Hilife-Ghosts/pointer.png) center/contain no-repeat;filter:drop-shadow(0.1em 0.2em rgba(0,0,0,0.25));animation:btnPointer .8s infinite step-end;pointer-events:none}@keyframes btnPointer{0%{transform:scale(1) translate(0,0);filter:drop-shadow(0.1em 0.2em 0.05em rgba(0,0,0,0.25))}50%{transform:rotate(20deg) scale(1.1) translate(0.25em,0.1em);filter:drop-shadow(0.1em 0.3em 0.1em rgba(0,0,0,0.25))}}.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}#main{color:#fff}#main img{max-width:100%;display:block;width:auto;height:auto;margin:0 auto}#main .content{position:relative;width:92%;max-width:920px;margin:0 auto}#main .head-title{display:block;position:relative;width:26.66667em;top:0;left:calc(50% - 13.3333em);padding:1.8em 0 0}#main .title-00{margin:.25em auto 0;min-width:14em;width:16em}#main .title-01{text-align:center;margin:0 auto -4.25em;padding:0 .5em;font-size:.6667em;font-weight:700;color:#fff;filter:drop-shadow(0 0.1em 0.1em rgba(0,0,0,0.5))}#main .border,#main .border2,#main .border3{position:relative;display:table;z-index:0;font-weight:500;width:16.25em;margin:1.5em auto .5em;padding:.25em .65em;background:url(../../../img/Event/202410-Hilife-Ghosts/border-bg.jpg) center/6em 6em repeat;box-shadow:inset .5em 0 1.5em .2em rgba(0,0,0,.5),inset -.5em 0 1.5em .2em rgba(0,0,0,.5);border-radius:.25em;--outline-width: .08em;min-height:6em;scroll-margin:1em}#main .border::before,#main .border2::before,#main .border3::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:0;border:0;-o-border-image:url(../../../img/Event/202410-Hilife-Ghosts/border1.png) 195 fill/3.25em/0.4em .9em;border-image:url(../../../img/Event/202410-Hilife-Ghosts/border1.png) 195 fill/3.25em/0.4em .9em;pointer-events:none}#main .border p,#main .border ol,#main .border ul,#main .border2 p,#main .border2 ol,#main .border2 ul,#main .border3 p,#main .border3 ol,#main .border3 ul{font-weight:700;font-size:.75em;font-size:clamp(15px,.75em,36px);line-height:1.4;margin:.5em auto}#main .border .text-outline,#main .border2 .text-outline,#main .border3 .text-outline{color:#6f00cd;--outline-color: #fff;--outline-width: .08em}#main .border ol,#main .border ul,#main .border2 ol,#main .border2 ul,#main .border3 ol,#main .border3 ul{padding-left:1em}#main .border i,#main .border2 i,#main .border3 i{display:inline-block;font-style:normal}#main .border b,#main .border2 b,#main .border3 b{font-weight:900}#main .border a,#main .border2 a,#main .border3 a{text-underline-offset:.2em;transition:filter .1s}#main .border a:hover,#main .border a:active,#main .border2 a:hover,#main .border2 a:active,#main .border3 a:hover,#main .border3 a:active{filter:brightness(1.15) drop-shadow(0 0.05em 0.1em rgba(0,0,0,0.15))}#main .border .border2,#main .border .border3,#main .border2 .border2,#main .border2 .border3,#main .border3 .border2,#main .border3 .border3{padding:0;margin:.5em auto;width:98.6%}#main .border figure,#main .border2 figure,#main .border3 figure{margin:0 auto .25em}#main .border figcaption,#main .border2 figcaption,#main .border3 figcaption{font-size:.6667em;line-height:1.2}#main .border-title{display:block;position:relative;z-index:2;justify-content:center;align-items:center;padding-bottom:.2em;margin:-1.25em auto 0;font-size:1em;color:#fff;--outline-color: #2d4594;--outline-width: .08em;text-align:center}#main .border-title>*{font-size:.75em}#main .box,#main .box2{position:relative;border-radius:.5em;padding:.25em;margin:.75em 0 .25em;box-shadow:inset 0 0 0 .05em #d7a556}#main .box p,#main .box ol,#main .box ul,#main .box2 p,#main .box2 ol,#main .box2 ul{font-size:.55em;font-size:clamp(13px,.55em,40px);line-height:1.25;margin:.5em auto;padding:0 .25em}#main .box ol,#main .box ul,#main .box2 ol,#main .box2 ul{padding-left:1.25em}#main .box2{color:#804b00;background:#fffad5;text-shadow:0 .05em .025em #fff;border-radius:.5em;box-shadow:inset 0 .05em .1em .025em rgba(0,0,0,.25);padding:.2em;margin:0}#main .title{display:flex;justify-content:center;font-size:1em;font-weight:700;line-height:1.2;background:#9239ff;border-radius:1em;box-shadow:0 0 0 .1em #5d01cd;--outline-width: .08em;text-align:center;padding:.15em 0 .2em;margin:.5em 0}#main .title .text-outline{color:#fff;--outline-color: #5d01cd}#main .title>*{font-size:.7em}#main .step{display:inline-block;font-size:1.25em;font-weight:900;color:#ffd53c;width:1.15em;height:1.15em;line-height:1;text-align:center;margin:-.5em 0;padding:0 0 .15em;background:inherit;box-shadow:inherit;border-radius:inherit;text-shadow:-.005em -.01em #fff,-.02em .06em #5d01cd,.02em .06em #5d01cd,.06em .06em #5d01cd}#main .text-hilight{color:#a716ff}#main .text-yellow{color:#fff000}#main .text-red{color:#ce2200}#main .text-green{color:#00ff3c}#main .text-blue{color:#70fdff}#main .text-gray{color:#515151}#main .text-big{font-size:larger}#main .text-small{font-size:smaller}#main .text-center{text-align:center}#main .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(-0.7*var(--outline-width)) calc(.25*var(--outline-width)) var(--outline-color),calc(-0.7*var(--outline-width)) calc(.7*var(--outline-width)) calc(.25*var(--outline-width)) var(--outline-color),calc(-0.7*var(--outline-width)) calc(-0.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(-0.4*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(-0.9*var(--outline-width)) calc(.4*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(-0.9*var(--outline-width)) calc(-0.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(-0.9*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(-0.4*var(--outline-width)) calc(.9*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(-0.4*var(--outline-width)) calc(-0.9*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color)}@supports((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text){#main [text-stroke]{color:transparent;text-shadow:none;display:inline-block;position:relative;background:linear-gradient(#000,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.05em transparent;filter:drop-shadow(0 0.05em 0.05em #000)}#main [text-stroke]::before{content:attr(text-stroke);position:absolute;z-index:1;background:linear-gradient(#ffeeb7 10%,#ffc300 60%,#fe9600 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:0 transparent;pointer-events:none}#main [text-stroke].text-blue::before{background-image:linear-gradient(#fff 10%,#4dffb6 60%,#b64dff 90%)}}#main #content-area{position:relative;width:16.66667em;left:calc(50% - 8.33333em)}#main .btn-dl,#main .btn-yoe,#main .btn-login,#main .btn-logout,#main .btn-go,#main .btn-tab1,#main .btn-tab2{font-size:inherit;display:inline-flex;align-items:center;justify-content:center;vertical-align:bottom;position:relative;z-index:1;width:8.5em;height:1.75em;background:0 0;border:none;cursor:pointer;color:transparent}#main .btn-dl::after,#main .btn-dl::before,#main .btn-yoe::after,#main .btn-yoe::before,#main .btn-login::after,#main .btn-login::before,#main .btn-logout::after,#main .btn-logout::before,#main .btn-go::after,#main .btn-go::before,#main .btn-tab1::after,#main .btn-tab1::before,#main .btn-tab2::after,#main .btn-tab2::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;background:url("https://www.xin-stars.com/img/Event/202410-Hilife-Ghosts/btn-go.png") 0 0/auto 200%;border-radius:inherit;pointer-events:none}#main .btn-dl::after,#main .btn-yoe::after,#main .btn-login::after,#main .btn-logout::after,#main .btn-go::after,#main .btn-tab1::after,#main .btn-tab2::after{background-position:0 100%;animation:btnPlay2 2s infinite ease-in-out;opacity:0;transition:opacity .1s,transform .1s}#main .btn-dl:hover,#main .btn-dl:active,#main .btn-yoe:hover,#main .btn-yoe:active,#main .btn-login:hover,#main .btn-login:active,#main .btn-logout:hover,#main .btn-logout:active,#main .btn-go:hover,#main .btn-go:active,#main .btn-tab1:hover,#main .btn-tab1:active,#main .btn-tab2:hover,#main .btn-tab2:active{filter:brightness(1.1) drop-shadow(0 0 0.25em #fc4)}@keyframes btnPlay{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}100%{filter:hue-rotate(0deg)}}@keyframes btnPlay1{15%{opacity:1}50%{opacity:0}85%{opacity:1}}@keyframes btnPlay2{0%{opacity:0}50%{opacity:1}100%{opacity:0}}#main .btn-dl::before,#main .btn-dl::after{background-image:url(https://www.xin-stars.com/img/Event/202410-Hilife-Ghosts/btn-dl.png)}#main .btn-login::before,#main .btn-login::after{background-image:url(../../../img/Event/202410-Hilife-Ghosts/btn-login.png)}#main .btn-logout::before,#main .btn-logout::after{background-image:url(../../../img/Event/202410-Hilife-Ghosts/btn-logout.png)}#main .btn-yoe{width:12.8em}#main .btn-yoe::before,#main .btn-yoe::after{background-image:url(https://www.xin-stars.com/img/Event/202410-Hilife-Ghosts/btn-yoe.png)}#main .btn-tab1,#main .btn-tab2{width:7.5em;height:3em}#main .btn-tab1::before,#main .btn-tab1::after,#main .btn-tab2::before,#main .btn-tab2::after{background-image:url(../../../img/Event/202410-Hilife-Ghosts/btn-tab.png);background-size:200% 300%}#main .btn-tab1::after,#main .btn-tab2::after{background-position-y:50%}#main .btn-tab1:hover,#main .btn-tab2:hover{filter:none;opacity:1}#main .btn-tab1:hover::before,#main .btn-tab1:hover::after,#main .btn-tab2:hover::before,#main .btn-tab2:hover::after{animation:none;background-position-y:0%}#main .btn-tab1:disabled,#main .btn-tab2:disabled{opacity:1;cursor:default}#main .btn-tab1:disabled::before,#main .btn-tab1:disabled::after,#main .btn-tab2:disabled::before,#main .btn-tab2:disabled::after{animation:none;background-position-y:50%}#main .btn-tab1.active,#main .btn-tab2.active{opacity:1}#main .btn-tab1.active::before,#main .btn-tab1.active::after,#main .btn-tab2.active::before,#main .btn-tab2.active::after{background-position-y:100%}#main .btn-tab2::before,#main .btn-tab2::after{background-position-x:100%}#main .side-container{position:fixed;left:50%;transform:translate(-50%);top:2.25em;z-index:5;pointer-events:none;width:100%;max-width:24em;opacity:1}#main .side-container>*{pointer-events:all}#main .side-btn{display:block;margin-left:auto;margin-right:.25em;width:3.15em;opacity:1;transition:opacity .5s}@media(max-width:1280px){#main .side-btn{opacity:0;pointer-events:none}}#main .input-group{font-size:.75em;display:flex;margin:.5em auto;padding:0 .5em;gap:.25em}#main .input{flex:1 1 auto;width:100%;font:inherit;color:#333;background:#fff;border:none;border-radius:.5em;box-shadow:inset 0 0 .1em .05em rgba(0,0,0,.15),inset .075em .05em .1em .05em rgba(0,0,0,.15);padding:.2em .5em}#main .input::-moz-placeholder{color:inherit;opacity:.5}#main .input::placeholder{color:inherit;opacity:.5}#main .btn-submit{display:inline-block;flex:0 0 auto;font:inherit;color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.25);background:linear-gradient(#4ae28e,#219954);padding:.2em 1em;border:.05em solid #080;border-radius:.5em;box-shadow:.025em .05em .1em rgba(0,0,0,.25);transition:background .1s;cursor:pointer}#main .btn-submit:active,#main .btn-submit:hover{background:linear-gradient(#219954,#4ae28e)}#main #event2 .box2{display:flex;align-items:center;border-top-left-radius:0;border-top-right-radius:0;padding:.2em 0}#main #event2 .box2 p{line-height:1.5;letter-spacing:-.01em;font-size:.55em}#main #event2 .box2 p b{display:inline-block;transform:scale(1,1.5);transform-origin:50% 65%}#main #event2 .box2 img{width:3.5em;height:auto;margin-right:-.4em;margin-left:-.1em}#main #event3 .prize-list{font-size:1em;padding:0;max-width:90%;margin:0 auto .65em;list-style:none}#main #event3 li{display:flex;align-items:flex-start;justify-content:flex-start}#main #event3 li>div{width:100%;border-bottom:.1em dotted #fff}#main #event3 li+li{margin-top:.5em}#main #event3 .step{flex:0 0 auto}#main #event4 .title{justify-content:flex-start;align-items:center;gap:.25em}#main #event5 .border3{width:14.4em}#main #event5 .border3 img,#main #event5 .border3 iframe{display:block;width:14.4em;height:8.1em;border-radius:.1em}#main #event5 iframe{display:block}#main #rules ul,#main #rules ol{font-size:.6em;font-size:clamp(13.5px,.6em,30px);text-align:justify;font-weight:400;padding-left:1.75em;padding-right:.75em;margin:.25em auto 1em;line-height:1.3333;text-shadow:.025em .05em .1em #000}#main #rules li+li{margin-top:.5em}#main #window-wallpaper .wallpaper{position:relative;display:block;width:-moz-max-content;width:max-content;margin:.5em auto;max-height:50vh;max-width:100%;border-radius:.1em;overflow:hidden}#main #window-wallpaper .wallpaper::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 .15em .025em rgba(0,0,0,.5);pointer-events:none}#main #window-wallpaper .wallpaper img{max-height:50vh}#main #socials{filter:drop-shadow(0 0.05em 0.15em rgba(0,0,0,0.5))}#main .modal.old{font:600 60px/1.5 "Noto Sans TC",Arial,Helvetica,sans-serif;font-size:clamp(16px,6vw,60px)!important;display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;flex-direction:column;justify-content:center;align-items:center}#main .modal.old.is-active{display:flex}#main .modal.old .mask{position:fixed;top:-50vh;left:-50vw;bottom:-50vh;right:-50vw;background:rgba(0,0,0,.75);animation:fade .4s ease-out}@supports((-webkit-backdrop-filter:blur(0.1rem)) or (backdrop-filter:blur(0.1rem))){#main .modal.old .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}}#main .modal.old .btn-close{font:inherit;font-size:1em;font-weight:400;display:block;position:absolute;z-index:2;right:-.25em;top:-.25em;width:2em;height:2em;max-width:none;max-height:none;background:url(../../../img/Event/202410-Hilife-Ghosts/btn-close.png) center/contain no-repeat;filter:brightness(1) drop-shadow(0 0.1em 0.05em rgba(24,8,24,0.5));transition:filter .2s,transform .2s ease-in-out;overflow:hidden;outline:none;cursor:pointer}#main .modal.old .btn-close::before,#main .modal.old .btn-close::after{content:"";position:absolute;top:50%;left:50%;width:10%;height:75%;transform:translate(-50%,-50%) rotate(45deg);background:currentColor;border-radius:.05em}#main .modal.old .btn-close::after{transform:translate(-50%,-50%) rotate(-45deg)}#main .modal.old .btn-close:hover,#main .modal.old .btn-close:focus,#main .modal.old .btn-close:active{transform:scale(1.05);filter:brightness(1.1) drop-shadow(0 0.15em 0.1em rgba(24,8,24,0.65))}#main .modal-overflow{overflow-y:auto;overflow-x:hidden;width:100%;max-height:100vh;scrollbar-width:none}#main .modal-overflow::-webkit-scrollbar{width:0}#main .modal-window{display:flex;position:relative;flex-direction:column;justify-content:center;text-align:center;width:97.5%;max-width:16.25em;min-height:4em;margin:1.5em auto 1.25em;padding:0;line-height:1.4;animation:pop .3s}#main .fade-up,#main .fade-left,#main .fade-right,#main .fade-down,#main .fade-in{opacity:0;transition:opacity 1.6s,transform 1s}#main .fade-up.faded,#main .fade-left.faded,#main .fade-right.faded,#main .fade-down.faded,#main .fade-in.faded{transform:none;opacity:1}#main .fade-up{transform:translate(0,1em)}#main .fade-down{transform:translate(0,-1em)}#main .fade-left{transform:translate(1em,0)}#main .fade-right{transform:translate(-1em,0)}#main .bg-area.fade-up,#main .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}}