.navbar[data-v-664a13a1]{position:fixed;top:0;left:0;right:0;z-index:200;transition:background var(--transition-base),box-shadow var(--transition-base);padding:var(--spacing-m) 0}.navbar--scrolled[data-v-664a13a1]{background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--neutral-100)}.navbar__inner[data-v-664a13a1]{display:flex;align-items:center;gap:var(--spacing-l)}.navbar__logo[data-v-664a13a1]{display:flex;align-items:baseline;gap:6px;text-decoration:none;margin-right:auto}.navbar__logo-en[data-v-664a13a1]{font-family:var(--font-serif-en);font-weight:700;font-style:italic;font-size:2rem;color:var(--lake-blue-700);line-height:1;letter-spacing:.01em}.navbar__nav[data-v-664a13a1]{display:flex;align-items:center;gap:var(--spacing-xs)}.navbar__link[data-v-664a13a1]{font-family:var(--font-serif-en);font-style:normal;font-size:1.375rem;font-weight:700;color:var(--lake-blue-700);padding:var(--spacing-xxs) var(--spacing-s);border-radius:var(--radius-round);transition:color var(--transition-base),background var(--transition-base);text-decoration:none}.navbar__link[data-v-664a13a1]:hover,.navbar__link--active[data-v-664a13a1]{color:var(--neutral-900);background:#ccd9ef80}.navbar__link--active[data-v-664a13a1]{font-weight:700}.navbar__hamburger[data-v-664a13a1]{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:0;z-index:210}.navbar__hamburger span[data-v-664a13a1]{display:block;width:22px;height:2px;background:var(--lake-blue-700);border-radius:2px;transition:transform .25s ease,opacity .25s ease;transform-origin:center}.navbar__hamburger--open span[data-v-664a13a1]:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__hamburger--open span[data-v-664a13a1]:nth-child(2){opacity:0}.navbar__hamburger--open span[data-v-664a13a1]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar__overlay[data-v-664a13a1]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:190}.navbar__drawer[data-v-664a13a1]{position:fixed;top:0;right:0;bottom:0;width:75vw;max-width:300px;background:#fff;z-index:200;padding:80px var(--spacing-xl) var(--spacing-xl);display:flex;flex-direction:column}.navbar__drawer-nav[data-v-664a13a1]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.navbar__drawer-link[data-v-664a13a1]{font-family:var(--font-serif-en);font-style:normal;font-size:1.5rem;font-weight:700;color:var(--lake-blue-700);text-decoration:none;padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-m);transition:color var(--transition-base),background var(--transition-base)}.navbar__drawer-link[data-v-664a13a1]:hover,.navbar__drawer-link--active[data-v-664a13a1]{color:var(--neutral-900);background:#ccd9ef80}.drawer-enter-active[data-v-664a13a1],.drawer-leave-active[data-v-664a13a1]{transition:transform .3s ease}.drawer-enter-from[data-v-664a13a1],.drawer-leave-to[data-v-664a13a1]{transform:translate(100%)}.fade-enter-active[data-v-664a13a1],.fade-leave-active[data-v-664a13a1]{transition:opacity .3s ease}.fade-enter-from[data-v-664a13a1],.fade-leave-to[data-v-664a13a1]{opacity:0}@media (max-width: 640px){.navbar__nav[data-v-664a13a1]{display:none}.navbar__hamburger[data-v-664a13a1]{display:flex}}.footer[data-v-5585aeed]{background:transparent;padding:var(--spacing-5xl) 0 var(--spacing-3xl)}.footer__inner[data-v-5585aeed]{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--spacing-xl)}.footer__contact[data-v-5585aeed]{font-family:var(--font-serif-en);font-weight:600;font-style:italic;font-size:clamp(1.75rem,4.5vw,4.5rem);line-height:1.15;color:var(--neutral-900);margin:0;display:inline;flex-wrap:wrap}.footer__contact-sep[data-v-5585aeed]{color:var(--neutral-400)}.footer__email[data-v-5585aeed]{color:var(--burgundy-300);text-decoration:none;transition:color var(--transition-base)}.footer__email[data-v-5585aeed]:hover{color:var(--burgundy-500)}.footer__nav[data-v-5585aeed]{display:flex;gap:var(--spacing-xl);flex-wrap:wrap}.footer__link[data-v-5585aeed]{font-family:var(--font-serif-en);font-style:normal;font-size:1.375rem;font-weight:700;color:var(--lake-blue-700);text-decoration:none;transition:color var(--transition-base)}.footer__link[data-v-5585aeed]:hover{color:var(--neutral-900)}@media (max-width: 640px){.footer__contact[data-v-5585aeed]{font-size:clamp(1.25rem,5.5vw,1.5rem);display:flex;flex-direction:column;gap:var(--spacing-xxs)}.footer__contact-sep[data-v-5585aeed]{display:none}.footer__nav[data-v-5585aeed]{gap:var(--spacing-m);flex-wrap:wrap}}:root{--neutral-0: #FFFFFF;--neutral-50: #F4F4F4;--neutral-100: #DBDBDB;--neutral-200: #CACACA;--neutral-300: #B2B2B2;--neutral-400: #A3A3A3;--neutral-500: #8C8C8C;--neutral-600: #7F7F7F;--neutral-700: #636363;--neutral-800: #4D4D4D;--neutral-900: #3B3B3B;--neutral-1000: #000000;--cherry-50: #FEF7F8;--cherry-100: #FCE6EB;--cherry-200: #FAD9E1;--cherry-300: #F8C8D3;--cherry-400: #F6BDCA;--cherry-500: #F4ADBD;--cherry-600: #DE9DAC;--cherry-700: #AD7B86;--cherry-800: #865F68;--cherry-900: #66494F;--lake-blue-50: #EFF3FA;--lake-blue-100: #CCD9EF;--lake-blue-200: #B4C7E7;--lake-blue-300: #91AEDC;--lake-blue-400: #7C9ED5;--lake-blue-500: #5B86CB;--lake-blue-600: #537AB9;--lake-blue-700: #415F90;--lake-blue-800: #324A70;--lake-blue-900: #263855;--burgundy-50: #F0E6E9;--burgundy-100: #D1B2BA;--burgundy-200: #BB8D98;--burgundy-300: #9D5A6A;--burgundy-400: #89394D;--burgundy-500: #6C0820;--burgundy-600: #62071D;--burgundy-700: #4D0616;--lapis-50: #ECEFF4;--lapis-100: #C3CDDE;--lapis-200: #A6B4CD;--lapis-300: #7E92B7;--lapis-400: #657DA9;--lapis-500: #3E5D93;--lapis-600: #385586;--lapis-700: #2C4268;--rose-50: #FEFCFC;--rose-100: #FCF4F4;--rose-200: #FAEFEF;--rose-300: #F8E8E8;--rose-400: #F6E3E3;--spacing-tiny: 2px;--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-s: 12px;--spacing-m: 16px;--spacing-l: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--spacing-4xl: 64px;--spacing-5xl: 80px;--spacing-6xl: 120px;--radius-xxs: 4px;--radius-xs: 8px;--radius-s: 12px;--radius-m: 16px;--radius-l: 20px;--radius-xl: 24px;--radius-round: 1000px;--font-sans-zh: "Noto Sans TC", sans-serif;--font-serif-en: "Cormorant", serif;--shadow-card: 0 2px 12px rgba(0, 0, 0, .06);--shadow-hover: 0 6px 24px rgba(0, 0, 0, .1);--container-max: 1200px;--container-padding: var(--spacing-l);--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans-zh);font-weight:400;color:var(--neutral-900);background-color:var(--neutral-0);line-height:1.8;min-height:100vh}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.text-display{font-family:var(--font-serif-en);font-weight:600;font-style:italic;font-size:clamp(3rem,6vw,5.5rem);line-height:1.05;letter-spacing:-.02em}.text-h1{font-family:var(--font-sans-zh);font-weight:700;font-size:clamp(2rem,4vw,3rem);line-height:1.2}.text-h2{font-family:var(--font-sans-zh);font-weight:700;font-size:clamp(1.5rem,3vw,2rem);line-height:1.3}.text-h3{font-family:var(--font-sans-zh);font-weight:700;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.4}.text-h4{font-family:var(--font-sans-zh);font-weight:700;font-size:1rem;line-height:1.5}.text-body{font-family:var(--font-sans-zh);font-weight:400;font-size:1rem;line-height:1.8}.text-small{font-family:var(--font-sans-zh);font-weight:400;font-size:.875rem;line-height:1.6;color:var(--neutral-600)}.text-caption{font-family:var(--font-sans-zh);font-weight:400;font-size:.75rem;line-height:1.5;color:var(--neutral-600)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--spacing-6xl) 0}.section--tight{padding:var(--spacing-3xl) 0}.page-bg{background:linear-gradient(180deg,var(--rose-100) 0%,var(--neutral-0) 30%)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:var(--radius-round)}.app{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(ellipse 70% 28% at -5% 2%,rgba(250,173,189,.3) 0%,transparent 65%),radial-gradient(ellipse 55% 22% at 108% 6%,rgba(252,244,244,.75) 0%,transparent 60%),radial-gradient(ellipse 50% 18% at -8% 42%,rgba(252,230,235,.18) 0%,transparent 60%),radial-gradient(ellipse 40% 16% at 106% 52%,rgba(239,243,250,.28) 0%,transparent 55%),radial-gradient(ellipse 65% 22% at 6% 96%,rgba(250,173,189,.2) 0%,transparent 60%),radial-gradient(ellipse 50% 18% at 102% 92%,rgba(252,244,244,.4) 0%,transparent 55%)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.app-btn[data-v-515be925]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border-radius:var(--radius-round);font-family:var(--font-sans-zh);font-weight:700;line-height:1;cursor:pointer;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base);white-space:nowrap;text-decoration:none}.app-btn--full[data-v-515be925]{width:100%}.app-btn--md[data-v-515be925]{padding:var(--spacing-s) var(--spacing-l);font-size:.9375rem}.app-btn--sm[data-v-515be925]{padding:var(--spacing-xxs) var(--spacing-l);font-size:.875rem;gap:var(--spacing-tiny)}.app-btn--lg[data-v-515be925]{padding:var(--spacing-m) var(--spacing-xl);font-size:1rem}.app-btn--primary[data-v-515be925]{background:var(--cherry-500);color:var(--neutral-900);border:1.5px solid transparent}.app-btn--primary[data-v-515be925]:hover{background:var(--cherry-600)}.app-btn--primary[data-v-515be925]:active{background:var(--cherry-700)}.app-btn--secondary[data-v-515be925]{background:transparent;color:var(--lake-blue-600);border:1.5px solid var(--lake-blue-600)}.app-btn--secondary[data-v-515be925]:hover{background:var(--lake-blue-600);border-color:var(--lake-blue-600);color:var(--neutral-0)}.app-btn--secondary[data-v-515be925]:active{background:var(--lake-blue-700);border-color:var(--lake-blue-700);color:var(--neutral-0)}.app-btn--ghost[data-v-515be925]{background:transparent;color:var(--neutral-600);border:1.5px solid transparent;padding-left:var(--spacing-s);padding-right:var(--spacing-s)}.app-btn--ghost[data-v-515be925]:hover{color:var(--neutral-900);background:var(--neutral-50)}.hero[data-v-703121a4]{position:relative;padding-top:calc(72px + var(--spacing-xl));padding-bottom:var(--spacing-6xl);overflow:hidden}.hero__card[data-v-703121a4]{position:relative;border-radius:32px;box-shadow:0 0 12px #00000014;overflow:hidden;min-height:480px;background:linear-gradient(135deg,var(--lake-blue-100) 0%,var(--lake-blue-50) 15%,var(--neutral-0) 30%,var(--rose-200) 50%,var(--neutral-0) 68%,var(--lake-blue-50) 85%,var(--lake-blue-100) 100%);background-size:280% 280%;animation:heroFlow-703121a4 12s ease-in-out infinite;display:flex;align-items:center}.hero__card[data-v-703121a4]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:10;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px}.hero__card-overlay[data-v-703121a4]{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset -1px 0 6px #ffffffb3,inset 0 0 2px #ffffffb3;border-radius:inherit;pointer-events:none}.hero__content[data-v-703121a4]{position:relative;z-index:11;padding:var(--spacing-4xl) var(--spacing-4xl) var(--spacing-4xl) var(--spacing-5xl);max-width:62%;display:flex;flex-direction:column;gap:var(--spacing-xl)}.hero__cta[data-v-703121a4]{align-self:flex-start}.hero__headline[data-v-703121a4]{font-family:var(--font-serif-en);font-weight:600;font-style:normal;font-size:clamp(2.25rem,4.5vw,4rem);line-height:1.15;color:var(--neutral-1000);margin:0;display:flex;flex-direction:column}.hero__body[data-v-703121a4]{display:flex;flex-direction:column;gap:0}.hero__body p[data-v-703121a4]{font-family:var(--font-sans-zh);font-weight:400;font-size:clamp(.875rem,1.1vw,1.125rem);color:var(--neutral-1000);line-height:1.75;letter-spacing:.4px;margin:0}.hero__visual[data-v-703121a4]{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:clamp(220px,30%,400px);pointer-events:none;z-index:11}.hero__avatar[data-v-703121a4]{width:100%;height:auto;display:block;object-fit:contain;object-position:bottom center}@media (max-width: 768px){.hero__card[data-v-703121a4]{min-height:unset;flex-direction:column-reverse;align-items:center;padding-bottom:0}.hero__content[data-v-703121a4]{max-width:100%;padding:var(--spacing-3xl) var(--spacing-l) var(--spacing-l)}.hero__visual[data-v-703121a4]{position:static;transform:none;width:clamp(160px,55%,260px);align-self:center;padding-top:var(--spacing-3xl)}}@keyframes heroFlow-703121a4{0%{background-position:0% 30%}50%{background-position:100% 70%}to{background-position:0% 30%}}.project-card[data-v-6756d6d7]{display:flex;flex-direction:column}.project-card__title-row[data-v-6756d6d7]{display:flex;align-items:flex-start;gap:var(--spacing-xs)}.project-card__title-link[data-v-6756d6d7]{flex:1;min-width:0;display:block;text-decoration:none;color:inherit}.project-card__live-btn[data-v-6756d6d7]{flex-shrink:0;margin-top:var(--spacing-xs)}.project-card--banner .project-card__image-wrap[data-v-6756d6d7]{display:block;aspect-ratio:5 / 2;overflow:hidden;border-radius:var(--radius-m);background:var(--neutral-100);transition:box-shadow var(--transition-base)}.project-card--banner:hover .project-card__image-wrap[data-v-6756d6d7]{box-shadow:var(--shadow-hover)}.project-card--banner .project-card__image[data-v-6756d6d7]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.project-card--banner:hover .project-card__image[data-v-6756d6d7]{transform:scale(1.02)}.project-card--banner .project-card__body[data-v-6756d6d7]{padding:var(--spacing-l) 0 0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.project-card--banner .project-card__title[data-v-6756d6d7]{font-family:var(--font-sans-zh);font-weight:700;font-size:clamp(1.375rem,2.2vw,2rem);color:var(--neutral-900);line-height:1.35}.project-card--banner .project-card__summary[data-v-6756d6d7]{font-size:clamp(1rem,1.5vw,1.25rem);color:var(--neutral-600);line-height:1.7}.project-card--grid[data-v-6756d6d7]{background:var(--neutral-0);border:1px solid var(--neutral-100);border-radius:var(--radius-l);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);cursor:pointer}.project-card--grid[data-v-6756d6d7]:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--neutral-300)}.project-card--grid .project-card__image-wrap[data-v-6756d6d7]{display:block;aspect-ratio:16 / 10;overflow:hidden;background:var(--rose-200)}.project-card--grid .project-card__image[data-v-6756d6d7]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.project-card--grid:hover .project-card__image[data-v-6756d6d7]{transform:scale(1.04)}.project-card--grid .project-card__body[data-v-6756d6d7]{padding:var(--spacing-l);display:flex;flex-direction:column;gap:var(--spacing-s)}.project-card--grid .project-card__title[data-v-6756d6d7]{font-family:var(--font-sans-zh);font-weight:700;font-size:1rem;color:var(--neutral-900)}.project-card--grid .project-card__summary[data-v-6756d6d7]{color:var(--neutral-600)}.project-grid__list[data-v-73a02065]{display:flex;flex-direction:column;gap:var(--spacing-6xl)}.section[data-v-42ef4394]{padding-top:0;padding-bottom:var(--spacing-6xl)}