@charset "UTF-8";
:root{font-family:Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#182940;background:#f8fafc;font-synthesis:none;line-height:1.7;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #48751b;outline-offset:6px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:10px;z-index:2}.skip:focus{top:12px}.topbar,main,footer{max-width:1120px;margin:auto}.topbar{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce2e8}.brand{font-size:1.25rem;font-weight:800;letter-spacing:-.04em}.brand span{color:#548128;margin-left:8px}nav{display:flex;gap:32px;font-size:.875rem}nav a:hover,footer>a:last-child:hover{color:#48751b}.hero{display:grid;grid-template-columns:1fr 320px;gap:80px;padding:80px 0 88px;align-items:center}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.12em;margin:0 0 24px}.eyebrow span{color:#687585;font-weight:400}h1{font-size:clamp(3rem,6vw,5.25rem);line-height:1.25;letter-spacing:-.045em;margin:0 0 20px}.period{color:#619b2c}.role{font-size:1.5rem;margin:0 0 22px;font-weight:500}.intro{max-width:490px;color:#596678;font-size:1rem}.jump{display:inline-flex;gap:42px;align-items:center;padding:12px 0;border-bottom:2px solid #182940;font-size:.9375rem;font-weight:700;margin-top:20px}.jump span{font-size:1.4rem}.profile{background:#182940;color:white;border-radius:6px;padding:28px 30px}.profile-label{color:#c4cdd9;font-size:.75rem;letter-spacing:.13em}.monogram{font-size:4.6rem;line-height:1.4;font-weight:700;letter-spacing:-.06em;padding:22px 0 24px;color:#b8f36d}.monogram span{color:#f1f6ff}dl{margin:0}dl div{display:flex;justify-content:space-between;border-top:1px solid #3c4a5e;padding:14px 0;font-size:.875rem}dt{color:#b8c3d2}dd{margin:0}.section{display:grid;grid-template-columns:260px 1fr;gap:36px;padding:42px 0;border-top:1px solid #dce2e8;scroll-margin-top:24px}.section-title{display:flex;align-items:baseline;gap:20px}.section-title>span{font-size:.8125rem;color:#708095;font-variant-numeric:tabular-nums}h2{font-size:1.2rem;letter-spacing:.04em;margin:0}h3{font-size:1.125rem;margin:0}.section-body p:first-child{margin-top:0}.about-text{font-size:1.6rem;line-height:1.6;margin-bottom:10px}.muted,.company,li{color:#596678}.muted{margin-bottom:0}.job-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.job-top>p{font-size:.875rem;color:#687585;margin:0}.badge{display:inline-block;font-size:.75rem;font-weight:400;border:1px solid #cbd4dd;padding:0 7px;margin-left:10px;vertical-align:middle;border-radius:3px}.company{margin:8px 0 16px}ul{padding-left:20px;margin:0}li+li{margin-top:6px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.tags span{font-size:.875rem;padding:8px 16px;border:1px solid #ccd5df;border-radius:4px;background:white}footer{border-top:1px solid #dce2e8;display:flex;align-items:center;justify-content:space-between;padding:30px 0 40px;font-size:.8125rem;color:#596678}footer p{margin:0}@media(max-width:1200px){.topbar,main,footer{margin-left:6%;margin-right:6%}.hero{gap:40px}}@media(max-width:760px){.topbar{height:80px}nav{gap:18px}.hero{grid-template-columns:1fr;gap:32px;padding:48px 0}.role{font-size:1.2rem}.profile{max-width:none}.monogram{font-size:3rem;padding:10px 0}.section{grid-template-columns:1fr;gap:22px;padding:30px 0}.job-top{align-items:start;flex-direction:column;gap:8px}footer{flex-wrap:wrap;gap:16px}footer p{display:none}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

.job + .job{margin-top:32px;padding-top:32px;border-top:1px solid #e0e6ed}.skill-group + .skill-group{margin-top:26px}.skill-group .tags{margin-top:12px}.section-body{min-width:0}.profile dl div{gap:10px;flex-wrap:wrap}.profile dd{overflow-wrap:anywhere}.profile a:hover{text-decoration:underline}.job-top>p{flex-shrink:0}.hero .eyebrow{letter-spacing:.07em}@media(max-width:1000px) and (min-width:761px){.section{grid-template-columns:190px 1fr}.job-top{align-items:flex-start;flex-direction:column;gap:8px}}

.portrait{height:240px;overflow:hidden;border-radius:4px;margin:20px 0 24px;position:relative}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 51%}@media(max-width:760px){.portrait{width:100%;max-width:300px;height:260px;margin-left:auto;margin-right:auto}}