:root{--color-green: #00A652;--color-blue: #5e99ff;--color-purple: #7A78FF;--color-orange: #FF6D38;--color-yellow: #FFC412;--color-bg: #FDF9F0;--skill-card-bg:#ffebad;--color-skillcard-icon:#b49b53;--color-white: #fff;--color-black: #222;--color-gray: #e5e7eb;--color-gray-light: #f3f4f6;--text-main: #222;--text-sub: #666;--text-inverse: #fff;--shadow-main: 0 4px 20px rgba(0,0,0,.06);--border-main: #e5e7eb;--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)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}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}#app{font-weight:400}@media (hover: hover){a:hover{background-color:#00bd7e33}}.site[data-v-0568d6ca]{display:flex;flex-direction:column;min-height:100vh;width:100%;background:var(--color-bg);color:var(--text-main);font-family:Inter,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.navbar[data-v-0568d6ca]{display:flex;align-items:center;justify-content:space-between;padding:12px 48px;background:var(--color-bg);position:sticky;z-index:20;transition:border-radius .3s ease}.navbar--scrolled[data-v-0568d6ca]{border-bottom:1px solid var(--border-main);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:90px;margin:0 48px;top:24px;background:#fdf9f0cc;box-shadow:0 2px 8px #00000008}.navbar_logo[data-v-0568d6ca]{font-weight:700;font-size:2rem;letter-spacing:.2em;border-left:4px solid var(--color-green);padding-left:12px;cursor:pointer;transition:color .2s;text-decoration:none;color:inherit}.navbar_logo[data-v-0568d6ca]:hover{color:var(--color-green);background:transparent}.navbar_links[data-v-0568d6ca]{display:flex;gap:1.2rem}.nav_link[data-v-0568d6ca]{font-size:1.1rem;color:var(--font-color);text-decoration:none;transition:color .2s;display:flex;align-items:center;justify-content:center;position:relative;padding:8px 12px;border-radius:8px}.nav_link_arrow[data-v-0568d6ca]{width:1.5vw;height:1.5vh;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:absolute}.nav_link_arrow--right[data-v-0568d6ca]{top:5px;right:-10px;opacity:1;transform:scale(1) rotate(-135deg)}.nav_link_arrow--left[data-v-0568d6ca]{bottom:10px;left:-15px;opacity:0;transform:scale(.5) rotate(45deg)}.nav_link[data-v-0568d6ca]:hover{color:var(--color-green);background:transparent}.nav_link:hover .nav_link_arrow--right[data-v-0568d6ca]{opacity:0;transform:scale(.5) rotate(45deg) translate(-5px,5px)}.nav_link:hover .nav_link_arrow--left[data-v-0568d6ca]{opacity:1;transform:scale(1) rotate(-135deg) translate(-5px,5px)}.nav_link_text[data-v-0568d6ca]{display:inline}.nav_link_icon[data-v-0568d6ca]{display:none;width:1.4em;height:1.4em;vertical-align:middle}.footer[data-v-0568d6ca]{background:#242424;padding-top:3vh;padding-bottom:32px;text-align:center;color:#a7a7a7;font-size:1.2rem;position:relative}.footer__flower-btn[data-v-0568d6ca]{background:none;border:none;cursor:pointer;margin-left:16px;vertical-align:middle;outline:none;padding:0;display:inline-flex;align-items:center}.footer__flower-icon[data-v-0568d6ca]{width:8vw;height:8vh;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55);will-change:transform}.footer__flower-icon.is-animating[data-v-0568d6ca]{animation:flower-pop-0568d6ca .8s cubic-bezier(.68,-.55,.27,1.55)}@keyframes flower-pop-0568d6ca{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.4) rotate(-10deg)}60%{transform:scale(.9) rotate(10deg)}to{transform:scale(1) rotate(0)}}@media screen and (max-width: 768px){.navbar[data-v-0568d6ca]{padding:12px 24px}.nav_link_arrow[data-v-0568d6ca]{display:none}.navbar_logo[data-v-0568d6ca]{font-size:1.5rem}.navbar_links[data-v-0568d6ca]{display:flex;gap:1.2rem}.nav_link[data-v-0568d6ca]{padding:0;fill:var(--color-green)}.nav_link_text[data-v-0568d6ca]{display:none}.nav_link_icon.mobile-only[data-v-0568d6ca]{display:inline-block;margin:0}.footer[data-v-0568d6ca]{background:#242424;padding-bottom:32px;text-align:center;color:#a7a7a7;font-size:1rem;position:relative}.footer__flower-btn[data-v-0568d6ca]{background:none;border:none;cursor:pointer;margin-left:16px;vertical-align:middle;outline:none;padding-left:.8rem;display:inline-flex;align-items:center}.footer__flower-icon[data-v-0568d6ca]{width:8vw;height:8vh;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55);will-change:transform}.footer__flower-icon.is-animating[data-v-0568d6ca]{animation:flower-pop-0568d6ca .8s cubic-bezier(.68,-.55,.27,1.55)}}.work-modal[data-v-2eece016]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:modalFadeIn-2eece016 .3s ease}.work-modal__content[data-v-2eece016]{position:relative;width:90vw;max-width:1200px;max-height:90vh;background:var(--color-white);border-radius:20px;overflow:hidden;animation:modalSlideIn-2eece016 .4s ease;display:flex;flex-direction:column}.work-modal__close[data-v-2eece016]{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:var(--color-green);color:var(--color-white);border-radius:50%;cursor:pointer;z-index:10;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.work-modal__close[data-v-2eece016]:hover{background:#ff6d38;transform:scale(1.1)}.work-modal__close-icon[data-v-2eece016]{width:24px;height:24px;display:block;fill:#f0f8ff}.work-modal__header[data-v-2eece016]{padding:2rem;background:var(--color-white);color:var(--color-green);flex-shrink:0}.work-modal__title[data-v-2eece016]{font-size:2rem;font-weight:700;margin-bottom:.5rem}.work-modal__desc[data-v-2eece016]{font-size:1.1rem;line-height:1.5;opacity:.9}.work-modal__body[data-v-2eece016]{flex:1;overflow-y:auto;padding:2rem;scrollbar-width:thin;scrollbar-color:var(--color-green) transparent}@media screen and (max-width: 768px){.work-modal__title[data-v-2eece016]{font-size:1.3rem;font-weight:700;margin-bottom:.5rem}}.work-modal__body[data-v-2eece016]::-webkit-scrollbar{width:8px}.work-modal__body[data-v-2eece016]::-webkit-scrollbar-track{background:transparent;border-radius:4px}.work-modal__body[data-v-2eece016]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-green),var(--color-blue));border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.work-modal__body[data-v-2eece016]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--color-green),var(--color-blue));transform:scale(1.1)}.work-modal__body[data-v-2eece016]::-webkit-scrollbar-corner{background:transparent}.work-modal__images[data-v-2eece016]{display:flex;flex-direction:column;gap:1.5rem}.work-modal__image[data-v-2eece016]{border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001a;display:flex;justify-content:center;align-items:center;width:100%}.work-modal__image img[data-v-2eece016]{width:100%;height:auto;display:block;-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:none}@keyframes modalFadeIn-2eece016{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn-2eece016{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.loading-overlay[data-v-3e2f98ba]{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-white);z-index:9999;animation:fadeOut-3e2f98ba .5s ease-out var(--3db84e41) forwards}.loading-gif[data-v-3e2f98ba]{display:flex;align-items:center;justify-content:center;max-width:100vw;width:auto;height:auto;max-height:100vh;display:block;margin:0 auto;-o-object-fit:contain;object-fit:contain;animation:none}.loading-text-overlay[data-v-3e2f98ba]{position:absolute;bottom:20%;left:50%;transform:translate(-50%);z-index:1}.loading-text[data-v-3e2f98ba]{font-size:1.2rem;color:var(--text-main);font-weight:500;letter-spacing:.1em;text-align:center}@keyframes fadeOut-3e2f98ba{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.about[data-v-9e49a141]{padding:24px 16px;border-bottom:1px solid #f3f4f6;background:var(--color-bg);height:-moz-fit-content;height:fit-content}#about-title[data-v-9e49a141]{text-align:center;padding-top:80px}.about__content[data-v-9e49a141]{display:flex;flex-direction:column}.about__desc[data-v-9e49a141]{font-size:1.1rem;color:#222;margin-bottom:-10vw}.about__photo[data-v-9e49a141]{border-radius:8px;box-shadow:0 4px 12px #ffc41227;width:10vw;margin:0 auto 24px;display:block}.about__name[data-v-9e49a141]{font-size:1.5rem;font-weight:700;color:#333;display:flex;align-items:center;justify-content:center}.about__email-link[data-v-9e49a141]{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none}.about__email-icon[data-v-9e49a141]{width:2vw;height:2vh}.about__email[data-v-9e49a141]{font-size:1rem;font-weight:400;color:#333;margin-bottom:5px;display:block}.about__list[data-v-9e49a141]{list-style:none;width:100%;max-width:600px;margin:0 auto}.about__item[data-v-9e49a141]{transition:transform .2s,box-shadow .2s;padding:8px 0 8px 12px;border-left:3px solid transparent}.about__item[data-v-9e49a141]:last-child{border-bottom:none}.about__label[data-v-9e49a141]{color:var( --color-green);font-weight:700;display:block;margin-bottom:4px;font-size:1.2rem}.about__edu[data-v-9e49a141]{color:#333;margin:0;line-height:1.6}.about__edu__time[data-v-9e49a141]{color:var( --color-green);margin:0;line-height:1.6;font-size:1rem;font-weight:bolder}.about__item>div[data-v-9e49a141]{display:flex;align-items:center;justify-content:space-between}.skills-cards-flex[data-v-9e49a141]{display:flex;justify-content:space-between;gap:1vw;width:100%;max-width:100%;height:120vh;padding:0;align-items:flex-start;box-sizing:border-box}.skills-cards-column[data-v-9e49a141]{width:calc((100% - 6vw) / 7);display:flex;flex-direction:column;align-items:center;transition:transform .6s ease-out}.skills-cards-column:nth-child(1) .skill-card[data-v-9e49a141]:first-child{margin-top:0}.skills-cards-column:nth-child(2) .skill-card[data-v-9e49a141]:first-child{margin-top:20vh}.skills-cards-column:nth-child(3) .skill-card[data-v-9e49a141]:first-child{margin-top:40vh}.skills-cards-column:nth-child(4) .skill-card[data-v-9e49a141]:first-child{margin-top:60vh}.skills-cards-column:nth-child(5) .skill-card[data-v-9e49a141]:first-child{margin-top:40vh}.skills-cards-column:nth-child(6) .skill-card[data-v-9e49a141]:first-child{margin-top:20vh}.skills-cards-column:nth-child(7) .skill-card[data-v-9e49a141]:first-child{margin-top:0}.skill-card[data-v-9e49a141]{width:100%;height:var(--card-height);border-radius:8px;background:var(--skill-card-bg);display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:box-shadow .2s,background .2s;cursor:pointer;position:relative;overflow:hidden}.skill-card[data-v-9e49a141]:hover{background:#ff8e65}.skill-card__logo[data-v-9e49a141]{width:5vw;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.skill-card__icon[data-v-9e49a141]{width:60%;height:60%;fill:#c8b478;transition:transform .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.skill-card:hover .skill-card__icon[data-v-9e49a141]{transform:scale(1.1);fill:#fff}.skill-card__desc[data-v-9e49a141]{width:100%;text-align:center;font-size:1rem;color:#fff;font-weight:600;margin-top:16px;margin-bottom:8px;letter-spacing:.05em;border-radius:8px 8px 0 0;padding:4px 0;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(-30%);pointer-events:none;position:absolute;left:0;top:0;display:block}.skill-card__name[data-v-9e49a141]{width:100%;text-align:center;font-size:1rem;color:#fff;font-weight:600;margin-bottom:16px;margin-top:8px;letter-spacing:.05em;border-radius:0 0 8px 8px;padding:4px 0;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(30%);pointer-events:none;position:absolute;left:0;bottom:0;display:block}.skill-card:hover .skill-card__desc[data-v-9e49a141],.skill-card:hover .skill-card__name[data-v-9e49a141]{opacity:1;transform:translateY(0)}.about__scroll-layer[data-v-9e49a141]{position:relative;z-index:2;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:margin-top .2s cubic-bezier(.4,0,.2,1),background .2s ease,-webkit-backdrop-filter .2s ease;transition:margin-top .2s cubic-bezier(.4,0,.2,1),background .2s ease,backdrop-filter .2s ease;transition:margin-top .2s cubic-bezier(.4,0,.2,1),background .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease}.about__fixed-layer[data-v-9e49a141]{position:relative;z-index:1;background:transparent;transition:none}.about__scroll-layer--active[data-v-9e49a141]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (max-width: 1200px){.about__details[data-v-9e49a141]{margin-bottom:10vh}.about__photo[data-v-9e49a141]{border-radius:8px;box-shadow:0 4px 12px #ffc41227;width:20vw;margin:0 auto 24px;display:block}.skills-cards-flex[data-v-9e49a141]{flex-wrap:wrap;gap:24px;padding:0 8px}.skills-cards-column[data-v-9e49a141]{width:auto;gap:24px}.skills-cards-column .skill-card[data-v-9e49a141]:first-child{margin-top:0!important}.skills-cards-flex[data-v-9e49a141]{display:flex;flex-wrap:wrap;gap:16px;padding:15vh 8px;justify-content:center;align-items:flex-start;height:-moz-fit-content;height:fit-content}.skills-cards-column[data-v-9e49a141]{width:auto;display:contents}.skill-card[data-v-9e49a141]{width:60px;height:auto;border-radius:8px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:18px 4px 0;text-align:center;background:var(--skill-card-bg);box-shadow:none;margin:0;cursor:default;transition:none;position:static}.skill-card__logo[data-v-9e49a141]{width:30px;height:30px;position:static;transform:none;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.skill-card__icon[data-v-9e49a141]{width:100%;height:100%;transition:none;fill:var(--color-skillcard-icon)}.skill-card__desc[data-v-9e49a141]{display:none!important}.skill-card__name[data-v-9e49a141]{display:block!important;position:static!important;opacity:1!important;transform:none!important;font-size:.7rem;color:var(--color-skillcard-icon);margin-top:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%;line-height:1.2;font-weight:500;pointer-events:auto}.skill-card[data-v-9e49a141]:hover,.skill-card:hover .skill-card__icon[data-v-9e49a141]{background:transparent!important;box-shadow:none!important;transform:none!important;fill:var(--color-skillcard-icon)!important;background:var(--skill-card-bg)!important}.about__scroll-layer[data-v-9e49a141]{position:relative;z-index:2;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:none}.about__fixed-layer[data-v-9e49a141]{position:relative;z-index:1;background:transparent;transition:none}.about__scroll-layer--active[data-v-9e49a141]{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-width: 768px){.about[data-v-9e49a141]{padding-bottom:5vh}.about__desc[data-v-9e49a141]{font-size:1.1rem;color:#222;margin-bottom:1vw}.about__details[data-v-9e49a141]{margin-bottom:0}.skills-cards-flex[data-v-9e49a141]{display:flex;flex-wrap:wrap;gap:16px;padding:5vh 8px;justify-content:center;align-items:flex-start;height:-moz-fit-content;height:fit-content}.skills-cards-column[data-v-9e49a141]{width:auto;display:contents}.skill-card[data-v-9e49a141]{width:60px;height:auto;border-radius:8px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:18px 4px 0;text-align:center;background:var(--skill-card-bg);box-shadow:none;margin:0;cursor:default;transition:none;position:static}.skill-card__logo[data-v-9e49a141]{width:30px;height:30px;position:static;transform:none;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.skill-card__icon[data-v-9e49a141]{width:100%;height:100%;transition:none;fill:var(--color-skillcard-icon)}.skill-card__desc[data-v-9e49a141]{display:none!important}.skill-card__name[data-v-9e49a141]{display:block!important;position:static!important;opacity:1!important;transform:none!important;font-size:.7rem;color:var(--color-skillcard-icon);margin-top:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%;line-height:1.2;font-weight:500;pointer-events:auto}.skill-card[data-v-9e49a141]:hover,.skill-card:hover .skill-card__icon[data-v-9e49a141]{background:transparent!important;box-shadow:none!important;transform:none!important;fill:var(--color-skillcard-icon)!important;background:var(--skill-card-bg)!important}}.works[data-v-9e49a141]{padding:12vh 12vw;background:var(--color-blue);height:-moz-fit-content;height:fit-content;min-height:-moz-fit-content;min-height:fit-content;display:flex;flex-direction:column;justify-content:center;cursor:none}.section-title[data-v-9e49a141]{font-size:3.5rem;font-weight:900;margin-bottom:24px;text-align:center;position:relative;letter-spacing:.15em;text-transform:uppercase;color:var(--color-yellow);-webkit-background-clip:text;background-clip:text}#works__title[data-v-9e49a141]{font-size:3.5rem;font-weight:600;background:transparent;color:#f3f8ff;margin-bottom:2rem}.works__more-btn-container[data-v-9e49a141]{display:flex;justify-content:center;margin-top:1vh;margin-bottom:10vh}.works__more-btn[data-v-9e49a141]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;border:2px solid var(--color-bg);border-radius:999px;background-color:transparent;color:var(--color-bg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.works__more-btn[data-v-9e49a141]:hover{border-color:var(--color-green);background-color:var(--color-green);transition:background-color .5s ease;color:var(--color-bg);transform:translateY(-2px);box-shadow:0 8px 24px #00a6524d}.works__more-arrow[data-v-9e49a141]{width:1rem;height:1rem;transition:transform .3s ease}.works__more-btn:hover .works__more-arrow[data-v-9e49a141]{transform:translate(8px)}.works__container[data-v-9e49a141]{display:grid;align-items:center;justify-content:center;grid-template-columns:28vw 1fr;gap:3vh;margin:0 auto;height:60vh;position:relative}.works__preview-list[data-v-9e49a141]{display:flex;flex-direction:column;gap:1.5rem;position:relative}.works__preview-list[data-v-9e49a141]:before{content:"";position:absolute;left:-1rem;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-bg),transparent);border-radius:2px}.works__preview-item[data-v-9e49a141]{display:flex;width:25vw;align-items:center;gap:1.25rem;padding:1.25rem;border-radius:16px;background:#f3f3f3;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a}.works__preview-item[data-v-9e49a141]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ecf9ff;opacity:0;transition:opacity .4s ease;z-index:0}.works__preview-item[data-v-9e49a141]:hover{transform:translate(12px) scale(1.02);box-shadow:0 8px 32px #80a25126;border-color:#65a5ff}.works__preview-item--active[data-v-9e49a141]{background:linear-gradient(135deg,var(--primary-color),var(--active-color));color:var(--color-bg);border-color:#0a59e1;transform:translate(12px) scale(1.08);box-shadow:0 12px 40px #96caff40}.works__preview-item--active[data-v-9e49a141]:before{opacity:1}.works__preview-img[data-v-9e49a141]{width:100px;height:70px;border-radius:12px;overflow:hidden;flex-shrink:0;position:relative;z-index:1;border:2px solid rgba(255,255,243,.3);box-shadow:0 4px 16px #0000001a}.works__preview-img img[data-v-9e49a141]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.works__preview-item:hover .works__preview-img img[data-v-9e49a141],.works__preview-item--active .works__preview-img img[data-v-9e49a141]{transform:scale(1.1)}.works__preview-title[data-v-9e49a141]{flex:1;min-width:0;position:relative;z-index:1;font-size:1rem;font-weight:700;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em;color:var(--text-main)}.works__preview-item--active .works__preview-title[data-v-9e49a141]{color:#2c81f9}.works__preview-tags[data-v-9e49a141]{display:flex;flex-wrap:wrap;gap:.375rem}.works__preview-tag[data-v-9e49a141]{font-size:.75rem;padding:.25rem .75rem;background:#ffffff1a;color:#b5b5b5;border-radius:12px;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(181,181,181);font-weight:500;transition:all .3s ease}.works__preview-item--active .works__preview-tag[data-v-9e49a141]{background:#145dfc33;color:#fff;border:1px solid rgba(91,129,255,.3);font-weight:600}.works__detail-window[data-v-9e49a141]{border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 60px #0000001a;border:3px solid #2c81f9;width:50vw;position:relative;aspect-ratio:16/9}.works__detail-content[data-v-9e49a141]{height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.works__detail-item[data-v-9e49a141],.works__detail-img[data-v-9e49a141]{display:flex;align-items:center;justify-content:center;height:100%}.works__detail-item[data-v-9e49a141]{position:relative}.works__detail-img[data-v-9e49a141]{width:100%;height:100%;overflow:hidden;position:relative}.works__detail-img img[data-v-9e49a141]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease}.works__pagination[data-v-9e49a141]{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:10}.works__pagination-dot[data-v-9e49a141]{width:12px;height:12px;border-radius:50%;background:#00000026;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.works__pagination-dot[data-v-9e49a141]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-blue);border-radius:50%;transform:scale(0);transition:transform .3s ease}.works__pagination-dot[data-v-9e49a141]:hover{background:#00000040;transform:scale(1.2)}.works__pagination-dot--active[data-v-9e49a141]{background:transparent}.works__pagination-dot--active[data-v-9e49a141]:before{transform:scale(1)}@media (max-width: 1024px){.works__detail-window[data-v-9e49a141]{height:350px}.works__more-btn-container[data-v-9e49a141]{display:flex;justify-content:center;margin-top:5vh;margin-bottom:10vh}.works__preview-item[data-v-9e49a141]{background:#ecf9ff}.works__preview-tag[data-v-9e49a141]{background:#145dfc54;color:#fff;border:1px solid rgba(91,129,255,.3);font-weight:600}.works__container[data-v-9e49a141]{display:flex;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.works__preview-item[data-v-9e49a141]{min-width:auto;flex-direction:row;text-align:left;padding:1rem}.works__preview-list[data-v-9e49a141]{flex-direction:column;gap:1rem;padding-bottom:0}.works__preview-list[data-v-9e49a141]:before{display:none}.works__preview-item[data-v-9e49a141]{min-width:auto;flex-direction:row;text-align:left;padding:1rem;width:100%}.works__preview-item[data-v-9e49a141]:hover{transform:translate(8px) scale(1.02)}.works__preview-item--active[data-v-9e49a141]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:inherit;border-color:transparent;transform:none;box-shadow:0 2px 12px #0000000a}.works__preview-item--active[data-v-9e49a141]:before{opacity:0}.works__preview-img[data-v-9e49a141]{width:80px;height:60px;margin-bottom:0;flex-shrink:0}.works__detail-window[data-v-9e49a141]{display:none}}@media (max-width: 768px){.works__container[data-v-9e49a141]{display:flex}.works__preview-list[data-v-9e49a141]{flex-direction:column;gap:1rem;padding-bottom:0}.works__preview-list[data-v-9e49a141]:before{display:none}.works__preview-item[data-v-9e49a141]{min-width:auto;flex-direction:row;text-align:left;padding:1rem}.works__preview-item[data-v-9e49a141]:hover{transform:translate(8px) scale(1.02)}.works__preview-item--active[data-v-9e49a141]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:inherit;border-color:transparent;transform:none;box-shadow:0 2px 12px #0000000a}.works__preview-item--active[data-v-9e49a141]:before{opacity:0}.works__preview-img[data-v-9e49a141]{width:80px;height:60px;margin-bottom:0;flex-shrink:0}.works__detail-window[data-v-9e49a141]{display:none}}@media (max-width: 480px){.works__preview-item[data-v-9e49a141]{min-width:200px}.works__detail-window[data-v-9e49a141]{height:160px}}@keyframes titleGlow-9e49a141{0%{filter:drop-shadow(0 0 5px var(--banner-text-shadow))}to{filter:drop-shadow(0 0 15px var(--banner-text-shadow-hover))}}.banner[data-v-9e49a141]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;height:90vh;padding:120px 0 80px;border-bottom:1px solid var(--border-main);overflow:hidden;background:var(--color-bg)}.banner__content[data-v-9e49a141]{position:relative;z-index:1;text-align:center}.banner__welcome-gif[data-v-9e49a141]{max-width:80%;height:auto;max-height:60vh;-o-object-fit:contain;object-fit:contain;position:relative;z-index:2}.banner__bg-elements[data-v-9e49a141]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.banner__flower[data-v-9e49a141]{position:absolute;width:15vw;height:15vh;opacity:.8;z-index:1;transition:transform .3s ease}.banner__flower--left[data-v-9e49a141]{top:10vh;left:10vw;fill:var(--color-blue);animation-delay:0s;scale:1.5}.banner__flower--right[data-v-9e49a141]{bottom:15vh;right:10vw;fill:var(--color-orange)}@media screen and (max-width: 768px){.banner__flower[data-v-9e49a141]{width:20vw;height:20vh;opacity:1}.banner__flower--left[data-v-9e49a141]{top:2vh;left:10vw}.banner__flower--right[data-v-9e49a141]{bottom:5vh;right:10vw}.banner__welcome-gif[data-v-9e49a141]{max-width:80%;height:auto;max-height:50vh;-o-object-fit:contain;object-fit:contain;position:relative;z-index:2}.banner[data-v-9e49a141]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:55vh;padding:120px 0 80px;border-bottom:1px solid var(--border-main);overflow:hidden;background:var(--color-bg)}}.banner__flower--left[data-v-9e49a141]:hover,.banner__flower--right[data-v-9e49a141]:hover{transform:scale(1.2)}.transition-section[data-v-9e49a141]{height:calc(100vw / 12 * 2);position:relative;overflow:hidden;background:var(--color-orange)}.transition-grid[data-v-9e49a141]{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(2,1fr);height:100%}.transition-cell[data-v-9e49a141]{background:var(--color-bg);transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.transition-cell[data-v-9e49a141]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--color-blue);border-radius:48px;transform:translate(100%) translateY(-100%) scale(.8);transition:transform 1.2s cubic-bezier(.4,0,.2,1);opacity:1}.transition-cell--active[data-v-9e49a141]:before{transform:translate(0) translateY(0) scale(1.4)}@keyframes fade-in-9e49a141{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.lazy-section[data-v-9e49a141]{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.lazy-section.animate-fade-in[data-v-9e49a141]{opacity:1;transform:none}.container[data-v-9e49a141]{width:100%;max-width:100%;margin:0;box-sizing:border-box}[data-v-9e49a141]:root{--container-padding: 16px;--gap: 40px}@keyframes float-9e49a141{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}@keyframes trailFade-9e49a141{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}to{opacity:0;transform:scale(2.5)}}.works__cursor[data-v-9e49a141]{position:fixed;width:120px;height:44px;border:2px solid var(--color-bg);border-radius:16px;background:none;pointer-events:none;z-index:1000;transition:left .08s linear,top .08s linear;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 16px 0 none;left:var(--a20e390e);top:var(--16da1058)}.works__cursor-text[data-v-9e49a141]{color:var(--color-bg);font-size:1.2rem;font-weight:800;letter-spacing:.18em;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;text-transform:uppercase}.contact[data-v-9e49a141]{padding:64px 16px;background:#242424}.contact__container[data-v-9e49a141]{display:flex;align-items:center;justify-content:space-between;gap:12px}.contact__content[data-v-9e49a141]{width:-moz-fit-content;width:fit-content;position:relative;margin-left:12vw;margin-top:32px}.contact__title[data-v-9e49a141]{font-size:2rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--text-sub)}.contact__email-link[data-v-9e49a141]{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;color:inherit;transition:all .3s ease;color:var(--color-bg);background:transparent}.contact__email-link[data-v-9e49a141]:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:2px;background:var(--color-bg);transition:all .3s ease}.contact__email-link[data-v-9e49a141]:hover:after{background:var(--color-orange)}.contact__email-link[data-v-9e49a141]:hover{color:var(--color-orange)}.contact__email[data-v-9e49a141]{font-size:2.4rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.contact__arrow[data-v-9e49a141]{width:48px;height:48px;transition:transform .3s ease;transform:rotate(-90deg)}.contact__email-link:hover .contact__arrow[data-v-9e49a141]{transform:translate(12px) rotate(-90deg)}.contact__pixel[data-v-9e49a141]{width:40vw;height:40vh}@media screen and (max-width: 768px){.contact[data-v-9e49a141]{padding:40px 16px}.contact__container[data-v-9e49a141]{flex-direction:column;gap:32px;text-align:center}.contact__content[data-v-9e49a141]{margin-left:0;margin-top:0;order:1}.contact__title[data-v-9e49a141]{font-size:1.5rem;margin-bottom:16px}.contact__email[data-v-9e49a141]{font-size:1.8rem}.contact__arrow[data-v-9e49a141]{width:32px;height:32px}.contact__pixel[data-v-9e49a141]{width:60vw;height:30vh;order:2}.about__scroll-layer[data-v-9e49a141]{position:relative!important;margin-top:0!important;z-index:1!important}.about__scroll-layer--active[data-v-9e49a141]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:transparent!important;box-shadow:none!important}.about__fixed-layer[data-v-9e49a141]{position:relative!important;top:auto!important;left:auto!important;width:auto!important;z-index:1!important}.about__parallax-container[data-v-9e49a141]{position:relative!important}}.skills-cards-column[data-v-9e49a141]{transition:transform .6s ease-out}.gallery[data-v-cce08691]{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.gallery__header[data-v-cce08691]{display:flex;align-items:center;margin-bottom:3rem}.gallery__back-btn[data-v-cce08691]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:1px solid var(--border-main);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.gallery__back-btn[data-v-cce08691]:hover{background:var(--color-green);color:var(--color-bg);border-color:var(--color-green)}.gallery__back-btn svg[data-v-cce08691]{width:1rem;height:1rem}.gallery__title[data-v-cce08691]{margin-left:2rem;font-size:2.5rem;font-weight:800;background:var(--color-green);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gallery__works-grid[data-v-cce08691]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;padding:1rem 0}.gallery__work-item[data-v-cce08691]:nth-child(n){grid-column:span 4;grid-row:span 2}.gallery__work-item[data-v-cce08691]:nth-child(1){grid-column:span 4;grid-row:span 3}.gallery__work-item[data-v-cce08691]{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp-cce08691 .6s ease forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.gallery__work-item[data-v-cce08691]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026;z-index:10}.gallery__work-preview[data-v-cce08691]{position:relative;width:100%;height:100%;overflow:hidden}.gallery__work-preview img[data-v-cce08691]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.gallery__work-item[data-v-cce08691]:hover{border:1.8px solid var(--color-green)}.gallery__work-item:hover .gallery__work-preview img[data-v-cce08691]{transform:scale(1.1)}.gallery__work-overlay[data-v-cce08691]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff9f9;padding:1.5rem;transform:translateY(100%);transition:transform .4s ease}.gallery__work-item:hover .gallery__work-overlay[data-v-cce08691]{transform:translateY(0)}.gallery__work-title[data-v-cce08691]{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.gallery__work-desc[data-v-cce08691]{font-size:.85rem;line-height:1.4;margin-bottom:.75rem;opacity:.9}.gallery__work-tags[data-v-cce08691]{display:flex;flex-wrap:wrap;gap:.4rem}.gallery__work-tag[data-v-cce08691]{padding:.22rem .9rem;background:#f2fff981;color:var(--color-bg);border-radius:999px;font-size:.82rem;font-weight:600;letter-spacing:.04em;box-shadow:0 2px 8px #5078c81a;border:1.5px solid rgba(255,255,255,.288);transition:background .3s,color .3s,box-shadow .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:2px;display:inline-block;position:relative;overflow:hidden}.gallery__work-tag[data-v-cce08691]:hover{background:linear-gradient(90deg,var(--color-blue) 0%,var(--color-green) 100%);color:#fff;box-shadow:0 4px 16px #5078c82e;border-color:var(--color-green)}@keyframes fadeInUp-cce08691{to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.gallery__works-grid[data-v-cce08691]{grid-template-columns:repeat(8,1fr);grid-auto-rows:180px}.gallery__work-item[data-v-cce08691]:nth-child(n){grid-column:span 4;grid-row:span 1}}@media (max-width: 768px){.gallery[data-v-cce08691]{padding:1rem}.gallery__title[data-v-cce08691]{font-size:2rem;margin-left:1rem}.gallery__works-grid[data-v-cce08691]{grid-template-columns:repeat(4,1fr);grid-auto-rows:160px;gap:.75rem}.gallery__work-item[data-v-cce08691]:nth-child(n){grid-column:span 2;grid-row:span 1}.gallery__work-title[data-v-cce08691]{font-size:1rem}.gallery__work-desc[data-v-cce08691]{font-size:.8rem}.gallery__modal-content[data-v-cce08691]{width:95vw;height:95vh}.gallery__modal-header[data-v-cce08691]{padding:1.5rem}.gallery__modal-title[data-v-cce08691]{font-size:1.5rem}.gallery__modal-body[data-v-cce08691]{padding:1.5rem}}@media (max-width: 480px){.gallery__works-grid[data-v-cce08691]{grid-template-columns:1fr;grid-auto-rows:200px;gap:1rem}.gallery__work-item[data-v-cce08691]:nth-child(n){grid-column:span 1;grid-row:span 1}}