@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap);.sidebarButton{position:fixed;top:5%;right:-1rem;z-index:100;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;filter:drop-shadow(-2px 0 0 rgb(8,170,255)) drop-shadow(0 2px 0 rgb(8,170,255)) drop-shadow(0 -2px 0 rgb(8,170,255)) drop-shadow(-4px 0 20px #0e11c8)}.sidebarButton span{background-color:#525252;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:2rem;-webkit-clip-path:polygon(0 50%,25% 0,75% 0,100% 50%,75% 100%,25% 100%);clip-path:polygon(0 50%,25% 0,75% 0,100% 50%,75% 100%,25% 100%);padding:.5rem 1rem}.sidebar{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:99;visibility:hidden;overflow:hidden;transition:.2s}.sidebar.active{visibility:visible;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar .menu{position:absolute;opacity:0;left:50%;top:50%;transform:translate(-50%,-50%);transition:.5s;visibility:hidden;text-align:center}.sidebar.active .menu{opacity:1;visibility:visible;list-style:none}.sidebar .menu a{color:#fff;text-decoration:none;font-size:2rem}.sidebar .menu li{position:relative;opacity:0;transition:.1s;transition-delay:calc(var(--i)*.05s)}.sidebar.active .menu li{opacity:1}.sidebar .menu li:before{content:"》";display:block;background-color:transparent;position:absolute;left:-2.5rem;top:0;color:#fff;font-size:2rem;font-weight:700;opacity:0;visibility:hidden;transition:.3s}.sidebar .menu li a:after{content:"";display:block;background-color:#fff;position:absolute;left:-1rem;top:0;width:4px;height:0;transition:.2s;transition-delay:calc(var(--i)*.03s)}.sidebar.active .menu li a:after{height:90%}.sidebar .menu li.active:before,.sidebar .menu li:hover:before{opacity:1;visibility:visible}.scrollToTop{position:fixed;display:block;bottom:10%;right:.1rem;width:3rem;height:3rem;background:rgba(60,60,60,.8);color:var(--WordColor);cursor:pointer;text-align:center;line-height:3rem;z-index:99}.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:#0b0e0e;--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{background:var(--barColor);height:20%;-webkit-clip-path:polygon(50% 100%,20% 0,80% 0);clip-path:polygon(50% 100%,20% 0,80% 0);left:50%;transform:translate(-50%);z-index:-1}.header,.topTriangle{position:absolute;width:100%;top:0}.header{height:100px;line-height:100px;font-weight:700;display:flex;justify-content:space-between;z-index:10;vertical-align:middle}.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 img{top:5rem;position:absolute;left:50%;transform:translateX(-50%)}}.splitLine{display:flex;text-align:center;justify-content:center;flex-wrap:wrap}.splitLine .line{margin:.5rem 0;position:relative;display:block;width:var(--l);border-bottom:2px solid #fff}.splitLine .line.dot:before{left:-.5rem;border-radius:50%;border:1px solid #fff}.splitLine .line.dot:after,.splitLine .line.dot:before{content:"";display:block;position:absolute;top:-.25rem;width:.5rem;height:.5rem;background:transparent}.splitLine .line.dot:after{right:-.5rem;border-radius:50%;border:1px var(--WordColor_Black) solid}.splitLine .line.triangle:after{content:"";display:block;position:absolute;left:100%;bottom:0;width:calc(var(--tl));background:transparent;border-radius:0;height:0;border:none;border-bottom:1px var(--WordColor_Black) solid;border-top:1px var(--WordColor_Black) solid;transform:rotate(-45deg);transform-origin:left}.sectionTitle[data-v-77d3015a]{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);padding-left:2rem}.card{position:relative;background:url(../img/newsCardBackground.76ef08c9.png);background-position:50%;background-size:100% 100%;transition:.25s;padding:1rem;margin:1rem;aspect-ratio:9/16;font-family:var(--bs-font-monospace);color:#fff;display:block;min-width:20rem}.card.more{cursor:pointer}.card.more:after{content:"》";position:absolute;bottom:7rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;writing-mode:vertical-lr;left:50%;transform:translate(-50%);color:#fff;font-size:2rem;transition:.2s;font-weight:900;display:block;z-index:1}.card.more:hover:after{transform:translate(-50%,20%)}.card .info{padding:0 1rem}.card .new{left:1rem;top:2rem;color:#fff;z-index:2}.card .new,.card .new:before{position:absolute;font-size:1.5rem;padding:.2rem 1rem;font-weight:800}.card .new:before{content:"NEW!";color:red!important;left:0;top:0;background-color:red;transform:skew(-30deg);color:#fff;z-index:-1}.card .cardTitle{font-size:1.4rem;text-align:left;font-weight:900;text-align:center}.card .image{display:block;aspect-ratio:16/9;overflow:hidden}.card .image img{transition:.2s}.card:hover .image img{transform:scale(1.1)}.card .image img{width:100%;aspect-ratio:16/9}.card div{margin:.5rem 0}.card .infoType{font-size:12px;font-weight:500;line-height:25px;display:block;text-align:center;width:50px;height:30px}.card .infoType,.card .infoType.gray{color:#fff;border:1px solid #fff;box-shadow:0 0 8px #fff}.card .infoType.blue{color:#6cbaff;border:1px solid #6cbaff;box-shadow:0 0 8px #6cbaff}.card .infoType.red{color:#ff00b3;border:1px solid #ff00b3;box-shadow:0 0 8px #ff00b3}.card .infoType.green{color:#00ff59;border:1px solid #00ff59;box-shadow:0 0 8px #00ff59}.card .infoType.yellow{color:#ffd000;border:1px solid #ffd000;box-shadow:0 0 8px #ffd000}.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}.floating{position:absolute;transition:.2s}.shatterContainer{position:absolute;width:100vw;height:100%;overflow-x:hidden;overflow-y:visible;z-index:-1}.shatter{scale:var(--s)}.verticalText{position:absolute;right:0;opacity:0;top:1rem;writing-mode:vertical-rl;color:#606465;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:-1;transition:.2s;transition-delay:.2s;transform:translate(100%)}.verticalText:before{content:"";position:absolute;background-color:#25a3d5;top:-1rem;right:.5rem;width:.5rem;height:50%;display:block}.verticalText .title{font-size:4rem;font-weight:900}.verticalText .text{font-size:1rem;font-weight:900}.verticalText.active{right:0;opacity:1;transform:translate(0)}.introCharacterSection{position:relative;padding:5rem 0;overflow:hidden;background:#383d3f;background-image:linear-gradient(hsla(0,0%,100%,.1) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:15px 15px,15px 15px;background-position:top;z-index:0}.introCharacterSection .displayer{display:grid;grid-template-columns:3fr 2fr;gap:5rem;margin:0 auto;padding:0}.introCharacterSection .displayer .characterInfo{position:relative;display:grid;grid-template-rows:1fr 2px 1fr 2px 1fr;color:#fff;gap:1rem;padding:1rem}.introCharacterSection .displayer .characterInfo img{position:relative;top:50%;transform:translateY(-50%)}.introCharacterSectionBackground{position:absolute;top:50%;left:-10%;height:25%;width:120vw;transform:rotate(-10deg) skew(-10deg);background-color:#25363f;display:block;z-index:-2;filter:blur(2px)}@media screen and (max-width:768px){.introCharacterSection .displayer{grid-template-columns:1fr;margin:0 0}}.dragableDisplayer{box-sizing:border-box;position:absolute;display:block;border-radius:1rem;border:2px solid #fff;aspect-ratio:16/9;filter:drop-shadow(0 0 2px white);transform:translate(-50%,-50%);scale:0;background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);visibility:hidden}.dragableDisplayer.noTransform{transform:none}.dragableDisplayer.active{visibility:visible;animation:scaleUP .3s cubic-bezier(.36,.03,.72,1.55) forwards}@keyframes scaleUP{0%{scale:0}to{scale:1}}.dragableDisplayerHeader{text-align:right;cursor:pointer;border-bottom:2px solid #fff;color:#fff;font-size:.5rem;line-height:2rem;letter-spacing:6px;padding:.5rem}.dragableDisplayerFooter{display:flex;justify-content:space-between;border-top:2px solid #fff;color:#fff;font-size:1.4rem;line-height:1.5rem;letter-spacing:6px;padding:.8rem}#videoWindow{width:60vw}#fbWindow,#logoWindow{width:30vw}@media screen and (max-width:768px){#videoWindow{width:90vw}#fbWindow,#logoWindow{width:50vw}.dragableDisplayerFooter{font-size:1rem}}.socialMediaButtonContainer{position:relative;width:100%;text-align:center;display:flex;justify-content:center}.socialMediaButton{color:#fff;background:var(--c);border-radius:.5rem;display:block;height:3rem;width:3rem;line-height:3rem;font-size:2rem;text-decoration:none;text-align:center;margin:1.5rem;transition:.2s}.socialMediaButton:hover{color:#fff;opacity:.7}.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{filter:drop-shadow(0 5px 0 rgb(8,170,255)) drop-shadow(0 0 20px #0e11c8);overflow:hidden}.intro{background:var(--bodyBackgroundColor);background:linear-gradient(-20deg,#16142c,#42405f);padding:3rem 3rem 3rem 0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:120vh;-webkit-clip-path:polygon(0 0,100% 0,100% 77.3114355231%,50% 100%,0 77.3114355231%);clip-path:polygon(0 0,100% 0,100% 77.3114355231%,50% 100%,0 77.3114355231%)}.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}@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}}