:root{--bg: #f7f5f0;--bg-alt: #efece4;--surface: #ffffff;--ink: #1d2230;--ink-soft: #4a5163;--ink-mute: #7a8090;--line: #e2ded3;--accent: #2f4f9a;--accent-soft: #e4e9f5;--accent-ink: #ffffff;--green: #5d7a3a;--gold: #c99a2e;--hero-shade: linear-gradient(90deg, rgba(247, 245, 240, .95) 0%, rgba(247, 245, 240, .82) 40%, rgba(247, 245, 240, 0) 70%);--shadow: 0 1px 2px rgba(29, 34, 48, .04), 0 8px 24px rgba(29, 34, 48, .06);--radius: 14px;--serif: "Noto Serif TC", "Songti TC", serif;--sans: "Inter", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--header-h: 64px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #12151c;--bg-alt: #171b24;--surface: #1c2130;--ink: #eceef3;--ink-soft: #b8bdca;--ink-mute: #858b9a;--line: #2a3040;--accent: #8fa8e8;--accent-soft: #232c45;--accent-ink: #10131a;--green: #9cbc72;--gold: #e2b955;--hero-shade: linear-gradient(90deg, rgba(18, 21, 28, .94) 0%, rgba(18, 21, 28, .8) 40%, rgba(18, 21, 28, 0) 72%);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 8px);-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3{margin:0;line-height:1.3}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.skip-link{position:absolute;left:12px;top:-48px;z-index:100;padding:8px 14px;background:var(--accent);color:var(--accent-ink);border-radius:8px;text-decoration:none}.skip-link:focus{top:12px}.header{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--header-h);background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .25s,box-shadow .25s,backdrop-filter .25s}.header.is-scrolled,.header.is-open{background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);box-shadow:0 1px 0 var(--line)}.header__inner{max-width:1120px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;white-space:nowrap}.brand img{width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--line)}.nav{display:flex;gap:4px;margin-left:auto}.nav a{padding:6px 10px;border-radius:8px;font-size:.92rem;color:var(--ink-soft);text-decoration:none;transition:color .2s,background-color .2s}.nav a:hover{color:var(--ink);background:var(--accent-soft)}.header__actions{display:flex;align-items:center;gap:8px}.lang-switch{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.lang-switch button{border:0;background:transparent;color:var(--ink-soft);font:inherit;font-size:.82rem;font-weight:600;padding:4px 12px;border-radius:999px;cursor:pointer;transition:background-color .2s,color .2s}.lang-switch button.active{background:var(--accent);color:var(--accent-ink)}.menu-btn{display:none;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer}.hero{position:relative;min-height:min(92vh,780px);display:flex;align-items:center;overflow:hidden;isolation:isolate}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;z-index:-2}.hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-shade);z-index:-1}.hero__shade:after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(to bottom,transparent,var(--bg))}.hero__content{padding-top:calc(var(--header-h) + 40px);padding-bottom:80px}.hero__content>*{max-width:min(560px,56vw)}.hero__greeting{color:var(--green);font-weight:600;letter-spacing:.04em;margin-bottom:8px}.hero h1{font-family:var(--serif);font-weight:900;font-size:clamp(2.6rem,6vw,4.4rem);letter-spacing:.02em;line-height:1.1}.lang-en .hero h1{font-family:var(--sans);font-weight:600;letter-spacing:-.02em}.hero__alt{display:block;margin-top:10px;font-family:var(--sans);font-size:.34em;font-weight:500;letter-spacing:.18em;color:var(--ink-mute)}.hero__role{margin-top:22px;font-size:1.12rem;font-weight:600;color:var(--accent)}.hero__tagline{margin-top:10px;font-size:1.05rem;color:var(--ink-soft)}.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .15s,box-shadow .2s,background-color .2s}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 35%,transparent)}.btn--ghost{border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);background:color-mix(in srgb,var(--surface) 60%,transparent)}.hero__social{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;padding:0;margin:28px 0 0}.hero__social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--ink-soft);background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--line);transition:color .2s,border-color .2s}.hero__social a:hover{color:var(--accent);border-color:var(--accent)}.hero__loc{display:inline-flex;align-items:center;gap:6px;margin-left:8px;font-size:.88rem;color:var(--ink-mute)}.section{padding:96px 0}.section--alt{background:var(--bg-alt)}.section__head{margin-bottom:44px}.kicker{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:6px}.section__head h2{font-family:var(--serif);font-weight:900;font-size:clamp(1.8rem,3.4vw,2.4rem);letter-spacing:.03em}.lang-en .section__head h2{font-family:var(--sans);font-weight:600;letter-spacing:-.01em}.section__head h2:after{content:"";display:block;width:44px;height:3px;margin-top:14px;border-radius:2px;background:var(--accent)}.subhead{margin:56px 0 20px;font-size:1.2rem}.period{font-size:.85rem;color:var(--ink-mute);font-variant-numeric:tabular-nums;white-space:nowrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.points{margin:14px 0 0;padding:0;list-style:none;color:var(--ink-soft)}.points li{position:relative;padding-left:18px}.points li+li{margin-top:8px}.points li:before{content:"";position:absolute;left:2px;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.6}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}.tags li{padding:3px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.82rem;font-weight:500}.ext-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.ext-links a{display:inline-flex;align-items:center;gap:4px;font-size:.9rem;font-weight:600;color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}.ext-links a:hover{border-bottom-color:currentColor}.about{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}.about__photo{margin:0;position:relative}.about__photo:before{content:"";position:absolute;top:18px;right:-18px;bottom:-18px;left:18px;border-radius:var(--radius);border:2px solid var(--gold);opacity:.6}.about__photo img{position:relative;width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.about__text p{color:var(--ink-soft);font-size:1.04rem}.about__text p+p{margin-top:14px}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 0}.facts div{padding:14px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.facts dt{font-size:.8rem;color:var(--ink-mute)}.facts dd{margin:2px 0 0;font-weight:600}.timeline{position:relative;margin:0;padding:0 0 0 28px;list-style:none}.timeline:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--line)}.timeline__item{position:relative}.timeline__item+.timeline__item{margin-top:44px}.timeline__item:before{content:"";position:absolute;left:-28px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--bg-alt);border:3px solid var(--accent)}.timeline__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}.timeline__head h3{font-size:1.2rem}.org{color:var(--accent);font-weight:600}.projects{display:grid;gap:24px}.project{padding:28px;display:flex;flex-direction:column;border-top:4px solid var(--accent)}.project__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.badge{padding:2px 10px;border-radius:6px;background:color-mix(in srgb,var(--gold) 18%,transparent);color:color-mix(in srgb,var(--gold) 70%,var(--ink));font-size:.78rem;font-weight:700;letter-spacing:.04em}.project h3{font-size:1.3rem}.meta{margin-top:6px;font-size:.88rem;color:var(--ink-mute)}.project .ext-links{margin-top:auto;padding-top:18px}.edu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.edu__item{padding:26px 28px}.edu__item h3{margin-top:4px;font-size:1.3rem}.degree{margin-top:4px;color:var(--accent);font-weight:600}.note{margin-top:8px;color:var(--ink-soft);font-size:.92rem}.awards{display:grid;gap:16px;margin:0;padding:0;list-style:none}.awards li{display:flex;gap:16px;padding:18px 22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.awards__icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold)}.awards li>div{flex:1;min-width:0}.awards__head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.awards p{margin-top:4px;font-size:.92rem;color:var(--ink-soft)}.skills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.skills__group{padding:22px}.skills__group h3{font-size:1rem}.skills__group .tags{margin-top:14px}.langs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.langs li{padding:18px 20px;border-left:3px solid var(--green);background:var(--surface);border-radius:0 12px 12px 0}.langs strong{display:block;font-size:1.05rem}.langs span{font-size:.9rem;color:var(--ink-soft)}.activities{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}.activities__list{margin:0;padding:0;list-style:none}.activities__list li{padding:20px 0;border-bottom:1px solid var(--line)}.activities__list li:first-child{padding-top:0}.activities__list h3{margin-top:2px;font-size:1.15rem}.activities__photo{margin:0}.activities__photo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.activities__photo figcaption{margin-top:10px;font-size:.85rem;color:var(--ink-mute);text-align:center}.contact__body{max-width:600px;font-size:1.05rem;color:var(--ink-soft)}.contact__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.contact__item{display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);text-decoration:none;transition:border-color .2s,transform .15s;min-width:0}.contact__item:hover{border-color:var(--accent);transform:translateY(-2px)}.contact__item>svg{flex:none;color:var(--accent)}.contact__item span{min-width:0;overflow-wrap:anywhere;font-weight:600;font-size:.92rem;line-height:1.4}.contact__item small{display:block;font-weight:400;font-size:.78rem;color:var(--ink-mute)}.footer{padding:28px 0;border-top:1px solid var(--line);font-size:.85rem;color:var(--ink-mute);text-align:center}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}@media (max-width: 1000px){.skills{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.nav{position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;gap:0;padding:8px 16px 16px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow);display:none}.header.is-open .nav{display:flex}.nav a{padding:12px 8px;font-size:1rem}.header__actions{margin-left:auto}.menu-btn{display:inline-flex}}@media (max-width: 760px){.container,.header__inner{padding:0 16px}.section{padding:72px 0}.hero{display:block;min-height:0}.hero__bg{position:relative;height:58vw;min-height:240px;object-position:64% 50%}.hero__shade{display:none}.hero__content>*{max-width:none}.hero__content{padding-top:28px;padding-bottom:48px}.about,.activities{grid-template-columns:1fr;gap:40px}.about__photo{max-width:380px;margin-right:18px}.activities__photo{order:-1;max-width:420px}.edu,.langs{grid-template-columns:1fr}.project,.edu__item{padding:22px}}@media (max-width: 480px){.skills,.contact__grid,.facts{grid-template-columns:1fr}.brand span{display:none}}