:root{--ink:#102839;--navy:#071d2b;--cream:#f4f0e7;--paper:#fbfaf6;--gold:#b38a52;--line:#d9d2c4;--muted:#62717a;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;line-height:1.85}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.6rem 1rem}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);position:sticky;top:0;z-index:20;background:rgba(251,250,246,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,40,57,.12)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-family:Georgia,serif;font-size:.95rem;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:#fff;font-size:.78rem;border-radius:50%}nav{display:flex;gap:26px}nav a{color:var(--ink);font-size:.88rem;text-decoration:none;position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--gold);transition:.25s}nav a:hover:after,nav a:focus:after{right:0}.menu-button{display:none;border:0;background:none;color:var(--ink);font:inherit}.hero{max-width:var(--max);min-height:calc(100vh - 78px);margin:auto;padding:80px 24px;display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center}.eyebrow,.section-heading>p{font-family:Georgia,serif;color:var(--gold);text-transform:uppercase;letter-spacing:.19em;font-size:.75rem}.hero h1{font-size:clamp(4rem,9vw,8rem);font-weight:500;letter-spacing:-.06em;line-height:.9;margin:.18em 0}.hero h1 span{font-size:.3em;letter-spacing:.1em;margin-left:.3em}.hero-en{font-family:Georgia,serif;font-size:1.25rem;font-style:italic}.lead{max-width:650px;font-size:1.18rem;color:#42545f}.facts{border-top:1px solid var(--line);margin-top:2rem}.facts div{display:grid;grid-template-columns:70px 1fr;border-bottom:1px solid var(--line);padding:.55rem 0}.facts dt{color:var(--muted);font-size:.84rem}.facts dd{margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:2rem}.button{padding:.7rem 1.15rem;border:1px solid var(--ink);color:var(--ink);text-decoration:none;font-size:.88rem}.button.primary{background:var(--ink);color:white}.portrait{margin:0;position:relative}.portrait:before{content:"";position:absolute;inset:-20px 20px 20px -20px;border:1px solid var(--gold);z-index:-1}.portrait img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;filter:saturate(.78)}.portrait figcaption{position:absolute;right:-16px;bottom:24px;background:var(--cream);padding:12px 18px;font-family:Georgia,serif;font-size:.72rem;letter-spacing:.07em}.section{padding:110px max(4vw,24px);max-width:var(--max);margin:auto}.section-heading{display:grid;grid-template-columns:1fr 2fr 2fr;gap:30px;align-items:end;margin-bottom:55px;border-bottom:1px solid var(--line)}.section-heading h2{font-size:clamp(2.6rem,6vw,5.3rem);font-weight:500;line-height:1;margin:.1em 0 -.08em;letter-spacing:-.05em}.section-heading>p:last-child{color:var(--muted);font-family:inherit;text-transform:none;letter-spacing:0;font-size:1rem}.research-intro{font-size:1.2rem;max-width:850px;margin-left:auto}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:60px 0}.topic{background:var(--paper);padding:36px}.topic>span{color:var(--gold);font:italic 1rem Georgia}.topic h3{font:1.5rem Georgia;margin:1.2rem 0}.topic p{color:#40525c;font-size:.95rem}.research-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:180px 180px;gap:10px}.research-gallery img{width:100%;height:100%;object-fit:cover}.research-gallery img:first-child{grid-row:1/3}.research-gallery img:nth-child(4){grid-column:2/4}.dark{max-width:none;background:var(--navy);color:var(--cream);padding-left:max(calc((100vw - var(--max))/2 + 24px),4vw);padding-right:max(calc((100vw - var(--max))/2 + 24px),4vw)}.dark .section-heading{border-color:#34505f}.dark .section-heading>p:last-child{color:#b7c2c7}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #34505f;border-left:1px solid #34505f}.link-grid a{min-height:150px;color:var(--cream);text-decoration:none;border-right:1px solid #34505f;border-bottom:1px solid #34505f;padding:26px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.link-grid a:hover{background:#113448}.link-grid strong{font:1.4rem Georgia}.link-grid span{color:#aab8be;font-size:.8rem}.course-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.course-group{padding:36px;background:var(--cream);border-top:3px solid var(--gold)}.course-group h3{font-size:2rem;margin:0}.course-group a{color:var(--ink)}.ai-link{font-size:.85rem}.course-group li{margin:.5rem 0}.other-courses{margin-top:24px;border:1px solid var(--line);padding:18px 24px}.other-courses summary{cursor:pointer;font-size:1.1rem}.other-courses div{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.other-courses span,.other-courses a{padding:6px 10px;background:var(--cream);color:var(--ink);text-decoration:none;font-size:.85rem}.english{max-width:none;background:var(--cream);padding-left:max(calc((100vw - var(--max))/2 + 24px),4vw);padding-right:max(calc((100vw - var(--max))/2 + 24px),4vw)}.english-layout{display:grid;grid-template-columns:1fr 2fr;gap:8vw}.english aside{border-top:3px solid var(--gold);padding-top:20px;font-family:Georgia,serif}.english a{color:var(--ink)}.english-copy h3{font:2rem Georgia;border-bottom:1px solid var(--line);padding-bottom:.5rem}.english-copy h4{font:1.25rem Georgia;margin-bottom:0}.member-label{font:1.2rem Georgia;color:var(--gold);margin:50px 0 20px}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.member-grid.four{grid-template-columns:repeat(4,1fr)}.member-grid figure{margin:0;background:var(--cream);overflow:hidden}.member-grid img{display:block;width:100%;aspect-ratio:1/1.15;object-fit:cover;filter:saturate(.72);transition:.35s}.member-grid figure:hover img{transform:scale(1.02);filter:saturate(1)}.member-grid figcaption{padding:14px 18px;font-size:1.05rem}footer{background:var(--ink);color:#d7dfe2;padding:55px max(4vw,24px);display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;align-items:end;font-size:.85rem}footer a{color:#fff}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}@media(max-width:800px){.menu-button{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:18px 24px;background:var(--paper);flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:55px}.portrait{max-width:450px}.section-heading{grid-template-columns:1fr}.section-heading h2{margin:0}.topic-grid,.link-grid{grid-template-columns:1fr}.research-gallery{grid-template-columns:1fr 1fr;grid-template-rows:220px 150px}.research-gallery img:first-child{grid-column:1/3;grid-row:auto}.research-gallery img:nth-child(4){grid-column:auto}.course-columns,.english-layout{grid-template-columns:1fr}.member-grid,.member-grid.four{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr}}@media(max-width:480px){.brand span:last-child{display:none}.hero h1{font-size:3.8rem}.research-gallery{display:none}.member-grid,.member-grid.four{grid-template-columns:1fr 1fr}.member-grid figcaption{padding:9px}.section{padding-top:80px;padding-bottom:80px}}

/* White editorial revision: Arial for Latin text; 中黑體 and compatible fallbacks for CJK. */
:root{--cream:#fff;--paper:#fff;--line:#dfe3e6}
body{background:#fff;font-family:Arial,"中黑體","Microsoft JhengHei","PingFang TC",sans-serif;font-size:16px;overflow-wrap:anywhere}
.site-header{background:rgba(255,255,255,.96)}
.brand,.eyebrow,.section-heading>p,.hero-en,.portrait figcaption,.topic>span,.topic h3,.link-grid strong,.english aside,.english-copy h3,.english-copy h4,.member-label{font-family:Arial,"中黑體","Microsoft JhengHei","PingFang TC",sans-serif}
.hero{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(40px,6vw,82px);padding-top:64px;padding-bottom:64px}
.hero-copy{min-width:0}.hero h1{font-size:clamp(3.4rem,6.2vw,5.8rem);line-height:1.02;letter-spacing:-.045em;white-space:normal}.hero h1 span{font-size:.34em;white-space:nowrap}.hero-en{font-size:clamp(1.05rem,2vw,1.25rem)}
.lead{font-size:clamp(1rem,1.5vw,1.15rem)}.portrait figcaption{right:0;max-width:90%;background:#fff}
.section-heading h2{font-size:clamp(2.4rem,4.7vw,4.5rem);line-height:1.08}.research-intro{font-size:clamp(1rem,1.5vw,1.15rem)}
.dark,.english,.course-group,.other-courses span,.other-courses a,.member-grid figure{background:#fff;color:var(--ink)}
.dark .section-heading{border-color:var(--line)}.dark .section-heading>p:last-child{color:var(--muted)}
.link-grid{border-color:var(--line)}.link-grid a{color:var(--ink);border-color:var(--line);min-height:130px}.link-grid a:hover{background:#f5f7f8}.link-grid span{color:var(--muted)}
.course-group{border:1px solid var(--line);border-top:3px solid var(--gold)}
footer{background:#fff;color:var(--ink);border-top:1px solid var(--line)}footer a{color:var(--ink)}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:44px}.hero h1{font-size:clamp(3rem,12vw,4.5rem)}.portrait{width:min(100%,440px);margin-left:auto;margin-right:auto}.section-heading h2{font-size:clamp(2.35rem,10vw,3.8rem)}}
@media(max-width:480px){body{font-size:15px}.hero{padding-left:24px;padding-right:24px}.hero h1{font-size:clamp(2.75rem,14vw,3.7rem);letter-spacing:-.055em}.hero h1 span{font-size:.32em;margin-left:.2em}.hero-actions .button{width:100%;text-align:center}.section-heading h2{font-size:2.55rem}.topic{padding:28px 24px}.course-group{padding:28px 24px}}

/* Portrait sizing revision. Keep the original 447 × 536 proportion and balance it with the biography column. */
.hero{grid-template-columns:minmax(0,1fr) 360px;min-height:auto;padding-top:72px;padding-bottom:72px}
.portrait{width:320px;max-width:100%;justify-self:center;align-self:center}
.portrait:before{inset:-14px 14px 14px -14px}
.portrait img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.portrait figcaption{position:static;max-width:none;padding:12px 0 0;background:#fff;line-height:1.55;letter-spacing:.04em;text-align:left}
@media(max-width:800px){.hero{grid-template-columns:1fr}.portrait{width:min(72vw,300px)}}
@media(max-width:480px){.portrait{width:min(76vw,270px)}}

/* Navigation labels enlarged to 150% of the previous .88rem size. */
nav a{font-size:1.32rem;line-height:1.35}
nav{gap:clamp(20px,2vw,30px)}
@media(max-width:1080px){.menu-button{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:18px 24px;background:#fff;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}}

/* Strong visible navigation size; !important prevents earlier compact rules from winning. */
.site-header nav a{font-size:1.65rem!important;line-height:1.3}

/* Research figures: independent cards with no spanning or visual overlap. */
.research-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:24px;background:#fff}
.research-gallery img,.research-gallery img:first-child,.research-gallery img:nth-child(4){display:block;grid-column:auto;grid-row:auto;width:100%;height:320px;object-fit:contain;object-position:center;background:#fff;border:1px solid var(--line);padding:16px}
@media(max-width:800px){.research-gallery{grid-template-columns:1fr;grid-template-rows:none}.research-gallery img,.research-gallery img:first-child,.research-gallery img:nth-child(4){grid-column:auto;grid-row:auto;height:auto;max-height:360px}}
@media(max-width:480px){.research-gallery{display:grid;gap:16px}.research-gallery img,.research-gallery img:first-child,.research-gallery img:nth-child(4){padding:10px;max-height:300px}}

/* Scholarship card supporting text enlarged to 150% of the original .8rem. */
.link-grid span{font-size:1.2rem;line-height:1.45}
.link-grid a{gap:22px}

/* Section sequence labels: 150% of the original .75rem and bold. */
.section-heading>p:first-child{font-size:1.125rem;font-weight:700;line-height:1.4}