@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap');
:root{--blue:#2357d7;--blue-soft:#eef3ff;--ink:#18202a;--muted:#657080;--line:#e4e8ed;--paper:#fff;--soft:#f7f8fa;--sans:Inter,'Noto Sans TC',system-ui,sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip{position:fixed;left:1rem;top:-5rem;background:var(--blue);color:#fff;padding:.6rem 1rem;z-index:99}.skip:focus{top:1rem}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{width:min(1120px,92vw);height:70px;margin:auto;display:flex;align-items:center;justify-content:space-between}.wordmark{font-weight:700;letter-spacing:-.02em}.wordmark:after{content:"";display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-left:5px}.site-header nav{display:flex;gap:1.7rem;font-size:.78rem;font-weight:500}.site-header nav a{color:#596472;transition:.2s}.site-header nav a:hover{color:var(--blue)}.layout{width:min(1120px,92vw);margin:0 auto;display:grid;grid-template-columns:250px minmax(0,760px);gap:85px;align-items:start;padding-top:72px}.profile{position:sticky;top:115px}.avatar{width:138px;height:138px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e5ebf7,#f9fbff);border:1px solid #dce2eb;position:relative;overflow:hidden}.avatar:before,.avatar:after{content:"";position:absolute;border:1px solid #bdcceb;border-radius:50%}.avatar:before{inset:22px}.avatar:after{inset:45px}.avatar span{font:600 1.12rem var(--mono);letter-spacing:.12em;position:relative;z-index:2;color:var(--blue)}.avatar i{position:absolute;width:8px;height:8px;background:var(--blue);border-radius:50%;right:25px;top:29px;box-shadow:0 0 0 6px rgba(35,87,215,.1)}.profile h1{font-size:1.75rem;line-height:1.2;margin:1.45rem 0 .2rem;letter-spacing:-.04em}.english-name{font-size:.83rem;color:var(--muted);margin:0 0 1rem}.role{font-size:.88rem;line-height:1.6;margin:.4rem 0}.location{color:var(--muted);font-size:.75rem;margin:0 0 1.4rem}.profile-links{border-top:1px solid var(--line)}.profile-links a{display:block;padding:.75rem 0;border-bottom:1px solid var(--line)}.profile-links b{display:block;font-size:.73rem}.profile-links span{display:block;color:var(--muted);font-size:.68rem;margin-top:.12rem}.profile-links a:hover span{color:var(--blue)}.availability{margin-top:1.2rem;display:flex;gap:.55rem;align-items:center;font-size:.66rem;color:var(--muted)}.availability i{width:7px;height:7px;border-radius:50%;background:#36b37e;box-shadow:0 0 0 4px #e9f8f2}.section-block{padding:0 0 72px;margin-bottom:72px;border-bottom:1px solid var(--line)}.kicker,.section-title span,.section-title>a,.venue,.project-index{font:500 .67rem var(--mono);letter-spacing:.07em;color:var(--blue)}.intro .kicker{margin:0 0 1rem}.intro>h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.22;letter-spacing:-.055em;margin:0 0 2rem;font-weight:650}.intro>h2 em{font-style:normal;color:var(--blue)}.intro>p{font-size:1rem;color:#4d5764;margin:0 0 1rem;max-width:720px}.intro strong{color:var(--ink);font-weight:600}.interests{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}.interests span{background:var(--blue-soft);color:#214fae;border-radius:4px;padding:.35rem .6rem;font-size:.68rem;font-weight:500}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.7rem}.section-title h2{margin:0;font-size:1.5rem;letter-spacing:-.035em}.section-title span{color:#98a1ad}.section-title>a:hover{text-decoration:underline}.news-list{list-style:none;margin:0;padding:0}.news-list li{display:grid;grid-template-columns:80px 1fr;gap:1rem;padding:.72rem 0;border-bottom:1px dashed #dde1e6}.news-list time{font:.68rem var(--mono);color:#89939e;padding-top:.16rem}.news-list p{margin:0;color:#4f5965}.news-list strong{color:var(--ink);font-weight:600}.publication{display:grid;grid-template-columns:140px 1fr;gap:1.6rem;padding:1.7rem 0;border-top:1px solid var(--line)}.pub-visual{height:108px;border-radius:5px;background:#f1f4f8;overflow:hidden;position:relative}.memory{display:grid;place-items:center}.chip{width:62px;height:62px;border:2px solid #5980df;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px;position:relative}.chip span{background:#cbd8f5}.chip b{position:absolute;inset:0;display:grid;place-items:center;font:600 .55rem var(--mono);color:#183f9b}.chip:before,.chip:after{content:"";position:absolute;background:repeating-linear-gradient(to bottom,#8ba7ea 0 2px,transparent 2px 7px);width:10px;top:5px;bottom:5px}.chip:before{left:-12px}.chip:after{right:-12px}.network i{position:absolute;width:12px;height:12px;background:#4b73d4;border-radius:50%;z-index:2}.network i:nth-child(1){left:22px;top:48px}.network i:nth-child(2){left:61px;top:20px}.network i:nth-child(3){right:18px;top:35px}.network i:nth-child(4){right:35px;bottom:18px}.network i:nth-child(5){left:48px;bottom:15px}.network:after{content:"";position:absolute;inset:20px;background:conic-gradient(from 30deg at 50% 50%,transparent 0 8%,#b6c5e8 8% 9%,transparent 9% 27%,#b6c5e8 27% 28%,transparent 28% 51%,#b6c5e8 51% 52%,transparent 52% 77%,#b6c5e8 77% 78%,transparent 78%)}.waveform span{position:absolute;left:12px;right:12px;top:30px;height:48px;background:linear-gradient(90deg,transparent 0 5%,#315fc9 5% 16%,transparent 16% 22%,#315fc9 22% 30%,transparent 30% 44%,#315fc9 44% 62%,transparent 62% 69%,#315fc9 69% 82%,transparent 82%);clip-path:polygon(0 52%,5% 52%,5% 12%,16% 12%,16% 85%,22% 85%,22% 52%,30% 52%,30% 10%,44% 10%,44% 70%,62% 70%,62% 30%,69% 30%,69% 88%,82% 88%,82% 50%,100% 50%,100% 55%,0 55%)}.venue{margin:0 0 .35rem}.pub-content h3{font-size:1rem;line-height:1.55;margin:0 0 .4rem;font-weight:650;letter-spacing:-.015em}.authors{font-size:.76rem;color:#69737f;margin:0 0 .55rem}.abstract{font-size:.8rem;color:#5d6874;margin:0 0 .55rem}.pub-links{display:flex;gap:1rem;font-size:.7rem;font-weight:600;color:var(--blue)}.pub-links a:hover{text-decoration:underline}.compact-publication{grid-template-columns:1fr;padding-left:165px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.projects article{background:var(--soft);border:1px solid #eceff2;border-radius:6px;padding:1.4rem;min-height:245px;transition:.2s}.projects article:hover{border-color:#bdcbed;transform:translateY(-2px)}.project-index{margin:0 0 2.2rem;font-size:.61rem}.projects h3{margin:0 0 .7rem;font-size:1rem}.projects p:not(.project-index){font-size:.78rem;color:#5d6874;line-height:1.7}.projects ul{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}.projects li{font:.57rem var(--mono);color:#6c7681;border:1px solid #d8dde3;padding:.23rem .38rem;border-radius:3px}.experience-list article{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:1.3rem 0;border-top:1px solid var(--line)}.experience-list time{font:.66rem var(--mono);color:#7a8591}.experience-list h3{font-size:.92rem;margin:0 0 .25rem}.experience-list h3 span{font-weight:400;color:#65717d}.experience-list p{font-size:.76rem;color:#66717d;margin:0}.awards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.awards-grid a{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff;transition:.2s}.awards-grid a:hover{border-color:#aabce9;transform:translateY(-2px)}.awards-grid img{width:100%;height:145px;object-fit:cover;object-position:center 20%;filter:saturate(.65)}.awards-grid span{display:block;padding:.8rem}.awards-grid b,.awards-grid small{display:block}.awards-grid b{font-size:.74rem}.awards-grid small{color:#77818d;font-size:.6rem;margin-top:.2rem}.minor-awards{margin:1.2rem 0 0;padding:0 0 0 1.2rem;columns:2;color:#596470;font-size:.75rem}.minor-awards li{margin-bottom:.45rem}footer{display:flex;justify-content:space-between;color:#929ba5;font-size:.68rem;padding-bottom:3rem}footer p{margin:0}footer a{color:var(--blue)}.reveal{opacity:0;transform:translateY(12px);transition:.45s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.layout{grid-template-columns:190px minmax(0,1fr);gap:50px}.site-header nav{gap:1rem}.profile-links span{overflow-wrap:anywhere}.publication{grid-template-columns:110px 1fr}.compact-publication{padding-left:135px}}
@media(max-width:700px){html{scroll-padding-top:70px}.header-inner{height:58px}.site-header nav{display:none}.layout{display:block;padding-top:40px}.profile{position:static;display:grid;grid-template-columns:92px 1fr;column-gap:1.2rem;margin-bottom:55px}.avatar{width:92px;height:92px;grid-row:1/5}.profile h1{margin:.2rem 0 0;font-size:1.45rem}.english-name,.role,.location{grid-column:2}.role{margin:.35rem 0}.profile-links,.availability{grid-column:1/3}.profile-links{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;border:0}.profile-links a{border:1px solid var(--line);padding:.6rem}.section-block{padding-bottom:52px;margin-bottom:52px}.intro>h2{font-size:2.35rem}.projects{grid-template-columns:1fr}.publication{grid-template-columns:1fr}.pub-visual{width:140px;margin-inline:auto}.compact-publication{padding-left:0}.awards-grid{grid-template-columns:1fr 1fr}.minor-awards{columns:1}}
@media(max-width:480px){.layout{width:min(92vw,430px)}.profile-links{grid-template-columns:1fr}.intro>h2{font-size:2rem}.news-list li{grid-template-columns:70px 1fr}.experience-list article{grid-template-columns:1fr}.awards-grid{grid-template-columns:1fr}.awards-grid img{height:210px}.minor-awards{padding-left:1rem}footer{display:block}footer a{display:inline-block;margin-top:.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.projects article:hover,.awards-grid a:hover{transform:none}}

/* Selected research and GitHub projects */
.projects-intro{max-width:650px;margin:-.75rem 0 1.8rem;color:#657080;font-size:.82rem}.projects article{min-height:235px;display:flex;flex-direction:column}.projects .project-featured{grid-column:1/-1;min-height:220px;background:linear-gradient(135deg,#f7f9fd 0%,#eef3ff 100%);border-color:#dbe4f8}.project-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.project-topline .project-index{margin:0}.project-topline>a,.project-topline>span{font:500 .58rem var(--mono);color:var(--blue)}.project-topline>a:hover{text-decoration:underline}.project-topline>span{color:#8a94a1}.projects h3{font-size:1.05rem}.projects p:not(.project-index){margin-top:0}.projects ul{margin-top:auto}.projects li{background:rgba(255,255,255,.55);color:#5f6c7c}

@media(max-width:700px){.projects .project-featured{grid-column:auto}.project-topline{margin-bottom:1.4rem}}

/* Header utilities and color theme */
html{color-scheme:light}html[data-theme="dark"]{color-scheme:dark;--ink:#f1f4f8;--muted:#b6c0cc;--line:#35404d;--paper:#11171f;--soft:#19212b;--blue:#91b0ff;--blue-soft:#23365d}body,.site-header,.projects article,.awards-grid a,.pub-visual,.profile-links a,.cv-button,.theme-toggle{transition:background-color .22s ease,color .22s ease,border-color .22s ease}.header-actions{display:flex;align-items:center;gap:.85rem}.menu-toggle{display:none;width:34px;height:34px;border:1px solid #cfd6df;border-radius:50%;background:var(--paper);padding:9px;cursor:pointer}.menu-toggle span{display:block;height:1.5px;background:var(--ink);margin:3px 0;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-4.5px) rotate(-45deg)}.cv-button{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #cfd6df;border-radius:999px;padding:.32rem .7rem;font:600 .63rem var(--mono);color:var(--ink)}.cv-button:hover{border-color:var(--blue);color:var(--blue)}.theme-toggle{width:34px;height:34px;border-radius:50%;border:1px solid #cfd6df;background:var(--paper);display:grid;place-items:center;cursor:pointer;color:var(--ink)}.theme-toggle:hover{border-color:var(--blue)}.theme-toggle span{position:relative;width:14px;height:14px;border-radius:50%;background:currentColor;box-shadow:-4px -3px 0 1px var(--paper)}html[data-theme="dark"] .theme-toggle span{width:13px;height:13px;box-shadow:none;background:currentColor}html[data-theme="dark"] .theme-toggle span:before,html[data-theme="dark"] .theme-toggle span:after{content:"";position:absolute;inset:-5px;background:repeating-conic-gradient(from 0deg,currentColor 0 8deg,transparent 8deg 45deg);border-radius:50%}html[data-theme="dark"] .theme-toggle span:after{inset:3px;background:var(--paper)}html[data-theme="dark"] .site-header{background:rgba(17,23,31,.92)}html[data-theme="dark"] .site-header nav a{color:#aeb8c5}html[data-theme="dark"] .site-header nav a:hover,html[data-theme="dark"] .site-header nav a.active{color:#a9c0ff}html[data-theme="dark"] .english-name,html[data-theme="dark"] .location,html[data-theme="dark"] .profile-links span,html[data-theme="dark"] .availability,html[data-theme="dark"] footer{color:#aeb8c5}html[data-theme="dark"] .intro>p,html[data-theme="dark"] .news-list p,html[data-theme="dark"] .abstract,html[data-theme="dark"] .projects p:not(.project-index),html[data-theme="dark"] .detail-role p,html[data-theme="dark"] .detail-role li,html[data-theme="dark"] .page-intro>p:last-child,html[data-theme="dark"] .honors-list span{color:#c1cad5}html[data-theme="dark"] .projects article{background:#19212b;border-color:#313d4b}html[data-theme="dark"] .projects .project-featured{background:linear-gradient(135deg,#1a2431 0%,#223354 100%);border-color:#405b8f}html[data-theme="dark"] .projects li{background:#202b39;border-color:#455469;color:#d1d9e4}html[data-theme="dark"] .interests span{background:#263a63;color:#b9ccff}html[data-theme="dark"] .pub-visual{background:#1a232e}html[data-theme="dark"] .awards-grid a{background:#171f29;border-color:#354150}html[data-theme="dark"] .avatar{border-color:#455365}html[data-theme="dark"] .cv-button,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .menu-toggle{border-color:#627082}html[data-theme="dark"] .social-icons img{filter:invert(1) brightness(1.3)}html[data-theme="dark"] .social-icons i{background:#4a5666}

@media(max-width:700px){.header-actions{gap:.42rem}.menu-toggle{display:block;width:32px;height:32px}.header-actions nav{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:.7rem 4vw 1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;box-shadow:0 12px 24px rgba(16,24,40,.08)}.header-actions nav.open{display:grid}.header-actions nav a{padding:.7rem .8rem;border-radius:5px;background:var(--soft);font-size:.76rem}.header-actions nav a:hover,.header-actions nav a.active{background:var(--blue-soft);color:var(--blue)}.cv-button{padding:.3rem .62rem}.theme-toggle{width:32px;height:32px}}
.site-header nav a.active{color:var(--blue);font-weight:650}.subpage{width:min(900px,92vw);margin:0 auto;padding:80px 0}.page-intro{max-width:700px;margin-bottom:72px}.page-intro h1{font-size:clamp(2.8rem,7vw,5.4rem);line-height:1;margin:.4rem 0 1.3rem;letter-spacing:-.065em}.page-intro>p:last-child{font-size:1.05rem;color:var(--muted);max-width:620px}.detail-section{padding:0 0 70px;margin-bottom:70px;border-bottom:1px solid var(--line)}.detail-role{display:grid;grid-template-columns:180px 1fr;gap:2.4rem;padding:1.8rem 0;border-top:1px solid var(--line)}.role-meta time{font:.68rem var(--mono);color:var(--blue)}.role-meta p{font-size:.7rem;color:var(--muted);margin:.35rem 0}.detail-role h3{margin:0 0 .7rem;font-size:1.05rem}.detail-role h3 span{font-weight:450;color:var(--muted)}.detail-role p,.detail-role li{font-size:.82rem;color:#596470}.detail-role ul{margin:.2rem 0 0;padding-left:1.15rem}.detail-role li+li{margin-top:.5rem}.honors-list{list-style:none;margin:2.5rem 0 0;padding:0}.honors-list li{display:grid;grid-template-columns:90px 1fr;gap:1rem;padding:1rem 0;border-top:1px solid var(--line)}.honors-list time{font:.7rem var(--mono);color:var(--blue)}.honors-list span{font-size:.82rem;color:var(--muted)}.honors-list b{display:block;color:var(--ink);font-size:.88rem}@media(max-width:700px){.subpage{padding:48px 0}.page-intro{margin-bottom:50px}.detail-role{grid-template-columns:1fr;gap:.5rem}.honors-list li{grid-template-columns:65px 1fr}}
.llm-rtl{display:grid;place-items:center}.llm-rtl span,.llm-rtl b{position:absolute;font:600 .5rem var(--mono);letter-spacing:.06em;color:#2956bd;border:1px solid #8ca7e7;border-radius:3px;padding:7px 6px}.llm-rtl span{left:17px}.llm-rtl b{right:15px;background:#dbe5fb}.llm-rtl i{width:36px;height:1px;background:#7f9ee3;position:relative}.llm-rtl i:after{content:"";position:absolute;right:-2px;top:-3px;border-left:6px solid #7f9ee3;border-top:3px solid transparent;border-bottom:3px solid transparent}.cnn{display:flex;align-items:center;justify-content:center;gap:7px}.cnn span{display:block;border:1px solid #7b9ae2;background:repeating-linear-gradient(45deg,#d4dff7 0 4px,#edf2fc 4px 8px)}.cnn span:nth-child(1){width:28px;height:50px}.cnn span:nth-child(2){width:20px;height:38px}.cnn span:nth-child(3){width:13px;height:25px}.cnn b{font:600 .48rem var(--mono);color:#2956bd;margin-left:1px}.vision{display:grid;place-items:center}.vision span{width:72px;height:52px;border:2px solid #557bd7;position:relative}.vision span:before,.vision span:after{content:"";position:absolute;width:12px;height:12px;border-color:#9ab1e8;border-style:solid}.vision span:before{left:7px;top:7px;border-width:2px 0 0 2px}.vision span:after{right:7px;bottom:7px;border-width:0 2px 2px 0}.vision b{position:absolute;font:600 .5rem var(--mono);color:#2956bd}.vision i{position:absolute;width:8px;height:8px;border-radius:50%;background:#4b73d4;right:25px;top:25px}.march{display:grid;place-items:center}.march span{width:42px;height:42px;border-radius:50%;border:2px solid #5e82db;display:grid;place-items:center;font:600 .6rem var(--mono);color:#2956bd;background:#e5ecfb}.march i{position:absolute;width:16px;height:7px;border-top:2px solid #91aae5}.march i:after{content:"";position:absolute;right:0;top:-4px;border-left:5px solid #91aae5;border-top:3px solid transparent;border-bottom:3px solid transparent}.march i:nth-of-type(1){top:18px;left:26px;transform:rotate(28deg)}.march i:nth-of-type(2){top:18px;right:26px;transform:rotate(152deg)}.march i:nth-of-type(3){bottom:18px;left:26px;transform:rotate(-28deg)}.march i:nth-of-type(4){bottom:18px;right:26px;transform:rotate(208deg)}