@font-face{font-family:Neue-Plak-Wide-Regular;src:url(/assets/Neue-Plak-Wide-Regular.ttf) format("truetype")}.navbar[data-v-9943e6c4]{position:fixed;top:20px;left:20px;z-index:9999}.nav-container[data-v-9943e6c4]{display:flex;gap:5px}.nav-item[data-v-9943e6c4]{color:#fff;text-decoration:none;font-size:34px;padding:0 13px 8px;border:1px solid rgba(255,255,255,.475);line-height:31px;border-radius:50px;transition:all .3s ease;font-family:Neue-Plak-Wide-Regular,sans-serif}.nav-item[data-v-9943e6c4]:hover{background-color:#fff3}.nav-item.active[data-v-9943e6c4]{background-color:#fff;color:#000;border-color:#fff}.navbar.dark .nav-item[data-v-9943e6c4]{color:#ccc;border-color:#e2e2e2}body.light-theme .nav-item[data-v-9943e6c4]{color:#000;border-color:#00000079}body.light-theme .nav-item[data-v-9943e6c4]:hover{background-color:#0003}body.light-theme .nav-item.active[data-v-9943e6c4]{background-color:#000;color:#fff;border-color:#777}.navbar.dark .nav-item[data-v-9943e6c4]:hover{background-color:#ffffff1a;color:#000;border-color:#777}.navbar.dark .nav-item.active[data-v-9943e6c4]{background-color:#000;color:#fff;border-color:#000}@media (max-width: 1780px){.nav-item[data-v-9943e6c4]{font-size:23px;padding:0 9px 6px;line-height:21px}}.image-viewer-mask[data-v-8c90fd26]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000}.image-viewer-wrapper[data-v-8c90fd26]{display:flex;justify-content:center;align-items:center;max-width:90%;max-height:90%;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.media-content[data-v-8c90fd26]{display:block;margin:0 auto;max-width:100%;max-height:80vh;border-radius:15px;box-shadow:0 10px 30px #0000004d}.loading-indicator[data-v-8c90fd26]{color:#fff;font-size:24px;font-weight:700}.viewer-fade-enter-active[data-v-8c90fd26],.viewer-fade-leave-active[data-v-8c90fd26]{transition:opacity .3s ease}.viewer-fade-enter-from[data-v-8c90fd26],.viewer-fade-leave-to[data-v-8c90fd26]{opacity:0}.viewer-fade-enter-from .image-viewer-wrapper[data-v-8c90fd26],.viewer-fade-leave-to .image-viewer-wrapper[data-v-8c90fd26]{transform:scale(.8)}.footer[data-v-59172e07]{display:flex;justify-content:space-between;align-items:center;padding:140px 20px 20px;color:#333;font-family:Neue-Plak-Wide-Regular,sans-serif}.footer-left p[data-v-59172e07]{margin:0;font-size:14px;text-align:left}.footer-right[data-v-59172e07]{display:flex;align-items:center}.footer-link[data-v-59172e07]{display:flex;align-items:center;margin-left:30px;text-decoration:none;color:#333;font-size:14px}.footer-icon[data-v-59172e07]{width:20px;height:20px;margin-right:8px}.footer.dark-theme[data-v-59172e07],.footer.dark-theme .footer-link[data-v-59172e07]{color:#fff}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%;margin:0 auto;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none;transition:background-color .5s ease}html.index-bg,html.default-bg{background-color:#f1f1f1}html.life-bg{background-color:#fafafa}html.aboutme-bg{background-color:#131313}html.project-bg{background-color:#fafafa}@font-face{font-family:Neue-Plak-Wide-Regular;src:url(/assets/Neue-Plak-Wide-Regular.ttf) format("truetype")}.scroll-indicator[data-v-fc9e9af1]{position:fixed;top:20px;right:20px;z-index:1000;font-size:14px;font-weight:500;font-family:Neue-Plak-Wide-Regular,sans-serif}.white[data-v-fc9e9af1],.black[data-v-fc9e9af1]{color:#fff;mix-blend-mode:difference}@media (max-width: 1780px){.scroll-indicator[data-v-fc9e9af1]{font-size:12px;top:16px}}@font-face{font-family:Neue-Plak-Wide-Regular;src:url(/assets/Neue-Plak-Wide-Regular.ttf) format("truetype")}@font-face{font-family:Neue-Plak-Extended-Regular;src:url(/assets/Neue-Plak-Extended-Regular.ttf) format("truetype")}html[data-v-3c4f00fb],body[data-v-3c4f00fb]{background-color:#191b20}.index-container[data-v-3c4f00fb]{display:flex;flex-direction:column;align-items:center;min-height:100vh;color:#000}.indexBrief[data-v-3c4f00fb]{display:inline-block;font-family:Neue-Plak-Wide-Regular,sans-serif;position:fixed;z-index:2;text-align:left;top:18px;left:35.4%;font-size:14px;color:#fff;mix-blend-mode:difference}.titleBrief[data-v-3c4f00fb]{width:calc(100% - 60px);display:grid;grid-template-columns:repeat(4,1fr);gap:240px;box-sizing:border-box;font-family:Neue-Plak-Wide-Regular,sans-serif;font-size:14px;color:#fff;mix-blend-mode:difference;padding-top:430px;padding-bottom:10px}.titleBrief p[data-v-3c4f00fb]{margin:0;text-align:left;font-family:geist}.titleBrief p[data-v-3c4f00fb]:first-child{grid-column:1;font-size:53px;font-weight:600}.titleBrief p[data-v-3c4f00fb]:last-child{grid-column:2;white-space:pre-wrap;font-style:normal;font-size:18px;font-family:Neue-Plak-Extended-Regular}.title[data-v-3c4f00fb]{font-size:2rem;width:100vw;height:100vh;background-color:#000;position:relative;display:flex;justify-content:center;align-items:center;text-align:center}.title-word[data-v-3c4f00fb]{display:inline-block;position:relative;margin:0 6px;z-index:2;height:auto;object-fit:cover}.title-center[data-v-3c4f00fb]{mix-blend-mode:difference;color:#fff;text-align:left;font-family:Neue-Plak-Extended-Regular,sans-serif;position:absolute;top:46%;bottom:0;left:25px;right:25px;display:flex;justify-content:space-between;z-index:2;font-size:12px}.scrollDown[data-v-3c4f00fb]{position:absolute;z-index:2;bottom:60px}.bgVideo[data-v-3c4f00fb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:100%;z-index:1;object-fit:cover;background-color:#010101}.dynamicId[data-v-3c4f00fb]{margin-top:100px;width:calc(100% - 60px);display:grid;grid-template-columns:repeat(4,1fr);gap:240px;box-sizing:border-box;justify-content:space-between;place-content:center;place-items:center;align-items:start}.item[data-v-3c4f00fb]{width:100%;position:relative;box-sizing:border-box;overflow:hidden;cursor:pointer}.item-col-2[data-v-3c4f00fb]{grid-column-end:span 2}.media[data-v-3c4f00fb]{width:100%;display:block}.block-content[data-v-3c4f00fb]{color:#000;letter-spacing:2px;padding-top:20px}.block-title[data-v-3c4f00fb]{margin:0;font-size:1rem;text-align:left;font-family:Neue-Plak-Extended-Regular,sans-serif}@media (max-width: 1780px){.indexBrief[data-v-3c4f00fb]{font-size:11px;line-height:16px}.dynamicId[data-v-3c4f00fb],.titleBrief[data-v-3c4f00fb]{gap:160px}.titleBrief p[data-v-3c4f00fb]:first-child{font-size:42px;font-weight:700}.titleBrief p[data-v-3c4f00fb]:last-child{font-size:13px}.block-title[data-v-3c4f00fb]{font-size:.8rem}}@media (max-width: 1100px){.dynamicId[data-v-3c4f00fb],.titleBrief[data-v-3c4f00fb]{gap:110px}}@media (max-width: 800px){.dynamicId[data-v-3c4f00fb]{grid-template-columns:repeat(1,1fr);gap:0px}.titleBrief[data-v-3c4f00fb]{gap:0px;padding-top:200px}.titleBrief p[data-v-3c4f00fb]:first-child{font-size:40px}.titleBrief p[data-v-3c4f00fb]:last-child{font-size:16px}.indexBrief[data-v-3c4f00fb]{left:50%;transform:translate(-50%);text-align:center;width:80%}}@font-face{font-family:Neue-Plak-Wide-Regular;src:url(/assets/Neue-Plak-Wide-Regular.ttf) format("truetype")}@font-face{font-family:Neue-Plak-Extended-Regular;src:url(/assets/Neue-Plak-Extended-Regular.ttf) format("truetype")}@font-face{font-family:geist;src:url(/assets/geist.woff2) format("woff2")}@font-face{font-family:ppeditorial;src:url(/assets/ppeditorial.otf) format("opentype")}.about-container[data-v-9dad6251]{justify-content:center;align-items:center;color:#fff;padding:0 35px}.content-brief .description-brief[data-v-9dad6251]{font-family:ppeditorial;width:740px;line-height:2;font-size:12px;text-align:left;font-size:40px;width:780px;line-height:1.4;margin:0;font-weight:600;color:#fff;padding:13vh 0 0}.description-brief i[data-v-9dad6251]{color:#ff9519}.content-wrapper[data-v-9dad6251]{height:10vh;padding:10vh 0 32vh;width:1570px;display:flex;justify-content:center;align-items:flex-start;gap:40px}.description-zh[data-v-9dad6251],.description-en[data-v-9dad6251]{width:740px;line-height:2;font-size:12px;text-align:left;margin-top:0;color:#bababa}.description-en[data-v-9dad6251]{font-size:42px;width:780px;line-height:1.4;margin:0;font-family:geist,sans-serif;font-weight:600;color:#fff}.description-en i[data-v-9dad6251]{color:#ff9519}@keyframes scroll-9dad6251{0%{transform:translate(0)}to{transform:translate(-50%)}}.scrolling-wrapper[data-v-9dad6251]{width:100%;margin:60px 0;height:17vh}.scrolling-content[data-v-9dad6251]{margin-left:-2%;display:flex;width:fit-content;animation:scroll-9dad6251 60s linear infinite;align-items:center}.scrolling-content img[data-v-9dad6251]{width:auto;height:13vh;margin:0;object-fit:contain;object-position:center;display:block}.skills-section[data-v-9dad6251]{padding-top:0;width:100%;max-width:1300px;display:flex;flex-direction:column;align-items:center}.title[data-v-9dad6251]{font-size:.7rem;color:#454545;margin-bottom:55px;align-self:flex-start;font-family:Neue-Plak-Wide-Regular,sans-serif;text-align:left}.skills-grid[data-v-9dad6251]{display:grid;grid-template-columns:max-content 1fr;grid-gap:60px 380px;width:100%;text-align:left;align-items:start}.skill-item[data-v-9dad6251]{display:contents}.skill-item h3[data-v-9dad6251]{background-color:#2a2a2a;color:#fff;padding:12px 10px 0;font-size:2.8rem;line-height:1.1;margin-bottom:0;font-family:ppeditorial;justify-self:start}.skill-item p[data-v-9dad6251]{color:#aeaeae;font-size:1rem;text-align:left;line-height:2.4;padding-top:1.2rem}.detail-section[data-v-9dad6251]{padding-top:200px;width:100%;max-width:960px;text-align:left}.detail-skill-item[data-v-9dad6251]{display:inline-block;background-color:#202020;color:#777;padding:0 30px;border-radius:30px;text-align:left;line-height:42px;font-size:.9rem;font-family:Neue-Plak-Extended-Regular,sans-serif;margin:20px 15px 0 0;transition:all .3s ease}.detail-skill-item[data-v-9dad6251]:hover{background-color:#001aff;color:#fff;transition:all .3s ease}.detail-skill-item img[data-v-9dad6251]{width:20px;height:20px;margin-right:15px;margin-bottom:-4px}.portfolio-section[data-v-9dad6251]{margin-top:260px;display:flex;flex-direction:column;align-self:flex-start}.portfolio-section>div[data-v-9dad6251]{display:flex;gap:20px}.resume[data-v-9dad6251],.portfolio[data-v-9dad6251]{margin-top:35px;width:400px;height:160px;background-color:#000;border-radius:15px;margin-bottom:180px}@media (max-width: 1780px){.content-wrapper[data-v-9dad6251]{width:1280px}.description-en[data-v-9dad6251]{font-size:35px}.detail-section[data-v-9dad6251]{max-width:800px}.skills-section[data-v-9dad6251]{max-width:1060px}.detail-skill-item[data-v-9dad6251]{font-size:12px;padding:0 20px;line-height:36px}}section[data-v-c219fb55]{display:flex;flex-direction:column;align-items:center}@font-face{font-family:NixieOne-Regular;src:url(/assets/NixieOne-Regular.ttf) format("truetype")}@font-face{font-family:Neue-Plak-Extended-Regular;src:url(/assets/Neue-Plak-Extended-Regular.ttf) format("truetype")}.bg[data-v-c219fb55]{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;z-index:-9999}.avater[data-v-c219fb55]{width:100px;height:100px;margin-top:350px}.lifeTitle[data-v-c219fb55]{font-family:NixieOne-Regular,sans-serif;font-size:38px;font-weight:800;color:#000;padding-bottom:300px}.dynamicId[data-v-c219fb55]{margin-top:100px;width:calc(100% - 60px);display:grid;grid-template-columns:repeat(4,1fr);gap:240px;box-sizing:border-box;justify-content:space-between;place-content:center;place-items:center;align-items:start}.item[data-v-c219fb55]{width:100%;position:relative;box-sizing:border-box;overflow:hidden;cursor:pointer}.item-col-2[data-v-c219fb55]{grid-column-end:span 2}.media[data-v-c219fb55]{width:100%;display:block}.block-content[data-v-c219fb55]{color:#000;letter-spacing:2px;padding-top:20px}.block-title[data-v-c219fb55]{margin:0;font-size:1rem;text-align:left;font-family:Neue-Plak-Wide-Regular,sans-serif}@media (max-width: 1780px){.dynamicId[data-v-c219fb55],.titleBrief[data-v-c219fb55]{gap:160px}.block-title[data-v-c219fb55]{font-size:.8rem}}@media (max-width: 1100px){.dynamicId[data-v-c219fb55],.titleBrief[data-v-c219fb55]{gap:110px}}@media (max-width: 800px){.dynamicId[data-v-c219fb55]{grid-template-columns:repeat(1,1fr);gap:0px}.titleBrief[data-v-c219fb55]{gap:0px;padding-top:200px}}