:root{--bg:#07111b;--bg2:#0b1623;--panel:#0d1a29;--panel2:#101f30;--line:rgba(171,202,229,.16);--text:#eff6ff;--muted:#a7b7ca;--muted2:#7f91a8;--blue:#8ccaff;--mint:#7ce3d3;--shadow:0 24px 70px rgba(0,0,0,.24);--shell:min(1160px,calc(100vw - 40px));--r:24px;--rs:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans','Noto Sans TC',sans-serif;color:var(--text);background:linear-gradient(180deg,#091522 0,#07111b 55%,#050c13 100%);line-height:1.7}button,input{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 3%,rgba(84,145,230,.14),transparent 27%),radial-gradient(circle at 83% 7%,rgba(84,221,197,.08),transparent 22%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px;z-index:0}.shell{width:var(--shell);margin:0 auto;position:relative;z-index:1}.site-header{position:sticky;top:0;z-index:20;background:rgba(5,12,20,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.055)}.header-inner{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,rgba(140,202,255,.35),rgba(124,227,211,.1));border:1px solid rgba(255,255,255,.1)}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text strong{font-size:.98rem}.brand-text small{font-size:.77rem;color:var(--muted);margin-top:5px}.nav{display:flex;gap:18px;color:var(--muted);font-size:.92rem}.nav a{padding:7px 4px}.nav a:hover,.nav a.active{color:var(--text)}.nav a.active{border-bottom:1px solid var(--blue)}.header-actions{display:flex;gap:10px;align-items:center}.lang-toggle,.nav-toggle{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);border-radius:999px;padding:9px 13px;cursor:pointer}.nav-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--line);font-weight:700;transition:.2s ease}.button:hover,.expand-button:hover,.text-link:hover{transform:translateY(-1px)}.button-solid{color:#03111a;background:linear-gradient(135deg,var(--blue),var(--mint));box-shadow:0 10px 26px rgba(105,183,238,.16)}.button-ghost{background:rgba(255,255,255,.035);color:var(--text)}.button-small{min-height:40px;padding:0 15px;font-size:.88rem}.hero{padding:78px 0 48px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:70px;align-items:center}.eyebrow,.section-kicker{margin:0 0 10px;color:var(--mint);font-size:.8rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.hero h1{margin:0;display:grid;gap:14px}.hero-name{font-size:clamp(2.7rem,6vw,4.5rem);letter-spacing:-.045em;line-height:.95;font-weight:800}.hero-name em{font-style:normal;color:var(--blue)}.hero-statement{font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:1.25;color:#dceafa;max-width:18ch}.hero-lead{margin:22px 0 0;color:var(--muted);font-size:1.04rem;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 20px}.hero-topics,.tag-list{display:flex;flex-wrap:wrap;gap:9px}.hero-topics span,.tag-list span,.card-label{padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035);font-size:.81rem;color:#d9e8f8}.hero-side{display:grid;gap:14px}.portrait-card{width:240px;justify-self:end;border-radius:26px;padding:10px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid var(--line);box-shadow:var(--shadow)}.portrait-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:19px}.quick-facts{display:grid;gap:10px}.quick-facts div{padding:13px 16px;border-radius:17px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.quick-facts span{display:block;color:var(--muted2);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.quick-facts strong{font-size:.93rem}.section{padding:78px 0}.compact-section{padding-top:40px}.section-heading{margin-bottom:28px}.split-heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1fr);gap:35px;align-items:start}.split-heading h2,.row-heading h2,.contact-strip h2{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.025em}.split-heading>p{margin:0;color:var(--muted)}.row-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.text-link{color:var(--blue);font-weight:700}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.theme-card,.featured-card,.highlight-card,.project-card,.experience-card,.award-panel,.pub-entry,.contact-strip{background:linear-gradient(180deg,rgba(16,31,48,.85),rgba(9,18,29,.92));border:1px solid var(--line);box-shadow:var(--shadow)}.theme-card{border-radius:var(--r);padding:24px}.theme-index{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:11px;color:#06131d;font-weight:800;background:linear-gradient(135deg,var(--blue),var(--mint));margin-bottom:18px}.theme-card h3{margin:0 0 9px;font-size:1.13rem}.theme-card p{margin:0;color:var(--muted)}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.featured-card{border-radius:var(--r);padding:24px;min-height:220px;display:flex;flex-direction:column}.featured-main{grid-column:span 2;min-height:260px}.featured-card h3{font-size:1.32rem;line-height:1.2;margin:16px 0 9px}.featured-card p{margin:0;color:var(--muted)}.card-label{align-self:flex-start;color:#cfeaff}.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.highlight-card{border-radius:var(--r);padding:22px}.highlight-card strong{font-size:1.15rem}.highlight-card p{margin:6px 0 0;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px}.photo-card{margin:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#0d1a29;box-shadow:var(--shadow)}.photo-card img{width:100%;height:250px;object-fit:cover}.photo-wide img{height:100%;min-height:250px}.photo-card figcaption{padding:13px 15px;color:var(--muted);font-size:.9rem}.contact-strip{border-radius:var(--r);padding:28px 30px;margin-bottom:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.contact-buttons{display:flex;gap:11px;flex-wrap:wrap}.page-hero{padding:72px 0 24px}.page-hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.02;letter-spacing:-.04em;max-width:920px;margin:0 0 18px}.page-hero>p:last-child{max-width:820px;color:var(--muted);font-size:1.03rem}.project-toolbar{display:flex;justify-content:flex-end;margin-bottom:20px}.filters{display:flex;flex-wrap:wrap;gap:9px}.filter{border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted);border-radius:999px;padding:9px 13px;cursor:pointer}.filter.active{background:rgba(140,202,255,.12);border-color:rgba(140,202,255,.26);color:var(--text)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.project-card{border-radius:var(--r);padding:24px;min-height:265px;display:flex;flex-direction:column;scroll-margin-top:110px}.project-lead{grid-column:span 2;min-height:300px}.project-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted2);font-size:.8rem;letter-spacing:.07em}.project-top span{color:#cae7ff}.project-card h2{font-size:1.35rem;line-height:1.2;margin:16px 0 9px}.project-card p{color:var(--muted);margin:0 0 20px}.expand-button{margin-top:auto;align-self:flex-start;border:0;background:none;color:var(--blue);font-weight:800;padding:0;cursor:pointer}.project-photo{padding:0;overflow:hidden}.project-photo>img{width:100%;height:200px;object-fit:cover}.project-photo-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}.is-hidden{display:none!important}.modal{border:0;background:transparent;padding:0;width:min(940px,calc(100vw - 26px));max-width:none}.modal::backdrop{background:rgba(1,6,11,.76);backdrop-filter:blur(7px)}.modal-inner{position:relative;max-height:88vh;overflow:auto;border-radius:28px;padding:28px;background:#091522;border:1px solid rgba(179,208,232,.18);box-shadow:0 34px 90px rgba(0,0,0,.45)}.modal-close{position:sticky;top:0;float:right;z-index:2;width:39px;height:39px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#0c1a28;color:var(--text);font-size:1.25rem;cursor:pointer}.project-dialog-head>div{display:flex;gap:12px;align-items:center;color:var(--muted2);padding-right:50px}.project-dialog-head h2{font-size:2rem;line-height:1.1;color:#edf5ff;margin:15px 0 10px}.dialog-summary{color:var(--muted);max-width:760px}.project-dialog-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;margin-top:20px}.dialog-content{display:grid;gap:13px}.dialog-content section{padding:17px 18px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);border-radius:18px}.dialog-content h3{font-size:.93rem;margin:0 0 9px;color:#d9eafa}.dialog-content p,.dialog-content li{color:var(--muted)}.dialog-content p{margin:0}.dialog-content ul{margin:0;padding-left:1.1rem}.dialog-content li+li{margin-top:7px}.dialog-figure{margin:0;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);border-radius:18px;overflow:hidden}.dialog-figure img{width:100%;max-height:320px;object-fit:cover}.dialog-figure figcaption{padding:12px 14px 15px;color:var(--muted2);font-size:.88rem}.dialog-links a{color:var(--blue);font-weight:700;margin-right:12px}.experience-list{display:grid;gap:15px}.experience-card{border-radius:var(--r);overflow:hidden}.experience-card summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 24px;cursor:pointer}.experience-card summary::-webkit-details-marker{display:none}.experience-main h2{margin:4px 0 2px;font-size:1.25rem}.experience-main p{margin:0;color:var(--muted)}.experience-date{color:var(--blue);font-size:.85rem;font-weight:700}.summary-action{color:var(--blue);font-weight:700}.experience-card[open] .summary-action::after{content:' ↑'}.experience-card:not([open]) .summary-action::after{content:' ↓'}.experience-details{border-top:1px solid rgba(255,255,255,.06);padding:22px 24px 24px;display:grid;grid-template-columns:1fr 1fr;gap:20px 26px}.experience-details h3{font-size:.92rem;margin:0 0 8px;color:#d9eafa}.experience-details p,.experience-details li{color:var(--muted);margin-top:0}.experience-details ul{padding-left:1.1rem;margin-bottom:0}.experience-details .tag-list{grid-column:span 2}.publications-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:26px;align-items:start}.pub-main{display:grid;gap:44px}.pub-group-head{display:flex;align-items:center;gap:13px;margin-bottom:15px}.pub-group-head span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#05131c;font-weight:800;background:linear-gradient(135deg,var(--blue),var(--mint))}.pub-group-head h2{margin:0;font-size:1.4rem}.pub-entry{border-radius:20px;padding:20px;display:grid;grid-template-columns:64px 1fr;gap:16px}.pub-entry+.pub-entry{margin-top:12px}.pub-year{color:var(--blue);font-weight:800}.pub-entry h3{font-size:1.06rem;line-height:1.35;margin:0 0 7px}.pub-entry p{margin:0;color:var(--muted)}.entry-links{display:flex;gap:12px;margin-top:10px}.entry-links a{color:var(--blue);font-weight:700;font-size:.9rem}.pub-note{color:var(--muted2);font-size:.9rem}.award-panel{border-radius:var(--r);padding:24px;position:sticky;top:98px}.award-panel h2{font-size:1.45rem;margin:0 0 18px}.award-list{display:grid}.award-list article{padding:14px 0;border-top:1px solid rgba(255,255,255,.07)}.award-list article:first-child{border-top:0}.award-list strong{display:block;color:var(--blue);font-size:.85rem}.award-list p{margin:4px 0 0;color:var(--muted);font-size:.91rem}.site-footer{padding:34px 0 50px;color:var(--muted)}.footer-inner{border-top:1px solid rgba(255,255,255,.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-inner>div:first-child{display:flex;flex-direction:column}.footer-inner span{font-size:.85rem}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:var(--text)}body.modal-open{overflow:hidden}
@media(max-width:980px){.hero{grid-template-columns:1fr 260px;gap:38px}.portrait-card{width:205px}.split-heading,.publications-layout{grid-template-columns:1fr}.theme-grid{grid-template-columns:1fr 1fr}.featured-grid{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:1fr 1fr}.photo-wide{grid-column:span 2}.award-panel{position:static}.experience-details{grid-template-columns:1fr}.experience-details .tag-list{grid-column:span 1}.nav{gap:12px}.header-actions .button-small{display:none}}
@media(max-width:760px){:root{--shell:min(100% - 28px,1160px)}.site-header{position:sticky}.header-inner{min-height:68px;gap:12px}.brand-text small{display:none}.nav-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;left:14px;right:14px;top:68px;padding:12px;border:1px solid var(--line);background:#091522;border-radius:18px;flex-direction:column;box-shadow:var(--shadow)}.nav.open{display:flex}.header-actions{margin-left:0}.hero{grid-template-columns:1fr;padding-top:48px}.hero-side{grid-template-columns:150px 1fr;align-items:start}.portrait-card{width:150px;justify-self:start}.quick-facts div{padding:10px 12px}.quick-facts strong{font-size:.83rem}.section,.project-section{padding:58px 0}.split-heading,.row-heading{display:block}.row-heading .text-link{display:inline-block;margin-top:12px}.theme-grid,.featured-grid,.highlight-grid,.photo-grid,.project-grid{grid-template-columns:1fr}.featured-main,.project-lead,.photo-wide{grid-column:span 1}.project-dialog-grid{grid-template-columns:1fr}.contact-strip{display:block}.contact-buttons{margin-top:18px}.page-hero{padding-top:48px}.footer-inner{display:block}.footer-links{margin-top:14px}.experience-card summary{align-items:flex-start}.summary-action{white-space:nowrap}.pub-entry{grid-template-columns:1fr}.pub-year{font-size:.85rem}.project-photo>img{height:170px}}

/* V5 content hierarchy */
.experience-grid-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.experience-summary-card{display:flex;flex-direction:column;min-height:260px;padding:24px;border-radius:var(--r);background:linear-gradient(180deg,rgba(16,31,48,.85),rgba(9,18,29,.92));border:1px solid var(--line);box-shadow:var(--shadow)}
.experience-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.experience-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--mint));box-shadow:0 0 0 5px rgba(140,202,255,.06)}
.experience-summary-card h2{margin:15px 0 4px;font-size:1.3rem;line-height:1.2}.experience-org{margin:0;color:#dceafb;font-weight:600}.experience-summary{color:var(--muted);margin:12px 0 18px}.experience-summary-card .expand-button{margin-top:auto}.experience-dialog-content{margin-top:20px}.experience-dialog-content section{padding:17px 18px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);border-radius:18px}.experience-dialog-content section+section{margin-top:13px}.experience-dialog-content h3{font-size:.93rem;margin:0 0 9px;color:#d9eafa}.experience-dialog-content p,.experience-dialog-content li{color:var(--muted)}.experience-dialog-content p{margin:0}.experience-dialog-content ul{margin:0;padding-left:1.1rem}.experience-dialog-content li+li{margin-top:7px}
.project-card p,.experience-summary{font-size:.96rem;line-height:1.65}
.project-card h2,.experience-summary-card h2{letter-spacing:-.01em}
@media(max-width:760px){.experience-grid-cards{grid-template-columns:1fr}.experience-summary-card{min-height:0}}


/* V6 refinements */
.hero-panel{margin-top:38px;padding:48px 50px;border:1px solid rgba(171,202,229,.14);border-radius:34px;background:linear-gradient(135deg,rgba(15,32,50,.88),rgba(8,18,30,.78));box-shadow:0 34px 100px rgba(0,0,0,.27);overflow:hidden;position:relative}
.hero-panel::after{content:"";position:absolute;right:-80px;top:-100px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(124,227,211,.12),transparent 66%);pointer-events:none}
.current-title{margin:10px 0 2px;color:#d6e8f9;font-size:.95rem;line-height:1.45;max-width:760px;font-weight:600}
.hero-panel .hero-side{position:relative;z-index:1}.hero-panel .portrait-card{width:210px}.hero-panel .portrait-card img{aspect-ratio:1/1;object-position:center 24%}.home-overview{margin-top:18px;display:grid;grid-template-columns:1.4fr 1.2fr .65fr;border:1px solid rgba(171,202,229,.12);border-radius:20px;background:rgba(255,255,255,.025);overflow:hidden}
.home-overview>div{padding:16px 20px;border-left:1px solid rgba(255,255,255,.06)}.home-overview>div:first-child{border-left:0}.home-overview span{display:block;color:var(--muted2);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;margin-bottom:4px}.home-overview strong{font-size:.9rem;color:#dbeafa;font-weight:600}.featured-grid{align-items:stretch}.featured-card{transition:transform .2s ease,border-color .2s ease,background .2s ease}.featured-card:hover{transform:translateY(-3px);border-color:rgba(140,202,255,.28);background:linear-gradient(180deg,rgba(18,36,55,.93),rgba(10,20,31,.95))}

.experience-timeline{position:relative;display:grid;gap:0;padding:8px 0 18px}.experience-timeline::before{content:"";position:absolute;left:159px;top:18px;bottom:30px;width:1px;background:linear-gradient(to bottom,rgba(140,202,255,.5),rgba(124,227,211,.24),rgba(255,255,255,.06))}.timeline-entry{display:grid;grid-template-columns:135px 48px minmax(0,1fr);align-items:start;position:relative;padding:0 0 24px}.timeline-date{padding-top:25px;color:var(--blue);font-size:.84rem;font-weight:800;text-align:right;line-height:1.35}.timeline-node{display:flex;justify-content:center;padding-top:30px;position:relative;z-index:2}.timeline-node span{width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--mint));box-shadow:0 0 0 7px #091522,0 0 0 8px rgba(140,202,255,.16)}.timeline-card{position:relative;padding:23px 26px;border-radius:22px;background:linear-gradient(180deg,rgba(16,31,48,.88),rgba(9,18,29,.94));border:1px solid var(--line);box-shadow:var(--shadow);min-height:190px;transition:.2s ease}.timeline-card:hover{transform:translateY(-2px);border-color:rgba(140,202,255,.24)}.timeline-card h2{font-size:1.28rem;line-height:1.2;margin:0 0 5px;padding-right:44px}.timeline-card .experience-org{margin:0;color:#dceafb;font-weight:600}.timeline-card .experience-summary{margin:12px 0 19px;color:var(--muted);max-width:820px}.timeline-meta{position:absolute;top:21px;right:24px;color:rgba(140,202,255,.35);font-weight:800;font-size:.8rem;letter-spacing:.08em}.timeline-card .expand-button{margin-top:0}

@media(max-width:980px){.hero-panel{padding:38px}.hero-panel .portrait-card{width:185px}.home-overview{grid-template-columns:1fr 1fr}.home-overview>div:nth-child(3){grid-column:span 2;border-left:0;border-top:1px solid rgba(255,255,255,.06)}}
@media(max-width:760px){.hero-panel{margin-top:18px;padding:28px 22px;border-radius:26px}.hero-panel .portrait-card{width:145px}.home-overview{grid-template-columns:1fr}.home-overview>div,.home-overview>div:nth-child(3){grid-column:span 1;border-left:0;border-top:1px solid rgba(255,255,255,.06)}.home-overview>div:first-child{border-top:0}.experience-timeline::before{left:12px;top:42px}.timeline-entry{grid-template-columns:25px minmax(0,1fr);padding-bottom:20px}.timeline-date{grid-column:2;text-align:left;padding:0 0 7px;font-size:.8rem}.timeline-node{grid-column:1;grid-row:1 / span 2;padding-top:5px;justify-content:flex-start}.timeline-node span{width:11px;height:11px;box-shadow:0 0 0 5px #091522,0 0 0 6px rgba(140,202,255,.16)}.timeline-card{grid-column:2;padding:20px}.timeline-card h2{padding-right:34px;font-size:1.16rem}.timeline-meta{right:18px;top:18px}}

/* Dialog title color fix */
#projectDialogTitle,
#experienceDialogTitle,
.project-dialog-head h2 {
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text);
}