*,*:before,*:after{box-sizing:border-box}body{margin:unset}button,input,textarea,select{font:inherit}img,picture,svg,canvas{display:block;max-width:100%;height:auto}:root{--gray-50: rgb(250, 250, 250);--gray-100: rgb(245, 245, 245);--gray-200: rgb(160, 160, 160);--gray-300: rgb(120, 120, 120);--gray-400: rgb(85, 85, 85);--gray-500: rgb(65, 67, 57);--gray-600: rgb(50, 50, 50);--gray-700: rgb(40, 41, 35);--gray-900: rgb(35, 36, 33);--green-100: rgb(192, 224, 167);--green-200: rgb(199, 235, 171);--green-300: rgb(180, 230, 166);--green-400: rgb(147, 184, 119);--color-bg-primary: white;--color-bg-secondary: var(--gray-100);--color-bg-tertiary: var(--gray-50);--color-bg-quaternary: white;--color-text-primary: var(--gray-400);--color-text-secondary: var(--green-400);--color-text-tertiary: var(--gray-300);--color-text-quaternary: white;--color-border-primary: var(--gray-100);--color-border-secondary: var(--gray-900);--color-button-bg: white;--color-button-bg-hover: var(--gray-400);--color-button-text: var(--gray-400);--color-button-text-hover: white;--color-accent: var(--green-300);--color-selection: var(--green-200)}[data-theme=dark]{--color-bg-primary: var(--gray-700);--color-bg-secondary: var(--gray-900);--color-bg-tertiary: var(--gray-500);--color-bg-quaternary: var(--gray-600);--color-text-primary: white;--color-text-secondary: var(--green-400);--color-text-tertiary: var(--gray-200);--color-text-quaternary: white;--color-border-primary: var(--gray-900);--color-border-secondary: white;--color-button-bg: var(--gray-400);--color-button-bg-hover: white;--color-button-text: white;--color-button-text-hover: var(--gray-400);--color-accent: var(--green-300);--color-selection: var(--green-200)}:root{font-size:clamp(.875em,.5svw + .6em,1.125em)}body{font-family:Helvetica,Arial,sans-serif;color:var(--color-text-primary)}.button{padding:5px 20px;border:2px solid #555555;border-radius:0;font-size:.875rem;color:var(--color-button-text);background-color:var(--color-button-bg);font-family:Lato,PingFang SC,Microsoft YaHei,sans-serif;text-decoration:none;text-align:center;width:fit-content}.button:hover{color:var(--color-button-text-hover);background-color:var(--color-button-bg-hover);cursor:pointer}.button-wapper{display:flex;justify-content:space-around}::selection{background-color:var(--color-selection)}#app{grid-template-columns:minmax(20px,1fr) repeat(10,minmax(0,100px)) minmax(20px,1fr);grid-template-rows:minmax(60px,1fr) 10fr minmax(60px,1fr);display:grid;height:100vh}.navbar[data-v-0c785ec0]{display:flex;justify-content:space-between;align-items:center;height:60px;margin-left:auto}.nav-menu>li[data-v-0c785ec0]{display:flex;align-items:center}.nav-menu[data-v-0c785ec0]{display:flex;list-style:none;gap:30px;padding-left:0;margin:0;align-items:center}.nav-link[data-v-0c785ec0]{color:var(--color-text-primary);text-decoration:none;transition:color .3s;padding:5px 10px;border-radius:4px;background:none;border:none;cursor:pointer;font-size:inherit;display:flex;align-items:center;justify-content:center;height:100%;line-height:1}.nav-link[data-v-0c785ec0]:hover,.router-link-exact-active[data-v-0c785ec0]{color:var(--color-text-secondary);background-color:#ffffff1a}.hamburger[data-v-0c785ec0]{display:none;flex-direction:column;cursor:pointer;width:30px;height:21px;position:relative}.hamburger span[data-v-0c785ec0]{display:block;height:2px;width:100%;background-color:var(--color-text-primary);border-radius:3px;position:absolute}.hamburger span[data-v-0c785ec0]:nth-child(1){top:0}.hamburger span[data-v-0c785ec0]:nth-child(2){top:8px}.hamburger span[data-v-0c785ec0]:nth-child(3){top:16px}.hamburger.active span[data-v-0c785ec0]:nth-child(1){transform:rotate(45deg);top:9px}.hamburger.active span[data-v-0c785ec0]:nth-child(2){opacity:0}.hamburger.active span[data-v-0c785ec0]:nth-child(3){transform:rotate(-45deg);top:9px}@media(max-width:768px){.hamburger[data-v-0c785ec0]{display:flex}.nav-menu[data-v-0c785ec0]{position:fixed;top:60px;left:-100%;width:100%;height:calc(100vh - 60px);background-color:var(--color-bg-primary);flex-direction:column;align-items:center;justify-content:flex-start;padding-top:40px;gap:30px;margin:0}.nav-menu.active[data-v-0c785ec0]{left:0;z-index:100;touch-action:none}.nav-link[data-v-0c785ec0],.theme-toggle[data-v-0c785ec0]{font-size:1.2rem;padding:10px 20px}}.rain[data-v-0c785ec0]{color:var(--color-text-primary);text-decoration:none;transition:color .3s;padding:5px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;line-height:1}.rain[data-v-0c785ec0]:hover,.router-link-exact-active[data-v-0c785ec0]{color:var(--color-text-secondary);background-color:#ffffff1a}.theme-toggle[data-v-0c785ec0]{color:var(--color-text-primary);text-decoration:none;transition:color .3s;padding:5px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;line-height:1;font-size:inherit;display:none}.theme-toggle[data-v-0c785ec0]:hover{color:var(--color-text-secondary);background-color:#ffffff1a}body.no-scroll{position:fixed;width:100%;height:100%}.canvas-container[data-v-1907363d]{position:relative;width:100%;height:100%}canvas[data-v-1907363d]{position:absolute;top:0;left:0;width:100%;height:100%}.container[data-v-7a35d8f4]{display:flex;flex-direction:column;height:100dvh;width:100vw;overflow:hidden}.header-wapper[data-v-7a35d8f4]{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);transition:transform .3s ease-in-out}.header-wapper.header-hidden[data-v-7a35d8f4]{transform:translateY(-100%)}.header[data-v-7a35d8f4]{display:flex;align-items:center;max-height:60px;width:60%}.header>.logo[data-v-7a35d8f4] *{color:var(--color-text-primary);text-decoration:none}.header>.logo[data-v-7a35d8f4] *:hover{color:var(--color-text-secondary)}.main-wapper[data-v-7a35d8f4]{display:flex;flex-direction:column;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;padding-top:60px;box-sizing:border-box}.content-wrapper[data-v-7a35d8f4]{display:flex;flex:1;flex-direction:column}.content-wrapper.with-sidebar[data-v-7a35d8f4]{flex-direction:row}.rain-wapper[data-v-7a35d8f4]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}main[data-v-7a35d8f4]{flex-grow:1;width:60%;margin:0 auto}.content-wrapper.with-sidebar>main[data-v-7a35d8f4]{width:auto;max-width:none;margin:0;flex:1}.footer-wapper[data-v-7a35d8f4]{background-color:var(--color-bg-tertiary)}.footer[data-v-7a35d8f4]{display:flex;flex-direction:column;justify-content:center;width:60%;color:var(--color-text-primary);padding:1em 0;margin:0 auto}.footer>a[data-v-7a35d8f4]{text-decoration:none;color:var(--color-text-primary)}.footer>a[data-v-7a35d8f4]:hover{color:var(--color-text-secondary)}@media(max-width:768px){.header[data-v-7a35d8f4]{width:85%}main[data-v-7a35d8f4]{width:85%}.footer[data-v-7a35d8f4]{width:85%}}.menu[data-v-7b0c5fe9]{display:flex;list-style-type:none;flex-direction:column;padding:0;margin:0}.menu>li[data-v-7b0c5fe9]{border-bottom:2px solid var(--color-border-primary)}.menu>li>a[data-v-7b0c5fe9]{display:block;padding:.75em 1.5em;color:var(--color-text-primary);text-decoration:none}.router-link-exact-active[data-v-7b0c5fe9]{background:var(--color-bg-tertiary)}.sidebar-wapper[data-v-0cbb0f9a]{flex:0 0 250px;border-right:1px solid var(--color-bg-secondary);background-color:var(--color-bg-primary);color:var(--color-text-primary);height:100%}.sidebar-toggle[data-v-0cbb0f9a]{display:none;position:absolute;bottom:10%;left:10%;font-size:1.5rem;cursor:pointer;z-index:10}@media(max-width:768px){.sidebar-wapper[data-v-0cbb0f9a]{position:absolute;width:50%;transform:translate(-100%);z-index:9}.sidebar-wapper.active[data-v-0cbb0f9a]{transform:translate(0)}.sidebar-toggle[data-v-0cbb0f9a]{display:block;color:var(--color-text-primary)}}@media(max-width:768px){#app{overflow-x:hidden}}