@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;500;600;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bitter:wght@300;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&display=swap";@font-face{font-family:"jinxuan bold";src:url("../../assets/fonts/jf-jinxuan-3.1-bold.woff") format("woff"),url("../../assets/fonts/jf-jinxuan-3.1-bold.otf") format("otf"),url("../../assets/fonts/jf-jinxuan-3.1-bold.ttf") format("ttf")}@font-face{font-family:"jinxuan book";src:url("../../assets/fonts/jf-jinxuan-3.1-book.woff") format("woff"),url("../../assets/fonts/jf-jinxuan-3.1-book.otf") format("otf"),url("../../assets/fonts/jf-jinxuan-3.1-book.ttf") format("ttf")}@font-face{font-family:"jinxuan medium";src:url("../../assets/fonts/jf-jinxuan-3.1-medium.woff") format("woff"),url("../../assets/fonts/jf-jinxuan-3.1-medium.otf") format("otf"),url("../../assets/fonts/jf-jinxuan-3.1-medium.ttf") format("ttf")}@font-face{font-family:"Avenir";src:url("../../assets/fonts/Avenir.ttc") format("ttc")}@font-face{font-family:"Good-Times";src:url("../../assets/fonts/Good-Times.ttf") format("ttf")}@font-face{font-family:"Lao MN";src:url("../../assets/fonts/Lao MN.ttf") format("ttf")}body{overflow:hidden}.wrapper{position:fixed;display:flex;justify-content:center;align-items:center;flex-direction:column;top:0;left:50%;width:720px;height:100%;font-family:"Noto Sans TC",sans-serif;overflow:hidden;transform:translateX(-50%)}.wrapper_result{position:absolute;padding:5% 0 3% 0;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:auto;margin-top:10vh;z-index:1}.wrapper_card{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;top:0;font-family:"Noto Sans TC",sans-serif;overflow:hidden}section{position:fixed;top:0;left:0;width:100%;height:100%;border-bottom:1px solid #000 !important;display:block}.loadingPage{position:absolute;top:0;left:0;width:100%;height:100%;min-height:750px;overflow:hidden;background-image:linear-gradient(30deg, #BEB4FD, 20%, #EECCFC, 60%, #EEEAFD);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999;font-size:1.625rem;font-weight:300;letter-spacing:3px;color:#172a88}.loadingPage .login_logo{position:relative;width:100%;text-align:center;margin:0 0 15px 0}.loadingPage .login_logo-inner{position:relative;display:inline-block;width:39.0625%}.loadingPage .login_logo img{position:relative;width:100%;max-width:100%;height:auto}.consoleLog{position:relative;top:0;left:0;width:640px;padding:0 0 20px 0;background-color:rgba(255,255,255,.8);z-index:9999;font-size:12px;color:#000;display:none}.consoleLog p{position:relative;display:block;word-break:break-all}@font-face{font-family:"Cubic 11";src:url("../../assets/fonts/Cubic_11_1.013_R.ttf") format("ttf"),url("../../assets/fonts/Cubic_11_1.013_R.woff2") format("woff2"),url("../../assets/fonts/Cubic_11_1.013_R.woff") format("woff")}canvas{position:fixed;z-index:-1}svg{border:solid 1px #fff}svg #myClip{transform:rotate(45deg);transform-origin:0% 800%}.loading{position:absolute;z-index:999;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#011136}.loading p{color:#fff;font-size:24px;font-family:"Cubic 11";margin-top:-20px}.loading p span{position:relative;width:0}.loading p span::after{content:"";position:absolute;background-color:#011136;width:100%;z-index:1;height:50px;right:0;animation:grow 1s steps(10) infinite normal both}@keyframes grow{to{width:0%}}#login .modal-content{background-color:#fff;border:solid 2px #000;padding:2% 5%;box-shadow:0px 5px 30px rgba(17,7,134,.4)}#login .modal-content .modal-body{display:flex;justify-content:center;align-items:center;flex-direction:column}#login .modal-content .modal-body .title{font-size:20px;padding:2% 0 5% 0;color:#000;font-weight:500}#login .modal-content .modal-body .form_area{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}#login .modal-content .modal-body .form_area #login_email{width:350px;border:solid 1px #000;padding:2% 5%}#login .modal-content .modal-body .form_area #login_email::placeholder{color:#a4a4a4}#login .modal-content .modal-body .form_area .submit{margin-top:5%;font-size:20px;padding:3%;width:100px;border:none;border-radius:2px;background:#3a3a3a;color:#fff;transition:all .4s}#login .modal-content .modal-body .form_area .submit:hover{transform:scale(1.1);transition:all .4s}#login .modal-content .modal-header{padding:0;border:none;justify-content:flex-end}#login .modal-content .modal-header .btn{font-size:18px;border:solid 1px #000;border-radius:0;background-color:#fff;padding:2px 10px;margin-top:10px}.modal .modal-dialog{display:flex;justify-content:center;align-items:center}.modal .modal-dialog img{width:280px;max-width:100%}.falseWindow{position:absolute;z-index:1;width:30%;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:none}.falseWindow img{width:100%;max-width:100%}.progressBar{position:fixed;top:15%;display:none;opacity:0;justify-content:center;align-items:flex-start;flex-direction:column;width:20%;left:50%;transform:translateX(-50%);z-index:10}.progressBar img{width:100%;max-width:100%}.progressBar img.arrow{top:-20px;left:0px;position:absolute;width:12px}.progressBar img.dl{position:absolute;width:12%;margin-top:11%;margin-left:-5%}.progressBar img.dr{position:absolute;width:14%;margin-top:-8%;margin-left:93%}.progressBar img.stage{opacity:0;transform-origin:50% 50%;transform:scale(0)}.progressBar img.stage.keys{position:absolute;width:12%;margin-top:-20%;margin-left:20%}.progressBar img.stage.chips{position:absolute;width:10%;margin-top:-20%;margin-left:45%}.progressBar img.stage.cups{position:absolute;width:10%;margin-top:-20%;margin-left:68%}.progressBar img.stage.letters{position:absolute;width:12%;margin-top:-20%;margin-left:90%}.progressBar .progress{width:calc(0% - 6px);height:12px;left:3px;overflow:hidden;position:absolute;border-radius:0;background:linear-gradient(90deg, #8149FF, #3D1694)}.intro{display:flex}.intro #canvas_area{position:absolute;z-index:1;overflow:hidden}.intro .intro_bg{position:absolute;background-image:url(../../assets/images/kv/intro_before.jpg);background-size:cover;background-position:center 60%;background-repeat:no-repeat;width:100%;height:100%;overflow:hidden;z-index:-1}.intro .intro_transition{position:absolute;z-index:2;justify-content:center;align-content:inherit;display:none;opacity:0}.intro .intro_transition .area{position:relative;width:100vw;height:100vh;transform:translateX(0%) translateY(0%)}.intro .intro_transition .area .rect{position:absolute;width:100%;height:100%;transform-origin:50% 50%;transform:scale(0)}.intro .intro_transition .area .rect_1{background-color:#fff;opacity:1}.intro .intro_transition .area .rect_2{background-color:#a365d7;opacity:.8}.intro .intro_transition .area .rect_3{background-color:#4717a0;opacity:.6}.intro .intro_transition .area .rect_4{background-color:#011137;opacity:.4}.intro .trans_bg{display:none;opacity:0;position:absolute;width:115%;transform:translateX(-4.5%) translateY(-10%)}.intro .intro_story{position:relative}.intro .intro_story .text .word{position:absolute;width:34%;left:33%;transform-origin:50% 50%;top:38%;opacity:0;transform:scale(0)}.intro .intro_story .text .light{position:absolute;width:50%;left:26%;top:33%;filter:brightness(100%);-webkit-filter:brightness(100%);transform-origin:50% 50%;opacity:0;transform:scale(0)}.intro .intro_story .accept{position:absolute;display:none;width:35%;margin-top:12%;cursor:pointer;z-index:2}.intro .intro_story .accept img{width:100%;max-width:100%}.intro .intro_story .windowArea{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.intro .intro_story .windowArea .window{position:absolute;width:32%}.intro .intro_story .windowArea .window.windowSecond{display:none;opacity:0;justify-content:center;align-items:flex-start;margin-top:30%;margin-left:1%}.intro .intro_story .windowArea .window.windowSecond .SecondWording{margin-top:10%;position:absolute;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding:0 10px}.intro .intro_story .windowArea .window.windowSecond .SecondWording p{color:#fff;font-size:14px;padding:0;line-height:1.2rem;white-space:nowrap;overflow:hidden;width:100%;text-align:center;opacity:0}.intro .intro_story .windowArea .window.windowSecond .SecondWording p.l7{opacity:1;margin-top:15px;font-size:22px;text-align:center}.intro .intro_story .windowArea .window.windowSecond .SecondWording p.active{opacity:1;animation:type .4s steps(60, end)}.intro .intro_story .windowArea .window.windowSecond .SecondWording p.sp{color:#fff500;margin-left:55%}.intro .intro_story .windowArea .window.windowSecond .SecondWording p.sp2{color:#fff500}@keyframes type{from{width:0}}.intro .intro_story .windowArea .window.windowSecond .SecondWording span{animation:blink 1s infinite}@keyframes blink{to{opacity:0}}.intro .intro_story .windowArea .window.windowSecond img{width:100%;max-width:100%}.intro .intro_story .windowArea .window.windowFirst{opacity:0;margin-top:25%;margin-left:0;display:flex;justify-content:center;align-items:flex-start}.intro .intro_story .windowArea .window.windowFirst .FirstWording{margin-top:10%;position:absolute;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding:0 10px}.intro .intro_story .windowArea .window.windowFirst .FirstWording p{color:#fff;font-size:14px;padding:0;line-height:1.2rem;white-space:nowrap;overflow:hidden;width:100%;text-align:center;opacity:0}.intro .intro_story .windowArea .window.windowFirst .FirstWording p.active{opacity:1;animation:type .4s steps(60, end)}.intro .intro_story .windowArea .window.windowFirst .FirstWording p.sp{color:#fff500;margin-left:55%}.intro .intro_story .windowArea .window.windowFirst .FirstWording p.sp2{color:#fff500}.intro .intro_story .windowArea .window.windowFirst .FirstWording span{animation:blink 1s infinite}@keyframes blink{to{opacity:0}}.intro .intro_story .windowArea .window.windowFirst .nextBtn{position:absolute;color:#fff;cursor:pointer;bottom:15px;right:15px;z-index:1;border:solid 1px #fff;padding:10px}.intro .intro_story .windowArea .window.windowFirst img{width:100%;max-width:100%}.intro .intro_story .windowArea .window.window6{opacity:0;margin-top:15%;margin-left:4%}.intro .intro_story .windowArea .window.window5{opacity:0;margin-top:9%;margin-left:8%}.intro .intro_story .windowArea .window.window4{opacity:0;margin-top:3%;margin-left:12%}.intro .intro_story .windowArea .window.window3{opacity:0;margin-top:-3%;margin-left:14%}.intro .intro_story .windowArea .window.window2{opacity:0;margin-top:-9%;margin-left:16%}.intro .intro_story .windowArea .window.window1{opacity:0;margin-top:-15%;margin-left:20%}.intro .intro_story .noises{display:flex;justify-content:center;align-items:center}.intro .intro_story .noises .noise1{margin-top:25%;width:63%;max-width:100%;position:absolute;display:none}.intro .intro_story .noises .noise1.active{display:block;animation:glitch 5.5s infinite}.intro .intro_story .noises .noise2{margin-top:25%;width:63%;max-width:100%;position:absolute;display:none}.intro .intro_story .noises .noise2.active{display:block;animation:glitch 5.5s infinite}@keyframes glitch{1%{transform:rotateX(30deg) skewX(100deg);opacity:1}2%{transform:rotateX(0deg) skewX(0deg);opacity:1}}.intro .intro_story .unlog_btns{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:10%}.intro .intro_story .unlog_btns .login_btn{width:250px;height:70px;background:url(../../assets/images/loginBtn.png);background-size:100% auto;background-repeat:no-repeat;cursor:pointer;transition:all .6s}.intro .intro_story .unlog_btns .login_btn:hover{transform:scale(1.1);transition:all .6s}.intro .intro_story .unlog_btns .unlogin_play{font-size:16px;margin-top:8%;cursor:pointer;border-radius:25px;color:#fff;font-weight:500}.intro .intro_story .logged_btns{display:none;justify-content:center;align-items:center;gap:50px;margin-top:10%}.intro .intro_story .logged_btns .start_game,.intro .intro_story .logged_btns .skip_game{width:150px;background-color:rgba(255,255,255,.8);border:none;padding:3% 0;text-align:center;font-size:20px;border-radius:50px;cursor:pointer}.intro .transition{position:relative;display:none}.intro .transition .title{width:60%}.intro .transition .title img{width:100%;max-width:100%}.intro .transition .content{font-size:16px;color:#fff;font-weight:normal;line-height:2rem;text-align:center;margin-top:5%;padding:0 15%}.intro .transition .transition_btns{display:flex;justify-content:center;align-items:center}.intro .transition .transition_btns .transition_skip{cursor:pointer;width:200px;height:65px;background:url(../../assets/images/StartBtn.png);background-size:100% auto;background-repeat:no-repeat;margin-top:50px;transition:all .6s}.intro .transition .transition_btns .transition_skip:hover{transform:scale(1.1);transition:all .6s}.intro .intro_balls{position:absolute;width:100%;opacity:1;transform-origin:50% 60%;transform:scale(1)}#theme1{display:none;opacity:0}#theme1 .theme1_bg{position:absolute;background-image:url(../../assets/images/bg/Qst1BG.jpg);background-size:cover;background-position:center 60%;background-repeat:no-repeat;width:100%;height:100%;overflow:hidden}#theme1 .red_light{position:absolute;mix-blend-mode:lighten;width:100%;top:15%;opacity:0}#theme1 .red_light img{width:100%;max-width:100%}#theme1 .main_area{position:absolute;width:100%;z-index:1;left:50%;top:50%;transform:translateX(-50%) translateY(-45%);transform-origin:49% 74%}#theme1 .main_area .countNum{display:none;position:absolute;font-family:"Cubic 11";z-index:10;font-size:68px;top:42%;left:50%;color:rgba(255,255,255,.3)}#theme1 .main_area .can{position:relative;width:230px;left:50%;top:50%;transform:translateX(-43%) translateY(35%);animation:canShake .2s linear infinite normal both;--translateX: -43%}@keyframes canShake{0%{transform:translateX(calc(var(--translateX) - 1.5px)) translateY(35%)}50%{transform:translateX(calc(var(--translateX) + 1.5px)) translateY(35%)}100%{transform:translateX(calc(var(--translateX) - 1.5px)) translateY(35%)}}#theme1 .main_area .can img{width:100%;max-width:100%}#theme1 .main_area .key{position:absolute;width:100px;top:34%;left:50%;transform:translateX(-35%);mix-blend-mode:screen;animation:keyFloat 5s linear infinite normal both}#theme1 .main_area .key img{width:100%;max-width:100%}@keyframes keyFloat{0%{top:32%}50%{top:35%}100%{top:32%}}#theme1 .main_area .desk{position:relative;width:380px;left:50%;top:-60px;transform:translateX(-50%)}#theme1 .main_area .desk img{width:100%;max-width:100%}#theme1 .main_area .desk img.drawer{position:absolute;width:15%;z-index:2;left:50%;top:53.2%;left:55.4%;pointer-events:none}#theme1 .main_area .desk img.drawer.light{top:52.5%;transform:scale(0);filter:blur(5px);-webkit-filter:blur(5px)}#theme1 .main_area .desk img.drawer.light.active{animation:shine 1s ease-in-out infinite normal both}@keyframes shine{0%{transform:scale(1);opacity:1}80%{transform:scale(1.8);opacity:0}100%{transform:scale(1.8);opacity:0}}#theme1 .main_area .desk img.monitor{position:absolute;width:12%;left:71%;margin-top:22%;pointer-events:none}#theme1 .main_area .desk img.monitor.light{transform:scale(0);filter:blur(5px);-webkit-filter:blur(5px)}#theme1 .main_area .desk img.monitor.light.active{animation:shine 1s ease-in-out infinite normal both}@keyframes shine{0%{transform:scale(1);opacity:1}80%{transform:scale(1.8);opacity:0}100%{transform:scale(1.8);opacity:0}}#theme1 .main_area .desk img.desktop{left:12%;margin-top:22%;width:10%;position:absolute;pointer-events:none}#theme1 .main_area .desk img.desktop.noise1{opacity:0;animation:noise1 .1s steps(10) infinite normal both}@keyframes noise1{0%{opacity:1}100%{opacity:0}}#theme1 .main_area .desk img.desktop.noise2{opacity:0;animation:noise2 .1s steps(10) infinite normal both}@keyframes noise2{0%{opacity:0}100%{opacity:1}}#theme1 .main_area .desk img.desktop.noise3{opacity:0;animation:noise3 1.2s steps(100) infinite normal both}@keyframes noise3{60%{opacity:0}80%{opacity:1}100%{opacity:1}}#theme1 .main_area .desk img.screen{left:33.5%;margin-top:8%;width:28%;position:absolute;pointer-events:none;opacity:0}#theme1 .main_area .desk img.screen.light{top:0%;transform:scale(0);margin-top:9.5%;opacity:1;filter:blur(5px);-webkit-filter:blur(5px)}#theme1 .main_area .desk img.screen.light.active{animation:screen_shine 1s ease-in-out infinite normal both}@keyframes screen_shine{0%{transform:scale(0);opacity:1}80%{transform:scale(1);opacity:0}100%{transform:scale(1);opacity:0}}#theme1 .q1_intro{position:relative;width:100%;justify-content:center;align-items:center;z-index:1;display:flex}#theme1 .q1_intro .title{font-family:"Cubic 11";font-size:24px;color:#fff;position:absolute;top:0;margin-top:16%}#theme1 .q1_intro .window{position:relative;width:25%;margin-top:20%;justify-content:center;align-items:flex-start;display:none}#theme1 .q1_intro .window .q1Wording{margin-top:15%;position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 10px}#theme1 .q1_intro .window .q1Wording p{color:#fff;font-size:16px;padding:0;line-height:1.4rem;white-space:nowrap;overflow:hidden;width:100%;text-align:center;opacity:0}#theme1 .q1_intro .window .q1Wording p.active{opacity:1;animation:type .4s steps(60, end)}#theme1 .q1_intro .window .q1Wording p.sp{color:#fff500;margin-left:55%}#theme1 .q1_intro .window .q1Wording p.sp2{color:#fff500}#theme1 .q1_intro .window .q1Wording span{animation:blink 1s infinite}@keyframes blink{to{opacity:0}}#theme1 .q1_intro .window .q1nextBtn{position:absolute;color:#fff;cursor:pointer;bottom:15px;right:15px;z-index:2;border:solid 1px #fff;box-sizing:border-box;padding:10px}#theme1 .q1_intro .window img{width:100%;max-width:100%}#theme1 .q1_intro .window .btns{width:100%;position:absolute;justify-content:center;align-items:center;gap:20px;bottom:10%;display:none}#theme1 .q1_intro .window .btns img{z-index:1;cursor:pointer;width:45%;max-width:100%}#theme1 .q1_intro .window .btns.q3{flex-direction:column}#theme1 .q1_intro .window .btns.q4{flex-direction:column}#theme1 .q1_intro .window .btns.q4 img{width:72%}#theme1 .q1_intro .noises{display:flex;justify-content:center;align-items:center}#theme1 .q1_intro .noises .noise1{margin-top:20%;left:30%;width:45%;max-width:100%;position:absolute;display:none}#theme1 .q1_intro .noises .noise1.active{display:block;animation:glitch 5.5s infinite}#theme1 .q1_intro .noises .noise2{margin-top:20%;left:25%;width:45%;max-width:100%;position:absolute;display:none}#theme1 .q1_intro .noises .noise2.active{display:block;animation:glitch 5.5s infinite}@keyframes glitch{1%{transform:rotateX(30deg) skewX(100deg);opacity:1}2%{transform:rotateX(0deg) skewX(0deg);opacity:1}}#theme1 .q1_quest{display:none}#theme1 .q1_quest .window .q1est p{opacity:0}#theme1 .q2_quest{display:none}#theme1 .q2_quest .window .q2est p{opacity:0}#theme1 .q3_quest{display:none}#theme1 .q3_quest .window .q3est p{opacity:0}#theme1 .q4_quest{display:none}#theme1 .q4_quest .window .q4est p{opacity:0}#theme1 .q2_trans{display:none}#theme1 .q2_trans .window .q2trans p{opacity:0}#theme1 .q3_trans{display:none}#theme1 .q3_trans .window .q3trans p{opacity:0}#theme1 .q4_trans{display:none}#theme1 .q4_trans .window .q4trans p{opacity:0}#theme1 .theme1_transition{position:absolute;z-index:999;justify-content:center;align-content:inherit;display:none;opacity:0;top:0}#theme1 .theme1_transition .area{position:relative;width:100vw;height:100vh;transform:translateX(0%) translateY(0%)}#theme1 .theme1_transition .area .rect{position:absolute;width:100%;height:100%;transform-origin:50% 50%;transform:scale(0)}#theme1 .theme1_transition .area .rect_1{background-color:#940030;opacity:1}#theme1 .theme1_transition .area .rect_2{background-color:#4717a0;opacity:.8}#theme1 .theme1_transition .area .rect_3{background-color:#a365d7;opacity:.6}#theme1 .theme1_transition .area .rect_4{background-color:#fff;opacity:.4}#theme2{transform-origin:50% 50%;display:none;opacity:0}#theme2 .q5_bg{position:absolute;background-image:url(../../assets/images/kv/q5bg.jpg);background-size:cover;background-position:center 60%;background-repeat:no-repeat;width:100%;height:100%;overflow:hidden;z-index:-1}#theme2 .q1_intro{position:relative;width:100%;justify-content:center;align-items:center;z-index:2;display:none}#theme2 .q1_intro .title{font-family:"Cubic 11";font-size:24px;color:#fff;position:absolute;top:0;margin-top:16%}#theme2 .q1_intro .window{position:relative;width:25%;margin-top:20%;justify-content:center;align-items:flex-start;display:none}#theme2 .q1_intro .window .q1Wording{margin-top:15%;position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 10px}#theme2 .q1_intro .window .q1Wording p{color:#fff;font-size:16px;padding:0;line-height:1.4rem;white-space:nowrap;overflow:hidden;width:100%;text-align:center;opacity:0}#theme2 .q1_intro .window .q1Wording p.active{opacity:1;animation:type .4s steps(60, end)}#theme2 .q1_intro .window .q1Wording p.sp{color:#fff500;margin-left:55%}#theme2 .q1_intro .window .q1Wording p.sp2{color:#fff500}#theme2 .q1_intro .window .q1Wording span{animation:blink 1s infinite}@keyframes blink{to{opacity:0}}#theme2 .q1_intro .window .q1nextBtn{position:absolute;color:#fff;cursor:pointer;bottom:15px;right:15px;z-index:2;border:solid 1px #fff;box-sizing:border-box;padding:10px}#theme2 .q1_intro .window img{width:100%;max-width:100%}#theme2 .q1_intro .window .btns{width:100%;position:absolute;justify-content:center;align-items:center;gap:20px;bottom:10%;display:none}#theme2 .q1_intro .window .btns img{z-index:1;cursor:pointer;width:45%;max-width:100%}#theme2 .q1_intro .window .btns.q3{flex-direction:column}#theme2 .q1_intro .window .btns.q4{flex-direction:column}#theme2 .q1_intro .window .btns.q4 img{width:72%}#theme2 .q1_intro .window .btns.q5{flex-direction:column}#theme2 .q1_intro .window .btns.q5 img{width:72%}#theme2 .q1_intro .window .btns.q6{flex-direction:column}#theme2 .q1_intro .window .btns.q6 img{width:72%}#theme2 .q1_intro .noises{display:flex;justify-content:center;align-items:center}#theme2 .q1_intro .noises .noise1{margin-top:20%;left:30%;width:45%;max-width:100%;position:absolute;display:none}#theme2 .q1_intro .noises .noise1.active{display:block;animation:glitch 5.5s infinite}#theme2 .q1_intro .noises .noise2{margin-top:20%;left:25%;width:45%;max-width:100%;position:absolute;display:none}#theme2 .q1_intro .noises .noise2.active{display:block;animation:glitch 5.5s infinite}@keyframes glitch{1%{transform:rotateX(30deg) skewX(100deg);opacity:1}2%{transform:rotateX(0deg) skewX(0deg);opacity:1}}#theme2 .q5_quest{display:none}#theme2 .q5_quest .window .q5est p{opacity:0}#theme2 .q6_quest{display:none}#theme2 .q6_quest .window .q6est p{opacity:0}#theme2 .q6_trans{display:none}#theme2 .q6_trans .window .q6trans p{opacity:0}#theme2 .q5_bgRed{position:absolute;mix-blend-mode:screen;width:100%;bottom:-30%;animation:q5_bgRed 2s ease-in-out 1s infinite alternate both}#theme2 .q5_bgRed img{width:100%;max-width:100%}@keyframes q5_bgRed{0%{opacity:0}50%{opacity:.2}100%{opacity:.5}}#theme2 #c{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;mix-blend-mode:screen;transform-origin:50% 60%}#theme2 .theme2_transition{position:absolute;z-index:999;justify-content:center;align-content:inherit;display:none;opacity:0;top:0}#theme2 .theme2_transition .area{position:relative;width:100vw;height:100vh;transform:translateX(0%) translateY(0%)}#theme2 .theme2_transition .area .rect{position:absolute;width:100%;height:100%;transform-origin:50% 50%;transform:scale(0)}#theme2 .theme2_transition .area .rect_1{background-color:#120129;opacity:1}#theme2 .theme2_transition .area .rect_2{background-color:#52269d;opacity:.8}#theme2 .theme2_transition .area .rect_3{background-color:#ed57ff;opacity:.6}#theme2 .theme2_transition .area .rect_4{background-color:#fff;opacity:.4}#theme3{display:none;opacity:0}#theme3 .q7_bg{position:absolute;background-image:url(../../assets/images/kv/q7bg.jpg);background-size:cover;background-position:center 60%;background-repeat:no-repeat;width:100%;height:100%;overflow:hidden;z-index:-1}#theme3 .q1_intro{position:relative;width:100%;justify-content:center;align-items:center;z-index:2;display:none}#theme3 .q1_intro .title{font-family:"Cubic 11";font-size:24px;color:#fff;position:absolute;top:0;margin-top:12%}#theme3 .q1_intro .window{position:relative;width:25%;margin-top:16%;justify-content:center;align-items:flex-start;display:none}#theme3 .q1_intro .window .q1Wording{margin-top:15%;position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 10px}#theme3 .q1_intro .window .q1Wording p{color:#fff;font-size:16px;padding:0;line-height:1.4rem;white-space:nowrap;overflow:hidden;width:100%;text-align:center;opacity:0}#theme3 .q1_intro .window .q1Wording p.active{opacity:1;animation:type .4s steps(60, end)}#theme3 .q1_intro .window .q1Wording p.sp{color:#fff500;margin-left:55%}#theme3 .q1_intro .window .q1Wording p.sp2{color:#fff500}#theme3 .q1_intro .window .q1Wording span{animation:blink 1s infinite}@keyframes blink{to{opacity:0}}#theme3 .q1_intro .window .q1nextBtn{position:absolute;color:#fff;cursor:pointer;bottom:15px;right:15px;z-index:2;border:solid 1px #fff;box-sizing:border-box;padding:10px}#theme3 .q1_intro .window img{width:100%;max-width:100%}#theme3 .q1_intro .window .btns{width:100%;position:absolute;justify-content:center;align-items:center;gap:20px;bottom:10%;display:none}#theme3 .q1_intro .window .btns img{z-index:1;cursor:pointer;width:45%;max-width:100%}#theme3 .q1_intro .window .btns.q3{flex-direction:column}#theme3 .q1_intro .window .btns.q4{flex-direction:column}#theme3 .q1_intro .window .btns.q4 img{width:72%}#theme3 .q1_intro .window .btns.q5{flex-direction:column}#theme3 .q1_intro .window .btns.q5 img{width:72%}#theme3 .q1_intro .window .btns.q6{flex-direction:column}#theme3 .q1_intro .window .btns.q6 img{width:72%}#theme3 .q1_intro .window .btns.checkbox{flex-direction:column;bottom:10%;justify-content:center}#theme3 .q1_intro .window .btns.checkbox .answers{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:15px;z-index:1}#theme3 .q1_intro .window .btns.checkbox .answers .ans{position:relative;color:#fff;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer}#theme3 .q1_intro .window .btns.checkbox .answers .ans span{display:block;width:15px;height:15px;position:relative;left:0;border:solid 1px #fff}#theme3 .q1_intro .window .btns.checkbox .answers .ans span.active{background-color:#fff}#theme3 .q1_intro .window .btns.checkbox .ansBtn{position:relative;margin-top:1%;display:inline-block;cursor:pointer;z-index:1}#theme3 .q1_intro .window .btns.checkbox .ansBtn img{width:120px}#theme3 .q1_intro .window .btns.checkbox .ansBtn.q8ansBtn img{width:200px}#theme3 .q1_intro .noises{display:flex;justify-content:center;align-items:center}#theme3 .q1_intro .noises .noise1{margin-top:20%;left:30%;width:45%;max-width:100%;position:absolute;display:none}#theme3 .q1_intro .noises .noise1.active{display:block;animation:glitch 5.5s infinite}#theme3 .q1_intro .noises .noise2{margin-top:20%;left:25%;width:45%;max-width:100%;position:absolute;display:none}#theme3 .q1_intro .noises .noise2.active{display:block;animation:glitch 5.5s infinite}@keyframes glitch{1%{transform:rotateX(30deg) skewX(100deg);opacity:1}2%{transform:rotateX(0deg) skewX(0deg);opacity:1}}#theme3 .q7_quest{display:none}#theme3 .q7_quest .window .q7est p{opacity:0}#theme3 .q8_quest{display:none}#theme3 .q8_quest .window .q8est p{opacity:0}#theme3 #canvas_area3{position:absolute;z-index:1;overflow:hidden}#theme3 .theme3_transition{position:absolute;z-index:999;justify-content:center;align-content:inherit;display:none;opacity:0;top:0}#theme3 .theme3_transition .area{position:relative;width:100vw;height:100vh;transform:translateX(0%) translateY(0%)}#theme3 .theme3_transition .area .rect{position:absolute;width:100%;height:100%;transform-origin:50% 50%;transform:scale(0)}#theme3 .theme3_transition .area .rect_1{background-color:#fff;opacity:1}#theme3 .theme3_transition .area .rect_2{background-color:#ffa4ff;opacity:.8}#theme3 .theme3_transition .area .rect_3{background-color:#5c2cad;opacity:.6}#theme3 .theme3_transition .area .rect_4{background-color:#120129;opacity:.4}.ending{justify-content:center;align-items:center;display:none;opacity:0}.ending .ending_bg{position:absolute;background-image:url(../../assets/images/kv/software_bg.jpg);background-size:cover;background-position:center 60%;background-repeat:no-repeat;width:100%;height:100%;overflow:hidden;z-index:1}.ending .main_area{position:relative;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:scale(1.1);opacity:0;padding:5%}.ending .main_area .pic{position:relative;width:28%}.ending .main_area .pic img{width:100%;max-width:100%}.ending .main_area .btns{display:flex;justify-content:center;align-items:center;margin-top:2%}.ending .main_area .btns.registered{display:none}.ending .main_area .btns img{width:160px;max-width:100%;cursor:pointer;transition:.4s}.ending .main_area .btns img:hover{transform:scale(1.1);transition:.4s}.ending .main_area .tips{margin-top:1%;color:#000;cursor:pointer;text-decoration:none}@media screen and (max-width: 768px){.loadinPage p{font-size:28px}.falseWindow{width:80%}.progressBar{width:60%}#intro .intro_bg{background-image:url(../../assets/images/kv/intro_before.jpg);background-size:400% auto;background-position:center 60%;background-repeat:no-repeat}#intro .intro_story .text .light{width:66%;top:31%;left:22%}#intro .intro_story .text .word{width:45%;left:29%;top:35%}#intro .intro_story .windowArea .window{width:60%}#intro .intro_story .windowArea .window.window1{margin-top:-20%;margin-left:24%}#intro .intro_story .windowArea .window.window2{margin-top:-14%;margin-left:22%}#intro .intro_story .windowArea .window.window3{margin-top:-8%;margin-left:20%}#intro .intro_story .windowArea .window.window4{margin-top:-2%;margin-left:15%}#intro .intro_story .windowArea .window.window5{margin-top:4%;margin-left:10%}#intro .intro_story .windowArea .window.window6{margin-top:10%;margin-left:5%}#intro .intro_story .windowArea .window.windowFirst .FirstWording{padding:0 20px}#intro .intro_story .windowArea .window.windowFirst .FirstWording p{font-size:24px;line-height:2rem;letter-spacing:.1rem}#intro .intro_story .windowArea .window.windowFirst .nextBtn{font-size:32px;bottom:35px;right:35px}#intro .intro_story .windowArea .window.windowSecond{margin-top:35%}#intro .intro_story .windowArea .window.windowSecond .SecondWording{padding:0 20px}#intro .intro_story .windowArea .window.windowSecond .SecondWording p{font-size:24px;line-height:2rem;letter-spacing:.1rem}#intro .intro_story .windowArea .window.windowSecond .SecondWording p.l7{font-size:48px;margin-top:8%;line-height:initial}#intro .intro_story .accept{width:50%}#intro .intro_story .noises .noise1{margin-top:35%;width:100%}#intro .intro_story .noises .noise2{margin-top:35%;width:100%}#theme1 .red_light{top:55%}#theme1 .main_area .can{transform:scale(1.2) translateX(-34%) translateY(28%)}#theme1 .main_area .desk{transform:translateX(-50%) translateY(10%) scale(1.2)}#theme1 .main_area .key{transform:translateX(-40%) translateY(-10%) scale(1.1)}#theme1 .q1_intro .title{font-family:"Cubic 11";font-size:28px;color:#fff;position:absolute;top:0;margin-top:60%}#theme1 .q1_intro .window{width:80%;margin-top:70%}#theme1 .q1_intro .window .q1Wording p{font-size:24px;line-height:2rem}#theme1 .q1_intro .window .q1nextBtn{font-size:28px;bottom:25px;right:25px}#theme1 .q1_intro .noises .noise1{left:0;margin-top:70%;width:100%;margin-left:0}#theme1 .q1_intro .noises .noise2{left:0;margin-top:70%;width:100%;margin-left:0}#theme2 .q5_bgRed{overflow:hidden;width:150%;left:50%;transform:translateX(-50%);bottom:0}#theme2 .q1_intro .title{font-family:"Cubic 11";font-size:28px;color:#fff;position:absolute;top:0;margin-top:60%}#theme2 .q1_intro .window{width:80%;margin-top:70%}#theme2 .q1_intro .window .q1Wording p{font-size:24px;line-height:2rem}#theme2 .q1_intro .window .q1nextBtn{font-size:28px;bottom:25px;right:25px}#theme2 .q1_intro .noises .noise1{left:0;margin-top:70%;width:100%;margin-left:0}#theme2 .q1_intro .noises .noise2{left:0;margin-top:70%;width:100%;margin-left:0}#theme3 .q1_intro .title{font-family:"Cubic 11";font-size:28px;color:#fff;position:absolute;top:0;margin-top:60%}#theme3 .q1_intro .window{width:80%;margin-top:70%}#theme3 .q1_intro .window .q1Wording p{font-size:24px;line-height:2rem}#theme3 .q1_intro .window .q1nextBtn{font-size:28px;bottom:25px;right:25px}#theme3 .q1_intro .window .btns.checkbox{bottom:10%}#theme3 .q1_intro .window .btns.checkbox .answers{font-size:24px;gap:25px}#theme3 .q1_intro .window .btns.checkbox .answers .ans span{width:20px;height:20px}#theme3 .q1_intro .window .btns.checkbox .ansBtn{margin-top:2%}#theme3 .q1_intro .window .btns.checkbox .ansBtn img{width:180px}#theme3 .q1_intro .noises .noise1{left:0;margin-top:70%;width:100%;margin-left:0}#theme3 .q1_intro .noises .noise2{left:0;margin-top:70%;width:100%;margin-left:0}.ending .ending_bg{background-size:100% 100%}.ending .main_area .pic{width:90%}.ending .main_area .btns{margin-top:5%}.ending .main_area .btns a img{width:250px}.ending .main_area .tips{font-size:28px;margin-top:5%}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}@media(min-width: 576px){.d-sm-none{display:none !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}}@media(min-width: 768px){.d-md-none{display:none !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}}@media(min-width: 992px){.d-lg-none{display:none !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:flex !important}.d-lg-inline-flex{display:inline-flex !important}}@media(min-width: 1200px){.d-xl-none{display:none !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:flex !important}.d-xl-inline-flex{display:inline-flex !important}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}/*# sourceMappingURL=all.min.css.map */