:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;overflow:hidden}*{box-sizing:border-box}.custom-scroll-style::-webkit-scrollbar{right:10px;width:6px;height:10px;background-color:#000;border-radius:4px}.custom-scroll-style::-webkit-scrollbar-thumb{background:#666;border-radius:4px}ul{margin:0;padding:0}li{list-style:none}a,button,input,optgroup,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}/*!
  Theme: Brush Trees Dark
  Author: Abraham White <abelincoln.white@gmail.com>
  License: ~ MIT (or more permissive) [via base16-schemes-source]
  Maintainer: @highlightjs/core-team
  Version: 2021.09.0
*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b0c5c8;background:#485867}.hljs ::selection,.hljs::selection{background-color:#6d828e;color:#b0c5c8}.hljs-comment{color:#8299a1}.hljs-tag{color:#98afb5}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b0c5c8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b38686}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d8bba2}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#aab386}.hljs-strong{font-weight:700;color:#aab386}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#87b386}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#86b3b3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#868cb3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b386b2}.hljs-emphasis{color:#b386b2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b39f9f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}.hljs{border-radius:4px;border:.1em solid #aaa;margin:auto 2px;padding:1px 5px!important}h1 .hljs,h2 .hljs{padding:1px 5px!important}h1 .hljs,h2 .hljs,h3 .hljs{display:inline-block!important;vertical-align:top!important}pre code.hljs{border-radius:1em;margin:auto;border:.7em solid #aaa;padding:13px!important}#app{position:relative;width:100%;height:100vh;background-color:#424242;overflow:hidden}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (min-width: 1024px){body{display:flex;place-items:center}}.loading-wrap[data-v-4eadb71c]{position:fixed;width:100vw;height:100vh;display:none;align-items:center;justify-content:center;background-color:#bbb;z-index:999;animation:show-4eadb71c 1s 1}.hide-loading[data-v-4eadb71c]{animation:hide-4eadb71c 1s 1}@keyframes show-4eadb71c{0%{opacity:.8}to{opacity:1}}@keyframes hide-4eadb71c{0%{opacity:1}to{opacity:0}}.loading-queue[data-v-4eadb71c]{position:relative;display:inline-block;width:200px;height:80px;box-sizing:border-box;overflow:hidden}.loading-queue[data-v-4eadb71c]:before{position:absolute;content:"";top:0;left:0;width:100%;height:10%;background-color:gray}.loading-queue[data-v-4eadb71c]:after{position:absolute;content:"";bottom:0;left:0;width:100%;height:10%;background-color:gray}.queue-item[data-v-4eadb71c]{position:absolute;display:block;width:16%;height:60%;top:20%;left:45%;border-radius:5px;box-sizing:border-box;background-color:#ddd;transition:left .8s,background-color .8s}canvas[data-v-e737ca7d]{position:fixed}.router-wrap[data-v-3bfc065e]{position:absolute;left:calc(50% - 150px);top:calc(50% - 150px);width:fit-content;height:fit-content;z-index:999999;transition:.4s ease-out}.route-wrap[data-v-3bfc065e]{width:300px;height:300px;display:flex;flex-wrap:wrap}.route[data-v-3bfc065e]{position:relative;width:50%;height:50%;background-color:gray;box-sizing:border-box;border:1px solid #dddddd9e;transition:all .4s,background-color .1s;overflow:hidden;cursor:pointer;z-index:1}.route[data-v-3bfc065e]:hover{opacity:1}.route-link[data-v-3bfc065e]{display:inline-block;text-decoration:none;width:100%;height:100%;text-align:center;line-height:150px;color:#fff;text-shadow:1px 1px 5px #ddd,-1px -1px 5px #ddd;font-size:1.2em;-webkit-user-select:none;user-select:none;font-weight:700}.route-link .route-name[data-v-3bfc065e]{pointer-events:none}.route:nth-child(1) .route-name[data-v-3bfc065e]{transform:rotate(-45deg)}.route:nth-child(2) .route-name[data-v-3bfc065e]{transform:rotate(45deg)}.route:nth-child(3) .route-name[data-v-3bfc065e]{transform:rotate(45deg)}.route:nth-child(4) .route-name[data-v-3bfc065e]{transform:rotate(-45deg)}.route[data-v-3bfc065e]:nth-child(1){border-top:none;border-left:none;border-top-left-radius:100%;background:linear-gradient(135deg,#eee,#6bcaca,#2fb6b6);background-size:300% 300%;background-position:top left;transition:.6s;transform-origin:bottom right}.route[data-v-3bfc065e]:nth-child(1):hover{background-position:center;box-shadow:-1px -1px 20px #0ff3,0 10px 20px #0ff3,1px 10px 20px #0ff3;z-index:0}.route[data-v-3bfc065e]:nth-child(2){border-top:none;border-right:none;border-top-right-radius:100%;background:linear-gradient(225deg,#ddd,#e6e680,#848418);background-size:300% 300%;background-position:top right;transition:.6s;transform-origin:bottom left}.route[data-v-3bfc065e]:nth-child(2):hover{background-position:center;box-shadow:1px -1px 20px #e7e71c33,0 10px 20px #e7e71c33,-1px 10px 20px #e7e71c33;z-index:0}.route[data-v-3bfc065e]:nth-child(3){border-bottom:none;border-left:none;border-bottom-left-radius:100%;background:linear-gradient(45deg,#eee,#de9ade,#976497);background-size:300% 300%;background-position:bottom left;transition:.6s;transform-origin:top right}.route[data-v-3bfc065e]:nth-child(3):hover{background-position:center;box-shadow:-1px 1px 20px #e680e639,0 1px 20px #e680e639,1px 1px 20px #e680e639;z-index:0}.route[data-v-3bfc065e]:nth-child(4){border-bottom:none;border-right:none;border-bottom-right-radius:100%;background:linear-gradient(135deg,#539653,#65d365,#ccc);background-size:300% 300%;background-position:bottom right;transition:.6s;transform-origin:top left}.route[data-v-3bfc065e]:nth-child(4):hover{background-position:center;box-shadow:1px 1px 20px #80e68048,0 -1px 20px #80e68048,-1px 0 20px #80e68048;z-index:0}.main-content[data-v-3bfc065e]{position:absolute;width:50%;aspect-ratio:1 / 1;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);border-radius:50%;background-color:transparent;border:6px solid #dddddd37;z-index:9;transition:.4s,border .3s;overflow:hidden;cursor:pointer;filter:grayscale(.1) brightness(1.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.main-content[data-v-3bfc065e] tspan{-webkit-user-select:none;user-select:none;transition:.2s;fill:transparent}.main-content h1[data-v-3bfc065e]{display:block;position:absolute;top:50%;left:50%;max-width:120px;transform:translate(-50%,-50%);width:100%;text-align:center;margin:0 auto;transition:.3s;-webkit-user-select:none;user-select:none;color:#fff;text-shadow:1px 1px 6px #666;z-index:2;pointer-events:none;font-size:30px;line-height:40px}.main-content[data-v-3bfc065e]:hover{width:45%}.main-content:hover h1[data-v-3bfc065e]{color:#ddd;text-shadow:1px 1px 4px #aaa}.main-content .animate-span[data-v-3bfc065e]{display:inline-block}.main-content .animate-span[data-v-3bfc065e]:nth-child(2){animation:animateSpan-3bfc065e 4s ease-in-out infinite}.main-content .animate-span[data-v-3bfc065e]:last-child{animation:animateSpan-3bfc065e 4s .1s ease-in-out infinite}@keyframes animateSpan-3bfc065e{0%,90%{transform:translateY(0)}95%{transform:translateY(-10px)}to{transform:translateY(0)}}.show-content[data-v-3bfc065e]{cursor:auto;width:130%!important;border-radius:50%}.show-content[data-v-3bfc065e] h1{transition:none;color:transparent!important;text-shadow:1px 1px 4px transparent!important}.show-content[data-v-3bfc065e] tspan{fill:#737373;text-shadow:1px 1px 8px #999}.show-content[data-v-3bfc065e] .link{visibility:visible}.link[data-v-3bfc065e]{position:absolute;bottom:20px;width:100%;text-align:center;vertical-align:baseline;transition:.2s;visibility:hidden}.link a[data-v-3bfc065e]{position:relative;margin-left:4px;color:#111e;transition:.4s;border-radius:8px}.link a[data-v-3bfc065e]:after{display:block;content:"";position:absolute;bottom:0;right:0;width:0%;height:2px;background-color:#424242;transition:width .2s}.link a[data-v-3bfc065e]:hover{color:#424242}.link a[data-v-3bfc065e]:hover:after{width:100%}.link>a[data-v-3bfc065e]{text-decoration:none;color:#424242;opacity:.6;border:2px solid transparent}.link>a[data-v-3bfc065e]:nth-of-type(2){margin-left:12px}.link>a[data-v-3bfc065e]:after{display:none}.link>a[data-v-3bfc065e]:hover,.link>a.focus[data-v-3bfc065e]{color:#111e;opacity:1;border:2px solid #424242}.link li[data-v-3bfc065e]{padding-left:38%;text-align:left;vertical-align:text-bottom;-webkit-user-select:none;user-select:none}.self-link[data-v-3bfc065e],.other-link[data-v-3bfc065e]{transition:.4s}.self-link[data-v-3bfc065e]{margin-top:10px}.self-link>li[data-v-3bfc065e]{display:flex;align-items:center}.other-link[data-v-3bfc065e]{position:absolute;width:100%;top:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column}.other-link li[data-v-3bfc065e]{padding-left:0!important;margin:2px auto}.other-link a[data-v-3bfc065e]{display:inline-block;width:100%;text-align:center;margin:0;text-decoration:none}.other-link del[data-v-3bfc065e]{color:#424242}.center[data-v-3bfc065e]{left:calc(50% - 150px);top:calc(50% - 150px);transition:.36s ease-in}@keyframes revolve-3bfc065e{0%{transform:rotate3d(0,0,1,0)}to{transform:rotate3d(0,0,1,360deg)}}.bottom-left[data-v-3bfc065e]{left:-150px;top:calc(100% - 150px);animation:b_l-3bfc065e 1s ease-out}.bottom-left .route[data-v-3bfc065e]:nth-child(2){z-index:9}@keyframes b_l-3bfc065e{0%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(1)}40%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(.9)}90%{left:-150px;top:calc(100% - 150px);transform:scale(.8)}to{left:-150px;top:calc(100% - 150px);transform:scale(1)}}.bottom-right[data-v-3bfc065e]{left:calc(100% - 150px);top:calc(100% - 150px);animation:b_r-3bfc065e 1s ease-out}.bottom-right .route[data-v-3bfc065e]:nth-child(1){z-index:9}@keyframes b_r-3bfc065e{0%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(1)}40%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(.9)}90%{left:calc(100% - 150px);top:calc(100% - 150px);transform:scale(.8)}to{left:calc(100% - 150px);top:calc(100% - 150px);transform:scale(1)}}.top-left[data-v-3bfc065e]{left:-150px;top:-150px;animation:t_l-3bfc065e 1s linear}.top-left .route[data-v-3bfc065e]:nth-child(4){z-index:9}@keyframes t_l-3bfc065e{0%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(1)}40%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(.9)}90%{left:-150px;top:-150px;transform:scale(.8)}to{left:-150px;top:-150px;transform:scale(1)}}.top-right[data-v-3bfc065e]{left:calc(100% - 150px);top:-150px;animation:t_r-3bfc065e 1s linear}.top-right .route[data-v-3bfc065e]:nth-child(3){z-index:9}@keyframes t_r-3bfc065e{0%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(1)}40%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(.9)}90%{left:calc(100% - 150px);top:-150px;transform:scale(.8)}to{left:calc(100% - 150px);top:-150px;transform:scale(1)}}#canvas[data-v-dee2d3ae]{position:absolute;width:100%;height:100%;z-index:-1}.fade-enter-active,.fade-leave-active,.fade-top-left-enter-active,.fade-top-left-leave-active,.fade-top-right-enter-active,.fade-top-right-leave-active,.fade-bottom-left-enter-active,.fade-bottom-left-leave-active,.fade-bottom-right-enter-active,.fade-bottom-right-leave-active{transition:opacity .35s,transform .5s .3s}.fade-top-left-enter-from,.fade-top-left-leave-to{transform:translate(-100%,-100%);opacity:0}.fade-top-right-enter-from,.fade-top-right-leave-to{transform:translate(100%,-100%);opacity:0}.fade-bottom-left-enter-from,.fade-bottom-left-leave-to{transform:translate(-100%,100%);opacity:0}.fade-bottom-right-enter-from,.fade-bottom-right-leave-to{transform:translate(100%,100%);opacity:0}header{line-height:1.5;max-height:100vh}.logo{display:block;margin:0 auto 2rem}nav{width:100%;font-size:12px;text-align:center;margin-top:2rem}nav a.router-link-exact-active{color:var(--color-text)}nav a.router-link-exact-active:hover{background-color:transparent}nav a{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a:first-of-type{border:0}@media (min-width: 1024px){header{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo{margin:0 2rem 0 0}header .wrapper{display:flex;place-items:flex-start;flex-wrap:wrap}nav{text-align:left;margin-left:-1rem;font-size:1rem;padding:1rem 0;margin-top:1rem}}.home-page[data-v-68220361]{display:flex;flex-wrap:wrap;width:100%;height:100%}.home-route[data-v-68220361]{width:50%;height:50%;-webkit-user-select:none;user-select:none}.route-bg[data-v-68220361]{position:relative;display:flex;flex-direction:column;justify-content:space-around;width:100%;height:100%}.route-bg h1[data-v-68220361]{display:inline-block;color:transparent;transition:.3s ease-in,color .4s ease-in}.tech-route-bg h1[data-v-68220361]{background:linear-gradient(135deg,#424242,80%,#0ff);-webkit-background-clip:text;background-clip:text}.block1:hover+.home-page .tech-route-bg h1[data-v-68220361]{color:#00ffff80;text-shadow:-1px -1px 1px #666,0px 1px rgba(0,255,255,.4),0px 2px rgba(0,255,255,.4),1px 1px rgba(0,255,255,.4),1px 2px rgba(0,255,255,.4),1px 3px rgba(0,255,255,.4);transform:translate3d(-3px,-3px,0)}.selfMade-route-bg h1[data-v-68220361]{background:linear-gradient(225deg,#424242,80%,#e7e71c);-webkit-background-clip:text;background-clip:text}.block2:hover+.home-page .selfMade-route-bg h1[data-v-68220361]{color:#e7e71c;text-shadow:-1px -1px 1px #666,0px 1px rgba(231,231,28,.2),0px 2px rgba(231,231,28,.2),-1px 1px rgba(231,231,28,.2),-1px 2px rgba(231,231,28,.2),-1px 3px rgba(231,231,28,.2);transform:translate3d(3px,-3px,0)}.game-route-bg h1[data-v-68220361]{background:linear-gradient(45deg,#424242,80%,#00bfff);-webkit-background-clip:text;background-clip:text}.block3:hover+.home-page .game-route-bg h1[data-v-68220361]{color:#08d1d1e6;text-shadow:-1px 1px 1px #666,0px -1px rgba(0,191,255,.3),0px -2px rgba(0,191,255,.3),1px -1px rgba(0,191,255,.3),1px -2px rgba(0,191,255,.3),1px -3px rgba(0,191,255,.3);transform:translate3d(-3px,3px,0)}