@charset "UTF-8";.home .color-cursor[data-v-ef1e4f83]{position:fixed;width:1.25rem;height:1.25rem;margin:-10px;background:#2500ff;border-radius:50%;pointer-events:none;mix-blend-mode:difference;z-index:1000}@media only screen and (max-width: 768px){.home .color-cursor[data-v-ef1e4f83]{display:none}}.home header[data-v-ef1e4f83]{width:100%;height:3.5rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;position:fixed;z-index:900;top:0;background-color:#f0f0f0}.home header .logo[data-v-ef1e4f83]{font-weight:700;text-decoration:none}.home header .mobile-menu[data-v-ef1e4f83]{display:none}@media only screen and (max-width: 768px){.home header .mobile-menu[data-v-ef1e4f83]{display:unset;width:1.8rem;height:1.8rem;font-size:1.8rem}}@media only screen and (max-width: 768px){.home header .menu[data-v-ef1e4f83]{display:none}}.home header .menu a[data-v-ef1e4f83]{text-decoration:none;margin:0 1rem;padding-bottom:.2rem;background:linear-gradient(to right,#141414,#141414) no-repeat left bottom/0 2px;transition:background .6s}@media only screen and (max-width: 768px){.home header .menu a[data-v-ef1e4f83]{width:fit-content;padding:.3rem 0}}.home header .menu a[data-v-ef1e4f83]:hover{background-size:100% 2px}.home .mobile-menu-item[data-v-ef1e4f83]{width:100%;position:fixed;z-index:20;top:-13rem;left:0;display:flex;flex-direction:column;align-items:center;gap:1rem;background:#f0f0f090;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all ease-in-out .5s}.home .mobile-menu-item.expand[data-v-ef1e4f83]{top:3.5rem}.home .mobile-menu-item a[data-v-ef1e4f83]{text-decoration:none;margin:0 1rem;padding-bottom:.2rem;background:linear-gradient(to right,#141414,#141414) no-repeat left bottom/0 2px;transition:background .6s}@media only screen and (max-width: 768px){.home .mobile-menu-item a[data-v-ef1e4f83]{width:fit-content;padding:.3rem 0}}.home .mobile-menu-item a[data-v-ef1e4f83]:hover{background-size:100% 2px}.home main[data-v-ef1e4f83]{width:86%;margin:0 auto}@media only screen and (max-width: 768px){.home main[data-v-ef1e4f83]{width:90%}}.home main .introduce[data-v-ef1e4f83]{min-height:100vh;padding-top:3.5rem;text-align:center;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.home main .introduce .introduce-container[data-v-ef1e4f83]{position:relative}.home main .introduce .introduce-container .subtitle[data-v-ef1e4f83]{animation:move-up-ef1e4f83 .5s ease-in}@keyframes move-up-ef1e4f83{0%{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0)}}.home main .introduce .introduce-container .title[data-v-ef1e4f83]{margin:2rem 0;font-size:8rem;color:#f0f0f0;paint-order:stroke;-webkit-text-stroke:3px #141414;filter:drop-shadow(-4px 4px 0 #141414);-webkit-user-select:none;user-select:none}@media only screen and (max-width: 768px){.home main .introduce .introduce-container .title[data-v-ef1e4f83]{font-size:4rem}}.home main .introduce .introduce-container .star img[data-v-ef1e4f83]{animation:scale-animation-ef1e4f83 .8s ease-in}@media only screen and (max-width: 768px){.home main .introduce .introduce-container .star img[data-v-ef1e4f83]{width:1.5rem;height:1.5rem}}.home main .introduce .introduce-container .star img[data-v-ef1e4f83]:first-of-type{position:absolute;top:90%;left:0%}.home main .introduce .introduce-container .star img[data-v-ef1e4f83]:last-of-type{position:absolute;top:4%;right:0%}@keyframes scale-animation-ef1e4f83{0%{scale:0}to{scale:1}}.home main .introduce .scroll-tips img[data-v-ef1e4f83]{margin-top:.6rem;width:1.5rem;height:1.5rem;animation:move-down-ef1e4f83 1.5s ease-in-out infinite alternate}@keyframes move-down-ef1e4f83{0%{transform:translateY(0)}50%{transform:translateY(30%)}to{transform:translateY(0)}}.home main .introduce .time[data-v-ef1e4f83]{position:absolute;left:2rem;bottom:2rem;-webkit-user-select:none;user-select:none;font-family:agile}@font-face{font-family:agile;src:url(/assets/agile-arjQsEvs.woff) format("woff")}.home main .right-radio[data-v-ef1e4f83]{position:fixed;bottom:2.5rem;right:2rem;z-index:800;display:flex}.home main .right-radio .radio[data-v-ef1e4f83]{width:.8rem;height:.8rem;border-radius:50%;border:2px solid #141414;margin:0 .15rem}.home main .right-radio .radio.active[data-v-ef1e4f83]{background-color:#141414}.home main .about[data-v-ef1e4f83]{min-height:80vh;padding-top:3.5rem;background-color:#ede7de;border-radius:1.5rem}.home main .about h3[data-v-ef1e4f83]{font-size:1.5rem;padding:2rem;text-align:left}.home main .about .description[data-v-ef1e4f83]{display:flex;justify-content:space-evenly;align-items:center;gap:2rem}@media only screen and (max-width: 768px){.home main .about .description[data-v-ef1e4f83]{flex-direction:column}}.home main .about .description .left-content[data-v-ef1e4f83]{padding:1rem;overflow:hidden}.home main .about .description .left-content p[data-v-ef1e4f83]{opacity:0;transform:translate(-200px)}.home main .about .description .left-content.text-animation p[data-v-ef1e4f83]{opacity:1;transform:translate(0);transition:all ease .6s}.home main .about .description .left-content.text-animation p[data-v-ef1e4f83]:nth-of-type(1),.home main .about .description .left-content.text-animation p[data-v-ef1e4f83]:nth-of-type(2){transition-delay:0}.home main .about .description .left-content.text-animation p[data-v-ef1e4f83]:nth-of-type(3),.home main .about .description .left-content.text-animation p[data-v-ef1e4f83]:nth-of-type(4){transition-delay:.6s}.home main .about .description .left-content.text-animation p[data-v-ef1e4f83]:nth-of-type(5){transition-delay:1.2s}.home main .about .description .left-content .social-container[data-v-ef1e4f83]{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center}.home main .about .description .left-content .social-container a[data-v-ef1e4f83]{width:5.5rem;height:2rem;border-radius:.5rem;margin-right:.5rem;margin-bottom:.5rem;background-color:#f4f1eb;display:flex;justify-content:center;align-items:center;transition:transform ease .5s}.home main .about .description .left-content .social-container a[data-v-ef1e4f83]:hover{transform:scale(1.1)}.home main .about .description .left-content .social-container a img[data-v-ef1e4f83]{width:1.1rem;height:1.1rem}.home main .about .description .right-content img[data-v-ef1e4f83]{width:22rem;height:22rem;border-radius:50%}@media only screen and (max-width: 768px){.home main .about .description .right-content img[data-v-ef1e4f83]{width:12rem;height:12rem;margin-bottom:1rem}}.home main .work[data-v-ef1e4f83]{padding-top:3.5rem}.home main .work h3[data-v-ef1e4f83]{font-size:1.5rem;padding:2rem;text-align:left}.home main .work .project-container[data-v-ef1e4f83]{display:flex;gap:1rem}@media only screen and (max-width: 1000px){.home main .work .project-container .description-container[data-v-ef1e4f83]{display:none}}.home main .work .project-container .description-container .description-text[data-v-ef1e4f83]{position:sticky;top:3.5rem;z-index:100}.home main .work .project-container .description-container .description-text h1[data-v-ef1e4f83]{font-size:2rem;margin-bottom:1rem}.home main .work .project-container .card-container[data-v-ef1e4f83]{width:fit-content}@media only screen and (max-width: 768px){.home main .work .project-container .card-container[data-v-ef1e4f83]{width:100%;height:fit-content;flex-direction:column;position:unset;padding-top:0;gap:1.5rem}}.home main .work .project-container .card-container .card[data-v-ef1e4f83]{height:24rem;padding:2rem;margin-bottom:1rem;background-color:#fff;border:2px solid #0f0f0f;border-radius:1rem;display:flex;flex-direction:column;flex-shrink:0}@media only screen and (max-width: 768px){.home main .work .project-container .card-container .card[data-v-ef1e4f83]{height:unset;margin-right:0}}.home main .work .project-container .card-container .card .card-title-container[data-v-ef1e4f83]{display:flex;align-items:center}.home main .work .project-container .card-container .card .card-title-container h5[data-v-ef1e4f83]{font-size:1.25rem}.home main .work .project-container .card-container .card .card-title-container .icon[data-v-ef1e4f83]{margin-left:.2rem;width:1.5rem;height:1.5rem}.home main .work .project-container .card-container .card .card-title-container .icon[data-v-ef1e4f83]:hover{cursor:pointer}.home main .work .project-container .card-container .card .card-tag-container[data-v-ef1e4f83]{margin:1rem 0}.home main .work .project-container .card-container .card .card-tag-container span[data-v-ef1e4f83]{display:inline-block;margin:0 .1rem;padding:.15rem .3rem;color:#fff;font-size:.85rem;border-radius:.375rem}.home main .work .project-container .card-container .card .card-tag-container span[data-v-ef1e4f83]:nth-of-type(1){margin-left:0;background-color:#141414}.home main .work .project-container .card-container .card .card-tag-container span[data-v-ef1e4f83]:nth-of-type(2){background-color:#141414}.home main .work .project-container .card-container .card .card-tag-container span[data-v-ef1e4f83]:nth-of-type(3){background-color:#42b883}.home main .work .project-container .card-container .card .card-tag-container span[data-v-ef1e4f83]:nth-of-type(4){background-color:#42b883}.home main .work .project-container .card-container .card .card-img-container[data-v-ef1e4f83]{display:flex}@media only screen and (max-width: 768px){.home main .work .project-container .card-container .card .card-img-container.mobile img[data-v-ef1e4f83]:nth-of-type(1){width:40%!important}.home main .work .project-container .card-container .card .card-img-container.mobile img[data-v-ef1e4f83]:nth-of-type(2),.home main .work .project-container .card-container .card .card-img-container.mobile img[data-v-ef1e4f83]:nth-of-type(3){display:none}}@media only screen and (max-width: 768px){.home main .work .project-container .card-container .card .card-img-container[data-v-ef1e4f83]{flex-direction:column;justify-content:center;align-items:center}}.home main .work .project-container .card-container .card .card-img-container span[data-v-ef1e4f83]{line-height:1.5rem}@media only screen and (max-width: 768px){.home main .work .project-container .card-container .card .card-img-container span[data-v-ef1e4f83]{width:unset}}.home main .work .project-container .card-container .card .card-img-container img[data-v-ef1e4f83]{margin-left:1.5rem;max-width:52%;height:90%;border-radius:1rem;box-shadow:0 0 10pt #0000001c}@media only screen and (max-width: 768px){.home main .work .project-container .card-container .card .card-img-container img[data-v-ef1e4f83]{margin:1rem 0 0;max-width:92%;height:auto;border-radius:8px}}.home main .hobby[data-v-ef1e4f83]{min-height:100vh;padding-top:3.5rem}@media only screen and (max-width: 768px){.home main .hobby[data-v-ef1e4f83]{min-height:80vh}}.home main .hobby h3[data-v-ef1e4f83]{font-size:1.5rem;margin:2rem}.home main .hobby .article[data-v-ef1e4f83]{display:block;text-decoration:none;padding:2rem 3rem 2rem 4rem;border:2px solid #0f0f0f;border-radius:1.625rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.home main .hobby .article[data-v-ef1e4f83]:hover{cursor:pointer}.home main .hobby .article:hover .icon[data-v-ef1e4f83]{transform:rotate(-45deg)}.home main .hobby .article:hover span[data-v-ef1e4f83]{background-size:100% 2px}.home main .hobby .article span[data-v-ef1e4f83]{font-size:2rem;background:linear-gradient(to right,#141414,#141414) no-repeat left bottom/0 2px;transition:background .6s}@media only screen and (max-width: 768px){.home main .hobby .article span[data-v-ef1e4f83]{font-size:1.4rem}}.home main .hobby .article .icon[data-v-ef1e4f83]{width:2.5rem;height:2.5rem;transition:transform ease-in-out .3s}.home main .footer[data-v-ef1e4f83]{height:3rem;text-align:center;margin-top:2rem}.home .dialog-container[data-v-ef1e4f83]{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#8c98a42e;z-index:900;display:flex;justify-content:center;align-items:center;touch-action:none}.home .dialog-container .dialog[data-v-ef1e4f83]{position:relative;width:90%;height:90%;background-color:#f0f0f0;border-radius:2rem;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 768px){.home .dialog-container .dialog[data-v-ef1e4f83]{width:90%;height:70%}}.home .dialog-container .dialog .close[data-v-ef1e4f83]{position:absolute;top:1.5%;right:1%;cursor:pointer;transition:transform .5s ease-in-out;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;background:none}.home .dialog-container .dialog .close[data-v-ef1e4f83]:hover{transform:rotate(90deg)}.home .dialog-container .dialog .close .icon[data-v-ef1e4f83]{width:2rem;height:2rem}.home .dialog-container .dialog .swiper-img[data-v-ef1e4f83]{width:100%;height:100%;object-fit:contain}.home .dialog-container .dialog .swiper-button-prev .icon[data-v-ef1e4f83],.home .dialog-container .dialog .swiper-button-next .icon[data-v-ef1e4f83]{width:2.5rem;height:2.5rem}.home .dialog-container .dialog[data-v-ef1e4f83] ::part(bullet-active){background-color:#000!important}.home .v-enter-active[data-v-ef1e4f83],.home .v-leave-active[data-v-ef1e4f83]{transition:opacity .3s ease,transform .3s ease}.home .v-enter-from[data-v-ef1e4f83],.home .v-leave-to[data-v-ef1e4f83]{opacity:0;transform:translateY(-30px)}*{margin:0;box-sizing:border-box;color:#141414}html{scroll-behavior:smooth}body{background-color:#f0f0f0;overflow-x:hidden}