.avatar[data-v-1fb45bcd]{align-items:center;display:flex;height:15rem;justify-content:center;width:15rem}img[data-v-1fb45bcd]{border-radius:var(--rounded-full);height:12rem;width:12rem}@media(min-width:768px)and (max-width:1024px){.avatar[data-v-1fb45bcd]{height:13rem;width:13rem}img[data-v-1fb45bcd]{height:10rem;width:10rem}}.card[data-v-b1a909b8]{background-color:var(--bg-card)}.warpper[data-v-d29959cc]{align-items:center;display:flex;flex-direction:column;height:4rem;justify-content:center;width:15rem}@media(min-width:768px)and (max-width:1024px){.warpper[data-v-d29959cc]{height:3.5rem;width:13rem}}.item span[data-v-ae229912]{align-items:center;display:flex;font-size:1.125rem;gap:.5rem;justify-content:center}@media(min-width:768px)and (max-width:1024px){.item span[data-v-ae229912]{font-size:1rem;gap:.4rem}}@media(max-width:640px){.item span[data-v-ae229912]{font-size:.95rem;gap:.375rem}}.item span[data-v-e13deaff]{align-items:center;display:flex;gap:.5rem;justify-content:center;position:relative}.name[data-v-e13deaff]{font-size:.875rem}.progress[data-v-e13deaff]{font-size:1rem;font-weight:700}@media(min-width:768px)and (max-width:1024px){.name[data-v-e13deaff]{font-size:.8rem}.progress[data-v-e13deaff]{font-size:.9rem}}@media(max-width:640px){.name[data-v-e13deaff]{font-size:.75rem}.progress[data-v-e13deaff]{font-size:.8rem}}.item span[data-v-c11086c2]{align-items:center;display:flex;gap:.5rem;justify-content:center}.date[data-v-c11086c2]{font-size:1.125rem}.time[data-v-c11086c2]{font-size:1.5rem;font-weight:700}.holiday[data-v-c11086c2]{font-size:1rem}@media(min-width:768px)and (max-width:1024px){.date[data-v-c11086c2]{font-size:1rem}.time[data-v-c11086c2]{font-size:1.25rem}.holiday[data-v-c11086c2]{font-size:.9rem}}@media(max-width:640px){.date[data-v-c11086c2]{font-size:.95rem}.time[data-v-c11086c2]{font-size:1.125rem}.holiday[data-v-c11086c2]{font-size:.85rem}}.container[data-v-54b1f313]{cursor:pointer;height:4rem;perspective:1000px;position:relative;width:15rem}.card-item[data-v-54b1f313]{backface-visibility:hidden;position:absolute;transform-style:preserve-3d}.current[data-v-54b1f313]{transform:rotateX(0);transition:transform var(--duration-long) ease var(--duration),opacity var(--duration-long) ease;z-index:2}.leaving[data-v-54b1f313]{opacity:0;transform:translateY(-50%) rotateX(90deg);transition:transform var(--duration-long) ease,opacity var(--duration-long) ease var(--duration);z-index:1}.entering[data-v-54b1f313]{opacity:0;transform:translateY(50%) rotateX(-90deg);z-index:0}@media(min-width:768px)and (max-width:1024px){.container[data-v-54b1f313]{height:3.5rem;width:13rem}}.container[data-v-5d680721]{padding:1rem;width:15rem}.article-wapper[data-v-5d680721],.container[data-v-5d680721]{display:flex;flex-direction:column;gap:1rem}.article-wapper[data-v-5d680721]{margin-left:1rem;position:relative;width:12rem}.article-wapper[data-v-5d680721]:before{background-color:#fff;content:"";height:100%;left:-.5rem;position:absolute;top:0;width:2px}.article[data-v-5d680721]{border-radius:var(--rounded);cursor:pointer;display:flex;flex-direction:column;padding:0 1rem;position:relative;width:12rem}.article[data-v-5d680721]:hover{background-color:var(--bg-card)}.article span[data-v-5d680721]{font-size:.875rem}.article[data-v-5d680721]:before{background-color:#fff;border-radius:var(--rounded-full);content:"";height:1rem;left:-1rem;position:absolute;top:50%;transform:translate(1px,-50%);width:1rem}.bottom[data-v-5d680721]{align-items:center;display:flex;justify-content:center}.button[data-v-5d680721]{align-items:center;background-color:var(--bg-button);border-radius:var(--rounded);color:var(--text-color);display:flex;height:2rem;justify-content:center;text-decoration:none;width:8rem}.button[data-v-5d680721]:hover{background-color:var(--bg-button-hover)}.button[data-v-5d680721]:active{background-color:var(--bg-button-active)}@media(min-width:768px)and (max-width:1024px){.container[data-v-5d680721]{padding:.875rem;width:13rem}.article[data-v-5d680721],.article-wapper[data-v-5d680721]{width:10.5rem}.article[data-v-5d680721]{font-size:.9rem}.article span[data-v-5d680721]{font-size:.8rem}}.side-container[data-v-611c4643]{align-items:center;display:flex;flex:1;flex-direction:column;gap:2rem}@media(min-width:768px)and (max-width:1024px){.side-container[data-v-611c4643]{flex:0 0 auto;gap:1.5rem;min-width:15rem}}.container[data-v-6e60e59a]{background-color:var(--bg-card);cursor:default;display:flex;flex-direction:column;height:6rem;justify-content:center;padding:0 2rem;width:100%}.title-1[data-v-6e60e59a]{font-size:2rem}.title-2[data-v-6e60e59a]{font-size:1.5rem}.title span[data-v-6e60e59a]{font-weight:700}@media(min-width:768px)and (max-width:1024px){.container[data-v-6e60e59a]{height:5.5rem;padding:0 1.5rem;width:100%}.title-1[data-v-6e60e59a]{font-size:1.75rem}.title-2[data-v-6e60e59a]{font-size:1.25rem}}.container[data-v-a886af73]{cursor:default;font-size:1.5rem;height:4rem;line-height:4rem;text-align:center;width:100%}@media(min-width:768px)and (max-width:1024px){.container[data-v-a886af73]{font-size:1.25rem;height:3.5rem;line-height:3.5rem;width:100%}}.navbar[data-v-1b87b51c]{width:100%}.container[data-v-1b87b51c]{--item-width: calc(33.33333% - .66667rem) ;--gap:1rem;--start-index:0;--end-index:1;--position:calc((var(--item-width) + var(--gap))*var(--start-index));--width:calc(var(--item-width)*(var(--end-index) - var(--start-index) + 1) + var(--gap)*(var(--end-index) - var(--start-index)));display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:.5rem;position:relative}.item[data-v-1b87b51c]{align-items:center;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.25rem;z-index:1}.item[data-v-1b87b51c]:hover{background-color:var(--bg-button-active)}.container[data-v-1b87b51c]:before{background-color:var(--bg-button-active);border-radius:var(--rounded-xl);content:"";height:100%;left:var(--position);position:absolute;top:0;transition:width var(--duration) ease,left var(--duration) ease;width:var(--width);z-index:0}.underline[data-v-1b87b51c]{height:4px;overflow:hidden;position:relative;width:100%}.underline[data-v-1b87b51c]:before{background-color:var(--bg-button-active);border-radius:var(--rounded-xl);content:"";height:100%;left:0;position:absolute;top:0;transform:translate(-100%);width:100%}.underline.to-right[data-v-1b87b51c]:before{animation:toRight-1b87b51c calc(var(--duration)*2) forwards}.underline.to-left[data-v-1b87b51c]:before{animation:toLeft-1b87b51c calc(var(--duration)*2) forwards}@media(min-width:768px)and (max-width:1024px){.container[data-v-1b87b51c]{gap:.75rem;--gap:.75rem;--item-width: calc(33.33333% - .5rem) }.item[data-v-1b87b51c]{font-size:1.125rem;padding:.2rem}}@keyframes toRight-1b87b51c{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes toLeft-1b87b51c{0%{transform:translate(100%)}to{transform:translate(-100%)}}.snake[data-v-9182fcfc]{align-items:center;display:flex;justify-content:center;width:100%}.snake img[data-v-9182fcfc]{height:auto;max-width:100%;width:100%}@media(min-width:768px)and (max-width:1024px){.snake img[data-v-9182fcfc]{max-width:100%}}.code[data-v-eaed509d]{background-color:var(--bg-button);border-radius:var(--rounded-sm);color:var(--text-color);cursor:pointer;display:inline-block;margin:.125rem 0;padding:0 .75rem;text-decoration:none}.code[data-v-eaed509d]:hover{background-color:var(--bg-button-hover)}@media(min-width:768px)and (max-width:1024px){.code[data-v-eaed509d]{font-size:.9rem;padding:0 .625rem}}.feature[data-v-f4e046ce]{width:100%}.feature[data-v-f4e046ce],.title[data-v-f4e046ce]{display:flex;gap:.5rem}.title[data-v-f4e046ce]{align-items:center;font-size:1.125rem;height:1.75rem}.index[data-v-f4e046ce]{background-color:var(--text-color);border-radius:var(--rounded-full);height:8px;width:8px}.content[data-v-f4e046ce]{flex:1;font-size:1rem}@media(min-width:768px)and (max-width:1024px){.feature[data-v-f4e046ce]{gap:.4rem}.title[data-v-f4e046ce]{font-size:1rem;height:1.5rem}.index[data-v-f4e046ce]{height:7px;width:7px}.content[data-v-f4e046ce]{font-size:.9rem}}.content-container[data-v-0634c016]{flex-direction:column}.content-container[data-v-0634c016],.title[data-v-0634c016]{display:flex;gap:1rem;width:100%}.title[data-v-0634c016]{font-size:1.75rem;justify-content:start;position:relative}.icon[data-v-0634c016],.title[data-v-0634c016]{align-items:center}.icon[data-v-0634c016]{display:flex;height:1.75rem;justify-content:center;width:1.75rem}.title[data-v-0634c016]:before{background-color:var(--text-color);border-radius:var(--rounded);bottom:-.5rem;content:"";height:4px;left:0;position:absolute;width:100%}.content[data-v-0634c016]{display:flex;flex-direction:column;width:100%}@media(min-width:768px)and (max-width:1024px){.content-container[data-v-0634c016],.title[data-v-0634c016]{gap:.875rem}.title[data-v-0634c016]{font-size:1.5rem}.icon[data-v-0634c016]{height:1.5rem;width:1.5rem}}.container[data-v-5407d498]{min-height:400px;overflow:hidden;padding:1rem;position:relative;width:100%}.content[data-v-5407d498]{width:100%}@keyframes fadeInUp-5407d498{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px)and (max-width:1024px){.container[data-v-5407d498]{min-height:350px;padding:.875rem}}.to-left-enter-active,.to-left-leave-active{transition:all var(--duration) ease}.to-left-enter-from{opacity:0;transform:translate(100%)}.to-left-leave-to{opacity:0;transform:translate(-100%)}.to-left-leave-active{left:0;position:absolute;top:0;width:100%}.to-right-enter-active,.to-right-leave-active{transition:all var(--duration) ease}.to-right-enter-from{opacity:0;transform:translate(-100%)}.to-right-leave-to{opacity:0;transform:translate(100%)}.to-right-leave-active{left:0;position:absolute;top:0;width:100%}.main-container[data-v-6970a578]{flex:3}.main-container[data-v-6970a578],.title[data-v-6970a578]{display:flex;flex-direction:column;gap:2rem}.title[data-v-6970a578]{height:15rem;padding-top:1.5rem;width:100%}@media(min-width:768px)and (max-width:1024px){.main-container[data-v-6970a578]{flex:2;gap:1.5rem}.title[data-v-6970a578]{gap:1.5rem;height:13rem;padding-top:3rem}}.container[data-v-e04e1f77]{align-items:center;background-color:var(--bg-button);border-radius:var(--rounded-full);cursor:pointer;display:flex;font-size:1.5rem;height:3rem;justify-content:center;position:relative;transition:background-color var(--duration) ease;width:3rem}.container .active[data-v-e04e1f77],.container [data-v-e04e1f77]:hover{background-color:var(--bg-button-hover)}.container [data-v-e04e1f77]:active{background-color:var(--bg-button-active);transform:scale(.9);transition:transform var(--duration) ease}.item[data-v-e04e1f77]{--angle:0deg;--radius:0rem;--delay:0s;font-size:1.25rem;height:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform var(--duration) ease var(--delay);width:2rem}.item .content[data-v-e04e1f77]{--radius:2rem;transform:translate(calc(-100% - var(--radius)*cos(var(--angle))),calc(-50% + var(--radius)*sin(var(--angle))))}.item.expand[data-v-e04e1f77]{--radius:4rem;transform:translate(calc(-50% - var(--radius)*cos(var(--angle))),calc(-50% + var(--radius)*sin(var(--angle))))}.content[data-v-e04e1f77]{font-size:1rem;left:50%;overflow:hidden;pointer-events:none;position:absolute;text-align:right;top:50%;transform:translate(calc(-100% - 2rem),-50%);transition:width var(--duration) ease;white-space:nowrap;width:0}.container:hover>.content[data-v-e04e1f77]:not(.disabled){--width:0rem;width:var(--width)}@media(min-width:768px)and (max-width:1024px){.container[data-v-e04e1f77]{font-size:1.375rem;height:2.75rem;width:2.75rem}.item[data-v-e04e1f77]{font-size:1.125rem;height:1.875rem;width:1.875rem}.item.expand[data-v-e04e1f77]{--radius:3.5rem}.content[data-v-e04e1f77]{font-size:.9rem}}.menu-container[data-v-224bd77f]{display:flex;flex-direction:column;gap:1rem;position:fixed;right:2rem;top:2rem}@media(min-width:768px)and (max-width:1024px){.menu-container[data-v-224bd77f]{gap:.75rem;right:1.5rem;top:1.5rem}}@media(max-width:1024px){.menu-container[data-v-224bd77f]{flex-direction:row-reverse}}.page-container[data-v-9440d7a2]{align-items:start;color:var(--text-color);display:flex;gap:2rem;justify-content:center;max-width:1024px;min-height:100vh;padding:10vh 2rem 2rem;position:relative;width:100%}@media(min-width:768px)and (max-width:1024px){.page-container[data-v-9440d7a2]{gap:1.5rem;padding:10vh 1.5rem 1.5rem}}.hero-container[data-v-240aa81b]{align-items:center;display:flex;flex-direction:column;gap:2rem;width:100%}@media(max-width:640px){.hero-container[data-v-240aa81b]{gap:1.5rem}.title[data-v-240aa81b]{width:100%}}@media(min-width:640px)and (max-width:768px){.hero-container[data-v-240aa81b]{gap:1.75rem}}.main-container[data-v-9595207b]{display:flex;flex-direction:column;gap:2rem;width:100%}@media(max-width:640px){.main-container[data-v-9595207b]{gap:1.5rem}}@media(min-width:640px)and (max-width:768px){.main-container[data-v-9595207b]{gap:1.75rem}}.menu-container[data-v-fe13dbc9]{display:flex;flex-direction:column;gap:1rem;position:fixed;right:2rem;top:2rem}@media(max-width:640px){.menu-container[data-v-fe13dbc9]{flex-direction:row-reverse;gap:.625rem;right:1rem;top:1rem}}@media(min-width:640px)and (max-width:768px){.menu-container[data-v-fe13dbc9]{flex-direction:row-reverse;gap:.75rem;right:1.5rem;top:1.5rem}}@media(max-width:1024px){.menu-container[data-v-fe13dbc9]{flex-direction:row-reverse}}.page-container[data-v-804a1a68]{align-items:start;color:var(--text-color);display:flex;gap:2rem;justify-content:center;max-width:1024px;min-height:100vh;padding:10vh 2rem 2rem;position:relative;width:100%}@media(max-width:640px){.page-container[data-v-804a1a68]{flex-direction:column;gap:1.5rem;padding:4vh 1rem 1rem}}@media(min-width:640px)and (max-width:768px){.page-container[data-v-804a1a68]{flex-direction:column;gap:1.75rem;padding:5vh 1.5rem 1.5rem}}.container[data-v-d3d31db7]{height:100vh;overflow:hidden;position:relative;width:100%}.container[data-v-d3d31db7]:before{background-blend-mode:multiply;background-color:var(--bg);background-image:url(../shizuku.png);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";filter:blur(2px);height:calc(100% + 4px);left:-2px;pointer-events:none;position:absolute;top:-2px;transition:background-color var(--duration) ease;width:calc(100% + 4px)}.main[data-v-d3d31db7]{display:flex;height:100%;justify-content:center;overflow-y:scroll;position:relative;width:100%}@media(max-width:768px){.container[data-v-d3d31db7]:before{background-position:50%;background-size:cover}.main[data-v-d3d31db7]{overflow-y:auto;-webkit-overflow-scrolling:touch}}