@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap);.footer .mb-2 a[data-v-147e5ed7]{color:#5a5a5a;text-decoration:none}.footer .mb-2 a[data-v-147e5ed7]:hover{color:#787878;text-decoration:none}:root{--scale:1}#app{width:100%;height:100%}#app,.logo{position:absolute;left:0;top:0}.logo{width:20rem;z-index:99;color:#fff;margin:1rem;max-width:100vw}:root{--bodyBackgroundColor:linear-gradient(30deg,#c24c9b,#181c31,#38468e);--bodyBackgroundColor:#070c11;--headerBackgroundColor:#3c3c3c;--WordColor_Black:#3c3c3c;--hoverColor:#fcc441;--headerTextColor:#fff;--headerHeight:70px;--WordColor:#fff;--barColor:#969696;--leaderNameColor:#08aaff;--memberPicBackground:#f1f5f8}*{font-family:Noto Sans TC,sans-serif}body{background:var(--bodyBackgroundColor);background-position:0;background-position-x:20%;background-size:auto;background-attachment:fixed;overflow-x:hidden}.backgroundFileter{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(../img/background_texture.69e9a3b4.png);z-index:-2;mix-blend-mode:multiply;opacity:.4}section{position:relative}.topTriangle{position:absolute;background:var(--barColor);width:100%;height:20%;-webkit-clip-path:polygon(50% 100%,20% 0,80% 0);clip-path:polygon(50% 100%,20% 0,80% 0);top:0;left:50%;transform:translate(-50%);z-index:-1}.header{height:90px;background:#070c11;line-height:100px;display:flex;justify-content:center}.headerbtn{padding:8px}.headerbtn:hover{border-radius:4px;background-color:hsla(0,0%,100%,.2)}.cuurentPageTitle{color:transparent;background:linear-gradient(135deg,#ff00f9,#008fff);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:lighter;word-break:keep-all;font-weight:900}@media screen and (max-width:768px){.header{height:70px}}.sectionTitle[data-v-c0d8a32e]{position:relative;color:#3c3c3c;-webkit-text-stroke:#cacaca 2px;font-size:4rem;opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.5s;background:url(../img/slash.9d5b9068.png)}.scroller{position:relative}.scroller .switchButton{position:absolute;font-size:2rem;color:#fff;display:block;width:3rem;height:3rem;line-height:3rem;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.scroller .switchButton.prev{left:0;top:50%;transform:translateY(-50%)}.scroller .switchButton.next{right:0;top:50%;transform:translateY(-50%)}.SlideDisplayer{position:absolute;left:0;height:100%;width:100%;overflow:auto}.SlideDisplayer .scrollDiv{position:relative;overflow:scroll;overflow-y:hidden;height:100%;width:100%;display:flex;scroll-snap-type:x mandatory}.SlideDisplayer .scrollDiv>*{scroll-snap-align:start}.SlideDisplayer .scrollDiv::-webkit-scrollbar{width:0}.introAnimation{position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);z-index:1000;display:flex;justify-content:center;overflow:hidden;transition:.5s;transition-delay:3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.introAnimation.active{height:0}.introAnimationContainer{color:#fff;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;padding:1rem}.introAnimation .right{text-align:right;width:100%}.introAnimation .stack{display:grid;grid-template-columns:1fr}.introAnimation .stack span{font-weight:700;grid-row-start:1;grid-column-start:1;font-size:4rem;--stack-height:calc(100%/var(--stacks) - 1px);--inverse-index:calc(var(--stacks) - 1 - var(--index));--clip-top:calc(var(--stack-height)*var(--index));--clip-bottom:calc(var(--stack-height)*var(--inverse-index));-webkit-clip-path:inset(var(--clip-top) 0 var(--clip-bottom) 0);clip-path:inset(var(--clip-top) 0 var(--clip-bottom) 0);animation:stack .34s cubic-bezier(.46,.29,0,1.24) 1 backwards calc(var(--index)*.12s),glitch 2s ease infinite .5s alternate-reverse}.introContainer{overflow:hidden}.intro{background:url(../img/intro.c4e14b13.png);background-repeat:no-repeat;background-size:cover;opacity:.2;background-position:50%;padding:3rem 3rem 3rem 0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:calc(100vh - 90px)}.intro .shatters{position:absolute;left:0;top:0;width:100%;animation:introCharacterMove 4s infinite calc(var(--d)*1s) linear}@media screen and (max-width:768px){.intro .shatters{height:100%;width:inherit}}.intro .introBackground{position:absolute;left:50%;top:0;display:block;height:150vw;width:150vw;border-radius:50%;transform:translate(-50%,-80%);background:radial-gradient(rgba(74,74,98,.5),rgba(74,74,98,.5),hsla(0,0%,100%,0))}.intro .logoContainer{position:relative;display:flex;flex-direction:column;justify-content:center}.intro .logoContainer .text{position:relative;z-index:1;margin:0 1rem}.intro .logoContainer .text,.intro .logoContainer .text.bottom,.intro .logoContainer .text.time{transform:rotate(-10deg) skew(-15deg,0)}.intro .logoContainer .img{position:relative;display:flex;flex-direction:column;justify-content:center;width:60vw;filter:brightness(1.1);height:100vh;transform:translate(-5rem,-5rem)}.intro .introCharacter{position:absolute;right:0;bottom:-5rem;width:50vw;height:auto;animation:introCharacterMove 4s infinite}@media screen and (max-width:768px){.intro .logoContainer{width:100vw;left:0;top:3rem;z-index:1}.intro .logoContainer .img{width:100%;left:0;height:50vh;transform:translate(0);scale:1.2}.intro .introCharacter{width:100vw;bottom:0}}.intro .logo .img2Container{position:absolute;display:inline-block;left:10%;width:0;height:50%;overflow:hidden;transition:.5s;top:0;z-index:10;animation:startLogoAnimation 1.5s ease-in-out forwards;animation-delay:1s}.intro .bar{margin-top:3rem}.intro .logo.active:before{animation:startLogoCursorAnimation 0s ease-in-out forwards}.intro .bar.active{left:80vw;top:0;transform:rotate(90deg);height:50vh;animation:none}.intro .logo .img2Container.active{width:100%;height:100%}.intro .name{position:absolute;top:10vh;right:1vw;width:100%;text-align:right;color:var(--WordColor);font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-right:1rem;z-index:10}.intro .name h1,.intro .name span{position:relative;font-size:var(--fs)}.intro .name span.time{line-height:.5rem}.intro .name h1:before,.intro .name span:before{position:absolute;content:attr(data-text);left:0;color:var(--c);transition:.3s;width:100%;overflow:hidden;word-break:keep-all;filter:blur(.7rem);z-index:-1}.btn-primary{background-color:rgba(13,100,250,.5)}@keyframes introCharacterMove{0%{transform:translateY(0)}50%{transform:translateY(.5rem)}to{transform:translateY(0)}}.introVideoSection{height:1500px;padding:20vh 0}.introVideoSection .dark{position:fixed;background-color:rgba(0,0,0,.5);top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1;transition:.5s}.introVideoSection .dark.active{opacity:1}.introVideoSection .dark.active~.introVideo h2{filter:invert(100%) brightness(1.1)}.introVideo h2{position:relative;color:#3c3c3c;-webkit-text-stroke:#bababa 2px;font-size:5rem;text-align:center;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.5s;background:url(../img/slash.9d5b9068.png)}.introVideo h2.active{opacity:1}.introVideo{position:sticky;top:0;transform:rotate3d(.1,-1,0,var(--r));transform-style:preserve-3d;perspective-origin:0;height:70vh;aspect-ratio:16/9;margin:auto}.introVideo video{width:100%;height:100%}.news .displayer{display:flex;flex-direction:row;overflow-x:hidden}.stack{display:grid;grid-template-columns:1fr}.stack span{font-weight:700;grid-row-start:1;grid-column-start:1;font-size:4rem;--stack-height:calc(100%/var(--stacks) - 1px);--inverse-index:calc(var(--stacks) - 1 - var(--index));--clip-top:calc(var(--stack-height)*var(--index));--clip-bottom:calc(var(--stack-height)*var(--inverse-index));-webkit-clip-path:inset(var(--clip-top) 0 var(--clip-bottom) 0);clip-path:inset(var(--clip-top) 0 var(--clip-bottom) 0);animation:glitch 2s ease 2s infinite alternate-reverse;overflow:hidden}.stack span:nth-child(odd){--glitch-translate:8px}.stack span:nth-child(2n){--glitch-translate:-8px}.stack span .img1{mix-blend-mode:screen!important}.PlanB{position:absolute;right:5%;top:0;background-color:#050509;height:80vh;width:400px;max-width:90%}select option{background:#000;color:#fff}.downloadbtn{width:100%;background-color:#da1d30;color:#fff;border-radius:4px;padding:.5rem;border:none}.downloadbtn:hover{background-color:#f04254}@keyframes stack{0%{opacity:0;transform:translateX(-50%);text-shadow:-2px 3px 0 red,2px -3px 0 blue}60%{opacity:.5;transform:translateX(50%)}80%{transform:none;opacity:1;text-shadow:2px -3px 0 red,-2px 3px 0 blue}to{text-shadow:none}}@keyframes glitch{0%{text-shadow:-2px 3px 0 red,2px -3px 0 blue;transform:translate(var(--glitch-translate));filter:drop-shadow(-2px 3px 0 red,2px -3px 0 blue)}2%{text-shadow:2px -3px 0 red,-2px 3px 0 blue;filter:drop-shadow(2px -3px 0 red,-2px 3px 0 blue)}4%,to{text-shadow:none;transform:none;filter:none}}@media screen and (max-width:768px){.intro .logo{top:10vh}.intro .logo:before{width:0;animation:none}.intro .bar{margin-top:10vh}.intro .name h1,.intro .name span{font-size:calc(var(--fs)*.5)}.intro .introMoveBackground{font-size:calc(var(--fs)*1vh)}.introCharacterSection .introCharacter{flex-direction:column}.introCharacter .characterText{left:-10%}.characterText.cneter{transform:scale(.8)}.introVideoSection .introVideo{width:100vw;height:54vw;margin:auto}.news .displayer{flex-direction:column}.PlanB{left:50%;transform:translateX(-50%)}}