:root{--brand-deep:#0b5c4a;--brand-mid:#1a8f6e;--brand-lime:#7cbc3d;--brand-teal:#2bb3a3;--brand-ink:#143028;--brand-soft:#3d5a4e;--mist:#eef7f2;--foam:#d8f0e6;--sand:#f5f8f6;--line:#0b5c4a1f;--white:#fff;--ss-deep:#0b3d6e;--ss-mid:#1a6fb5;--ss-bright:#3d9adf;--ss-ink:#122a44;--ss-soft:#3d5570;--ss-mist:#eef5fb;--ss-foam:#d6e8f6;--ss-line:#0b3d6e24;--font-display:"Noto Serif TC", "Songti TC", serif;--font-body:"Sora", "Noto Sans TC", system-ui, sans-serif;--nav-h:4.5rem;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--brand-ink);background:radial-gradient(1100px 560px at 8% -8%, #2bb3a324, transparent 58%), radial-gradient(900px 480px at 100% 12%, #7cbc3d1a, transparent 55%), linear-gradient(180deg, var(--mist) 0%, var(--sand) 50%, var(--white) 100%);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-weight:400;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-weight:700;line-height:1.25}p{margin:0}.container{width:min(1120px,100% - 2.5rem);margin-inline:auto}@media (width>=1200px){.container{width:min(1240px,100% - 3.5rem)}}.section{padding:clamp(4rem,8vw,6.5rem) 0}.section-label{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-mid);margin-bottom:.75rem;font-size:.78rem;font-weight:600}.section-title{color:var(--brand-deep);margin-bottom:1rem;font-size:clamp(1.8rem,3.5vw,2.6rem)}.section-lead{max-width:40rem;color:var(--brand-soft);font-size:1.05rem}.btn{transition:transform .35s var(--ease), background .35s var(--ease), color .35s var(--ease);border-radius:.35rem;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--brand-deep);color:var(--white)}.btn-primary:hover{background:var(--brand-mid)}.btn-ghost{color:var(--white);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff8c}.btn-ghost:hover{background:#fff3}.btn-outline{border:1px solid var(--brand-mid);color:var(--brand-deep);background:0 0}.btn-outline:hover{background:var(--foam)}#root{min-height:100vh}.nav{z-index:80;height:var(--nav-h);transition:background .4s var(--ease), box-shadow .4s var(--ease);background:#f3faf5f5;position:fixed;inset:0 0 auto}.nav--scrolled{box-shadow:0 1px 0 var(--line);background:#fffffffa}.nav__inner{justify-content:space-between;align-items:center;gap:1rem;height:100%;display:flex}.nav__brand{align-items:center;display:flex}.nav__logo{border-radius:.2rem;width:auto;height:3.465rem;box-shadow:0 1px #00000014}.nav__links{align-items:center;gap:1.15rem;display:flex}.nav__links a,.nav__drawer a{color:var(--brand-ink);transition:color .25s var(--ease);white-space:nowrap;font-size:.9rem;font-weight:500}.nav__links a:hover,.nav__drawer a:hover{color:var(--brand-mid)}.nav__active{font-weight:700;color:var(--brand-mid)!important}.nav__cta{background:var(--brand-deep);border-radius:.3rem;color:var(--white)!important;padding:.55rem .95rem!important}.nav__cta:hover{background:var(--brand-mid)!important;color:var(--white)!important}.nav__toggle{width:2.4rem;height:2.4rem;display:none;position:relative}.nav__toggle span{background:var(--brand-deep);height:2px;transition:transform .3s var(--ease), top .3s var(--ease);position:absolute;left:.45rem;right:.45rem}.nav__toggle span:first-child{top:.9rem}.nav__toggle span:last-child{top:1.35rem}.nav__toggle.is-open span:first-child{top:1.15rem;transform:rotate(45deg)}.nav__toggle.is-open span:last-child{top:1.15rem;transform:rotate(-45deg)}.nav__drawer{display:none}@media (width<=960px){.nav__toggle{display:block}.nav__links--desktop{display:none}.nav__drawer{z-index:70;padding:calc(var(--nav-h) + .75rem) 1.4rem 2rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s var(--ease), visibility .28s var(--ease);background:#f3faf5;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.nav__drawer.is-open{opacity:1;visibility:visible;pointer-events:auto}.nav__drawer a{border-bottom:1px solid var(--line);white-space:normal;padding:.95rem 0;font-size:1.12rem}.nav__drawer .nav__cta{text-align:center;border-bottom:none;margin-top:1.2rem}}.about__extra,.about__en{color:var(--brand-soft);margin-top:1.1rem}.about__en{max-width:52rem;font-size:.95rem;line-height:1.7}.work__lead{max-width:52rem}.featured-event{background:linear-gradient(#e8f5ecb3,#fff6)}.featured-event__grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(1.4rem,3vw,2.6rem);display:grid}.featured-event__tag{color:var(--brand-mid);margin:-.35rem 0 .85rem;font-weight:700}.featured-event__copy .btn{margin-top:1.2rem}.featured-event__poster{background:var(--white);border:1px solid var(--line);border-radius:.45rem;display:block;overflow:hidden;box-shadow:0 14px 36px #0b5c4a1a}.featured-event__poster img{width:100%;height:auto;display:block}@media (width>=901px){.featured-event__grid{grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:start;gap:2.4rem}.featured-event__poster{justify-self:end;max-width:300px}}@media (width<=900px){.featured-event__grid{grid-template-columns:1fr}.featured-event__poster{max-width:28rem}}.research__goals{border:1px solid var(--line);background:#ffffffb8;border-radius:.4rem;margin-top:2rem;padding:1.4rem 1.3rem}.research__more{margin-top:1.25rem}.research__goals h2,.research__goals h3{color:var(--brand-deep);margin-bottom:.85rem;font-size:1.15rem}.research__goals ul{color:var(--brand-soft);gap:.55rem;margin:0;padding-left:1.15rem;display:grid}.research__list{gap:1.2rem;margin-top:2rem;display:grid}.research__card{background:var(--white);border:1px solid var(--line);border-radius:.45rem;padding:1.4rem 1.3rem}.research__year{letter-spacing:.08em;color:var(--brand-mid);margin-bottom:.45rem;font-size:.78rem;font-weight:700;display:inline-block}.research__card h2,.research__card h3{color:var(--brand-deep);margin-bottom:.35rem;font-size:1.25rem}.research__en{color:var(--brand-soft);margin-bottom:.8rem;font-size:.9rem}.research__card>p{color:var(--brand-soft)}.research__details{color:var(--brand-soft);gap:.35rem;margin:.9rem 0 0;padding-left:1.1rem;font-size:.95rem;display:grid}.research__files{flex-wrap:wrap;gap:.65rem;margin-top:1.1rem;display:flex}.events__years{gap:2rem;margin-top:2.2rem;display:grid}.events__group h3{color:var(--brand-deep);border-bottom:2px solid var(--brand-lime);margin-bottom:.9rem;padding-bottom:.45rem;font-size:1.8rem;display:inline-block}.events__items{gap:.9rem;display:grid}.events__item{background:var(--white);border:1px solid var(--line);border-radius:.35rem;padding:1.1rem 1.15rem}.events__item time{color:var(--brand-mid);margin-bottom:.3rem;font-size:.82rem;font-weight:600;display:block}.events__item h4{font-family:var(--font-display);color:var(--brand-deep);margin:0 0 .4rem;font-size:1.08rem}.events__item p{color:var(--brand-soft);font-size:.96rem}.join__blocks{gap:1.1rem;margin-top:2rem;display:grid}.join__block{background:var(--white);border:1px solid var(--line);border-radius:.4rem;padding:1.35rem 1.25rem}.join__block h3{color:var(--brand-deep);flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.7rem;font-size:1.25rem;display:flex}.join__block h3 span{font-family:var(--font-body);color:var(--brand-mid);font-size:.85rem;font-weight:500}.join__block p{color:var(--brand-soft);margin-bottom:.65rem}.join__block a{color:var(--brand-mid);text-underline-offset:3px;text-decoration:underline}.join__note{font-size:.92rem}.join__actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.project{background:linear-gradient(#0000,#d6e8f6b8 8% 92%,#0000);padding-bottom:clamp(3rem,6vw,5rem)}.project .section-label{color:var(--ss-mid)}.project .section-title{color:var(--ss-deep)}.project .section-lead{color:var(--ss-soft)}.project__title-row{grid-template-columns:auto 1fr;align-items:start;gap:1.4rem;display:grid}.project__logo{background:0 0;border-radius:0;width:min(220px,42vw);height:auto;padding:0}.project__slideshow{margin-top:2.2rem}.project__stage{aspect-ratio:4/3;background:var(--ss-deep);border-radius:.35rem;width:min(1120px,100% - 2.5rem);height:auto;margin-inline:auto;position:relative;overflow:hidden}.project__slide{object-fit:contain;object-position:center;width:100%;height:100%;position:absolute;inset:0}.project__veil{pointer-events:none;background:linear-gradient(#0000 30%,#0b3d6e26 55%,#0b3d6eb8 100%);position:absolute;inset:0}.project__caption{z-index:2;color:#ffffffe6;letter-spacing:.03em;justify-content:space-between;gap:1rem;font-size:.92rem;display:flex;position:absolute;inset:auto 0 1.2rem}.project__controls{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.project__controls>button{border:1px solid var(--ss-mid);width:2.4rem;height:2.4rem;color:var(--ss-deep);background:var(--white);transition:background .25s var(--ease);border-radius:.3rem;font-size:1.35rem;line-height:1}.project__controls>button:hover{background:var(--ss-foam)}.project__dots{gap:.4rem;display:flex}.project__dots button{width:.55rem;height:.55rem;transition:width .35s var(--ease), background .35s var(--ease);background:#0b3d6e40;border-radius:1px}.project__dots button.is-active{background:var(--ss-mid);width:1.4rem}.services__list{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:0;margin:2.2rem 0 0;padding:0;list-style:none;display:grid}.services__list li{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;gap:1rem;padding:1.5rem 1.15rem;display:grid}.services__list li:nth-child(odd){border-right:1px solid var(--line)}.services__list li:last-child:nth-child(odd){border-right:none;grid-column:1/-1}.services__num{font-family:var(--font-display);color:var(--brand-mid);padding-top:.2rem;font-size:1.45rem;line-height:1}.services__list h3{color:var(--brand-deep);margin-bottom:.35rem;font-size:1.15rem}.services__list p{color:var(--brand-soft);font-size:.98rem}.project__cta{flex-wrap:wrap;gap:.75rem;margin-top:1.8rem;display:flex}.project .services__num{color:var(--ss-mid)}.project .services__list h2,.project .services__list h3{color:var(--ss-deep)}.project .services__list p{color:var(--ss-soft)}.project__cta .btn-primary{background:var(--ss-deep)}.project__cta .btn-primary:hover{background:var(--ss-mid)}.project__cta .btn-outline{border-color:var(--ss-mid);color:var(--ss-deep)}.project__cta .btn-outline:hover{background:var(--ss-foam)}.mission{background:var(--brand-deep);color:var(--white);position:relative;overflow:hidden}.mission:before{content:"";pointer-events:none;background:radial-gradient(circle,#7cbc3d47,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;inset:-20% auto auto -10%}.mission .section-label{color:var(--foam)}.mission .section-title,.mission .section-lead{color:var(--white)}.mission .section-lead{opacity:.88}.mission__list{gap:1.2rem;margin-top:2.4rem;display:grid}.mission__item{border-top:1px solid #ffffff29;padding:1.2rem 0}.mission__zh{font-family:var(--font-display);margin-bottom:.45rem;font-size:1.15rem}.mission__en{color:#ffffffb8;font-size:.92rem}.footer{color:#fffc;background:#06281f;padding:2.5rem 0 2rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer__brands{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.footer__hf{border-radius:.25rem;width:auto;height:3.2rem}.footer__project{align-items:center;gap:.55rem;display:flex}.footer__project span{letter-spacing:.08em;text-transform:uppercase;opacity:.65;font-size:.75rem}.footer__project img{background:0 0;border-radius:0;width:auto;height:2.4rem;padding:0}.footer__meta{gap:.3rem;font-size:.9rem;display:grid}.footer__meta a:hover{color:var(--foam)}.footer__copy{opacity:.55;font-size:.82rem}@media (width<=900px){.project__title-row,.services__list{grid-template-columns:1fr}.services__list li:nth-child(odd){border-right:none}.project__stage{aspect-ratio:4/3;width:min(1120px,100% - 2rem)}}.events-page{min-height:60vh;padding-top:5.5rem}.events-page__crumb{color:var(--brand-soft);align-items:center;gap:.5rem;margin-bottom:1.4rem;font-size:.88rem;display:flex}.events-page__crumb a{color:var(--brand-mid);text-decoration:none}.events-page__crumb a:hover{color:var(--brand-deep)}.events-page__years{flex-wrap:wrap;gap:.55rem;margin:1.6rem 0 .4rem;display:flex}.events-page__years a{font-family:var(--font-display);color:var(--brand-deep);border:1px solid var(--line);background:var(--white);padding:.35rem .85rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s}.events-page__years a:hover{border-color:var(--brand-lime);background:color-mix(in srgb, var(--brand-lime) 18%, white)}.events__group h2{color:var(--brand-deep);border-bottom:2px solid var(--brand-lime);margin-bottom:.9rem;padding-bottom:.45rem;scroll-margin-top:6rem;font-size:1.8rem;display:inline-block}.events__item h3{font-family:var(--font-display);color:var(--brand-deep);margin:0 0 .4rem;font-size:1.08rem}.events__gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.55rem;margin-top:.9rem;display:grid}.events__thumb{aspect-ratio:4/3;cursor:zoom-in;background:#e8eee9;border:0;width:100%;padding:0;display:block;overflow:hidden}.events__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.events__thumb:hover img,.events__thumb:focus-visible img{transform:scale(1.04)}.events-lightbox{z-index:80;background:#081612e0;place-items:center;padding:2rem 1rem;display:grid;position:fixed;inset:0}.events-lightbox__img{object-fit:contain;max-width:min(1100px,96vw);max-height:88vh;box-shadow:0 16px 48px #00000059}.events-lightbox__close{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;width:2.6rem;height:2.6rem;font-size:1.7rem;line-height:1;position:absolute;top:1rem;right:1.1rem}.events-lightbox__close:hover{background:#ffffff47}@media (width>=768px){.events__gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.7rem}}.hero{color:var(--ss-ink);padding:calc(var(--nav-h) + 1.6rem) 0 2.2rem;position:relative;overflow:hidden}.hero__bg{background:radial-gradient(70% 60% at 85% 20%,#3d9adf3d,#0000 55%),radial-gradient(55% 50% at 10% 80%,#1a6fb529,#0000 50%),linear-gradient(165deg,#f2f7fc 0%,#e6f0f8 45%,#d9eaf6 100%);position:absolute;inset:0}.hero__glow{filter:blur(48px);pointer-events:none;opacity:.7;border-radius:50%;position:absolute}.hero__glow--a{background:#3d9adf52;width:min(420px,50vw);height:min(420px,50vw);animation:12s ease-in-out infinite alternate drift;top:-8%;right:-4%}.hero__glow--b{background:#0b3d6e33;width:min(320px,40vw);height:min(320px,40vw);animation:10s ease-in-out infinite alternate-reverse drift;bottom:-10%;left:-6%}.hero__layout{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(1.4rem,3vw,2.4rem);display:grid;position:relative}.hero__copy{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;padding:.4rem 0;display:flex}.hero__brand{width:min(340px,88%);height:auto;margin-bottom:1.1rem}.hero__brand--ss{box-shadow:none;background:0 0;border-radius:0;padding:0}.hero__title{color:var(--ss-deep);margin-bottom:.75rem;font-size:clamp(1.75rem,3.4vw,2.55rem)}.hero__lead{color:var(--ss-soft);max-width:34rem;margin-bottom:1.25rem;font-size:.98rem;line-height:1.7}.hero .btn-primary{background:var(--ss-deep)}.hero .btn-primary:hover{background:var(--ss-mid)}.hero .btn-outline{border-color:var(--ss-mid);color:var(--ss-deep)}.hero .btn-outline:hover{background:var(--ss-foam)}.hero__actions{flex-wrap:wrap;gap:.7rem;display:flex}.hero__feature{border:1px solid var(--ss-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;border-radius:.55rem;flex-direction:column;gap:.7rem;padding:.9rem;display:flex;box-shadow:0 12px 32px #0b3d6e1a}.hero__feature-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.hero__feature-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ss-mid);font-size:.72rem;font-weight:700}.hero__feature-logo{background:#fff;border-radius:.25rem;width:auto;height:2.35rem}.hero__feature-stage{aspect-ratio:4/3;background:var(--ss-foam);border-radius:.4rem;width:100%;position:relative;overflow:hidden}.hero__feature-image{object-fit:contain;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero__feature-foot{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.hero__feature-foot p{color:var(--ss-soft);font-size:.88rem}.hero__feature-dots{flex-shrink:0;gap:.35rem;display:flex}.hero__feature-dots button{width:.45rem;height:.45rem;transition:width .3s var(--ease), background .3s var(--ease);background:#0b3d6e38;border-radius:1px}.hero__feature-dots button.is-active{background:var(--ss-mid);width:1.15rem}.hero__feature-link{color:var(--ss-deep);border-top:1px solid var(--ss-line);padding-top:.15rem;font-size:.9rem;font-weight:600}.hero__feature-link:hover{color:var(--ss-mid)}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-14px,18px)}}@media (width>=901px){.hero{padding:calc(var(--nav-h) + 2rem) 0 2.6rem}.hero__layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:2.5rem}.hero__feature-stage{aspect-ratio:4/3}.hero__feature-image{object-fit:cover}}@media (width<=900px){.hero{padding:calc(var(--nav-h) + 1.1rem) 0 1.6rem}.hero__layout{grid-template-columns:1fr;gap:1.2rem}.hero__brand{width:min(300px,92%)}.hero__feature-stage{aspect-ratio:4/3}.hero__feature-image{object-fit:contain}}.join-page{min-height:60vh;padding-top:5.5rem}.join-page__crumb-wrap{padding-top:2rem}.join-page__crumb{color:var(--brand-soft);align-items:center;gap:.5rem;font-size:.88rem;display:flex}.join-page__crumb a{color:var(--brand-mid);text-decoration:none}.join-page__crumb a:hover{color:var(--brand-deep)}.join-page .join{padding-top:1.2rem}.research-page{min-height:60vh;padding-top:5.5rem}.research-page__crumb-wrap{padding-top:2rem}.research-page__crumb{color:var(--brand-soft);align-items:center;gap:.5rem;font-size:.88rem;display:flex}.research-page__crumb a{color:var(--brand-mid);text-decoration:none}.research-page__crumb a:hover{color:var(--brand-deep)}.research-page .research{padding-top:1.2rem}.ss-page{padding-top:var(--nav-h);color:var(--ss-ink);background:radial-gradient(900px 480px at 8% -8%, #3d9adf29, transparent 58%), radial-gradient(800px 420px at 100% 8%, #1a6fb51a, transparent 55%), linear-gradient(180deg, var(--ss-mist) 0%, #f7fafc 48%, var(--white) 100%)}.ss-page__main{padding-top:2rem}.ss-page__crumb{color:var(--ss-soft);align-items:center;gap:.5rem;margin-bottom:1.4rem;font-size:.88rem;display:flex}.ss-page__crumb a{color:var(--ss-mid);font-weight:600}.ss-page__crumb a:hover{text-underline-offset:3px;text-decoration:underline}.services__list h2{color:var(--ss-deep);margin-bottom:.35rem;font-size:1.15rem}.ss-page__intro{gap:1rem;max-width:none;display:grid}.ss-page__intro p{color:var(--ss-soft);font-size:.98rem;line-height:1.75}