@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans TC',sans-serif;color:#16253a;background:#fff;font-synthesis:none;--navy:#101d32;--cyan:#7fd5e2;--muted:#5c6777}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #2199b0;outline-offset:6px}header{height:88px;padding:0 max(6vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e9ed;background:#fff}.brand{font-size:21px;font-weight:800;letter-spacing:.12em}.brand span{display:block;font-size:10px;letter-spacing:.15em;color:var(--muted);margin-top:3px}nav{display:flex;gap:30px;font-size:14px}nav a:hover,footer a:hover{color:#14768b}.nav-resume{border:1px solid #bcc4cf;border-radius:4px;padding:10px 18px;font-size:14px}.hero{background:var(--navy);color:#fff;display:grid;grid-template-columns:1.35fr 1fr;gap:7vw;padding:75px max(6vw,24px) 65px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:600;margin:0 0 23px;color:#197589}.hero .eyebrow,.contact .eyebrow{color:var(--cyan)}h1{font-size:60px;line-height:1.3;letter-spacing:.07em;margin:0;font-weight:700}h1 span{display:block;font-size:37px;line-height:1.6;letter-spacing:.025em;margin-top:20px;font-weight:500}.intro{font-size:16px;line-height:1.95;color:#bdc8d6;margin:25px 0 28px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:4px;font-size:14px;font-weight:600;transition:background .2s}.primary{background:var(--cyan);color:var(--navy)}.primary:hover{background:#abe7ef}.secondary{border:1px solid #657185}.secondary:hover{background:#263951}.hero-note{display:flex;gap:20px;flex-wrap:wrap;color:#a8b7ca;font-size:12px;margin-top:38px}.portrait{margin:0;max-width:420px;justify-self:end;width:100%;position:relative;border-bottom:5px solid var(--cyan)}.portrait img{display:block;width:100%;height:auto;aspect-ratio:1 / 1.12;object-fit:cover;object-position:50% 30%;background:white}.portrait figcaption{background:#1c2b42;padding:18px 22px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#bfd0de}.portrait figcaption span:first-child{font-size:14px;color:#fff}.discipline{padding:25px max(6vw,24px);display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dce3eb;gap:20px;background:#f4f7fa}.discipline span{font-size:12px;color:#207d91;letter-spacing:.08em}.discipline b{margin-left:20px;font-size:15px;color:#31445a;font-weight:500;letter-spacing:.02em}.section{padding:88px max(6vw,24px);scroll-margin-top:0}.about{display:grid;grid-template-columns:1fr 1.55fr;gap:9vw;border-bottom:1px solid #e0e6ed}h2{font-size:32px;letter-spacing:.025em;line-height:1.65;margin:0;font-weight:600}.about-text p{font-size:16px;line-height:2.1;color:#4e5f72;margin:0 0 18px}.about-text p:last-child{margin:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:50px}.section-heading>p{font-size:14px;color:var(--muted);margin:0 0 10px}.section-heading .eyebrow{margin-bottom:10px}.job{display:grid;grid-template-columns:230px 1fr;gap:30px;border-top:1px solid #dbe2e9;padding:35px 0}.period{font-size:14px;letter-spacing:.025em;color:#52687b}.period>span{display:block;font-size:12px;letter-spacing:.12em;margin-top:12px;color:#197589}h3{font-size:21px;font-weight:600;margin:0 0 12px;line-height:1.6}h3>span{font-size:14px;font-weight:400;color:#617287;display:inline-block;margin-left:10px}.org{color:#52687b;font-size:14px;margin:0 0 20px}ul{padding-left:21px;margin:0;color:#4e5f72;font-size:16px;line-height:1.9}li{padding-left:5px;margin-bottom:6px}li::marker{color:#3492a6}.expertise{background:#edf3f7}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.skill-grid article{border-top:2px solid #294a65;padding:24px 0 10px}.number{font-size:12px;letter-spacing:.055em;color:#43768d}.skill-grid h3{margin-top:24px}.skill-grid p{font-size:14px;color:var(--muted);line-height:1.8;min-height:50px}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.tags span{font-size:12px;border:1px solid #c5d3df;padding:7px 10px;border-radius:3px;color:#3f566d;background:#ffffff70}.education{display:grid;grid-template-columns:1fr 1.55fr;gap:9vw}.education article{padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid #dae3e9}.education article .period{float:right}.education p{font-size:16px;color:#52687b;margin:0 0 8px}.english{font-size:14px;color:#64798b}.languages{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:#52687b}.languages b{color:#16253a}.contact{padding:65px max(6vw,24px);background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{font-size:36px}.contact p:last-child{color:#b5c3d4;font-size:14px;line-height:1.9}.contact-links{display:flex;flex-direction:column;gap:16px}.contact-links a:first-child{font-size:24px;border-bottom:1px solid #688192;padding-bottom:10px;overflow-wrap:anywhere}.contact-links .phone{font-size:16px}.contact-links span{font-size:14px;color:#b5c3d4}footer{padding:28px max(6vw,24px);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#627387}.skip{position:absolute;top:-60px;background:#fff;padding:12px;z-index:5}.skip:focus{top:10px}@media(min-width:1500px){header,.hero,.discipline,.section,.contact,footer{padding-left:calc((100vw - 1300px)/2);padding-right:calc((100vw - 1300px)/2)}}@media(max-width:900px){.hero{gap:35px;padding-top:55px;padding-bottom:55px}h1{font-size:47px}h1 span{font-size:28px}.hero-note{gap:10px}.job{grid-template-columns:180px 1fr}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block}.section-heading>p{margin-top:15px}.contact-links a:first-child{font-size:20px}.about,.education{gap:40px}.skill-grid{gap:20px}.discipline b{margin-left:9px}nav{gap:18px}}@media(max-width:640px){header{height:auto;min-height:95px;flex-wrap:wrap;padding-top:16px;padding-bottom:14px;gap:16px}.brand{font-size:18px}.nav-resume{margin-left:auto;padding:8px 12px}nav{order:3;width:100%;justify-content:space-between;font-size:14px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px}.hero .eyebrow{font-size:10px}h1{font-size:46px}h1 span{font-size:30px;margin-top:14px}.intro{margin-top:20px}.hero-note{margin-top:24px}.portrait{max-width:none;width:100%;margin-top:10px}.portrait img{aspect-ratio:1.12 / 1;object-position:center 40%}.discipline{grid-template-columns:1fr;gap:14px;padding-top:22px;padding-bottom:22px}.discipline b{margin-left:22px}.about,.education{grid-template-columns:1fr;gap:28px}.section{padding-top:48px;padding-bottom:48px}h2{font-size:28px}.eyebrow{margin-bottom:12px}.job{grid-template-columns:1fr;gap:18px;padding:27px 0}.period>span{display:inline;margin-left:15px}.job h3>span{display:block;margin-left:0;margin-top:4px}.section-heading{margin-bottom:28px}.skill-grid{grid-template-columns:1fr;gap:28px}.skill-grid p{min-height:0}.skill-grid h3{margin-top:16px}.skill-grid .tags{margin-top:15px}.contact{flex-direction:column;align-items:start;padding-top:45px;padding-bottom:45px}.contact h2{font-size:30px}.contact-links a:first-child{font-size:22px}footer{flex-wrap:wrap;line-height:1.8}.education article .period{float:none;display:block;margin-bottom:10px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{header,.actions,.contact,footer,.skip{display:none}.hero,.expertise{background:white;color:#16253a}.hero{padding:20px;grid-template-columns:2fr 1fr}.hero .eyebrow,.intro,.hero-note{color:#52687b}.section{padding:25px 20px}.job{break-inside:avoid}.portrait{max-width:180px}h1{font-size:32px}h1 span{font-size:22px}}

.research{background:#f3f7fa}.report-feature{display:grid;grid-template-columns:1fr 1.65fr;gap:48px;align-items:stretch}.report-cover{background:#142a43;color:white;padding:38px 30px;border-top:5px solid #7fd5e2;display:flex;flex-direction:column;min-height:380px}.report-cover>span{font-size:12px;letter-spacing:.1em;color:#9dd8e4}.report-cover h3{font-size:34px;line-height:1.6;margin:36px 0 20px}.report-cover p{color:#bfd3e3;font-size:16px;line-height:1.9}.report-cover>div{margin-top:auto;padding-top:30px;font-size:14px;color:#bfd3e3}.report-detail h3{font-size:27px;line-height:1.6}.report-detail>p,.perspective-grid p{font-size:16px;line-height:2;color:#52687b}.report-detail .actions{margin-top:25px;align-items:center}.report-download{font-size:14px;padding:12px;color:#176d82;text-decoration:underline;text-underline-offset:5px}.report-detail .report-note{font-size:14px;line-height:1.8;margin-top:22px;color:#586b7c}.research-chain{display:grid;grid-template-columns:repeat(5,1fr);margin-top:40px;border-top:1px solid #b9cddc}.research-chain span{padding:19px 10px;text-align:center;font-size:14px;border-bottom:2px solid #79b7c7}.perspective{border-bottom:1px solid #dce3eb}.perspective-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.perspective-grid .perspective-lead{font-size:25px;line-height:1.7;color:#17394e;margin-top:0}.question-list{list-style:none;margin:0;padding:0}.question-list li{display:flex;gap:20px;padding:20px 0;border-top:1px solid #dce3eb}.question-list li>span{font-size:14px;color:#197589;padding-top:6px}.question-list h3{font-size:19px;margin:0}.question-list p{margin:6px 0 0;font-size:14px}nav{gap:20px}@media(max-width:900px){.report-feature{gap:25px}.perspective-grid{gap:35px}.report-cover{padding:25px}.report-cover h3{font-size:28px}nav{gap:12px}}@media(max-width:640px){.report-feature,.perspective-grid{grid-template-columns:1fr}.report-cover{min-height:300px}.report-cover h3{margin:24px 0 10px}.research-chain{grid-template-columns:1fr;gap:0}.research-chain span{text-align:left;padding:13px 5px}.report-detail h3{font-size:24px}.perspective-grid{gap:20px}nav{gap:8px;flex-wrap:wrap}.hero h1 span{font-size:28px}}
/* Quiet motion and reading orientation */
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);transition:box-shadow .25s ease}header.is-scrolled{box-shadow:0 4px 18px #101d320c}nav a{position:relative;padding:9px 0;transition:color .2s}nav a::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;background:#25899c;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}nav a[aria-current='location']{color:#14768b}nav a[aria-current='location']::after{transform:scaleX(1)}html{scroll-padding-top:110px}.section-heading,.about-text,.report-feature,.job,.skill-grid article,.question-list li,.education article{transition:opacity .6s ease,transform .6s cubic-bezier(.2,.65,.3,1)}.reveal-pending{opacity:0;transform:translateY(16px)}.button,.nav-resume{transition:background .2s,box-shadow .2s,transform .2s}.button:active,.nav-resume:active{transform:translateY(1px)}.report-cover{transition:box-shadow .3s,border-color .3s}.report-feature:focus-within .report-cover{box-shadow:0 10px 28px #101d3220;border-color:#a6eff5}@media(hover:hover) and (pointer:fine){.button:hover,.nav-resume:hover{transform:translateY(-2px);box-shadow:0 5px 14px #101d3214}.report-feature:hover .report-cover{box-shadow:0 12px 30px #101d3224;border-color:#a6eff5}nav a:hover::after{transform:scaleX(1)}}@media(max-width:640px){html{scroll-padding-top:145px}header{row-gap:6px}}@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}*,*::before,*::after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}@media print{.reveal-pending{opacity:1;transform:none}header{display:none}}

/* Research application: compact introduction, work sample first. */
.hero{grid-template-columns:1.6fr .75fr;padding-top:48px;padding-bottom:48px;gap:7vw}.hero h1{font-size:50px}.hero h1 span{font-size:32px;margin-top:14px}.hero .intro{margin-top:20px}.hero .portrait{max-width:290px}.hero .portrait img{aspect-ratio:1/1}.hero .portrait figcaption{padding:14px;flex-wrap:wrap;gap:5px}.hero .hero-note{margin-top:26px}.hero .eyebrow{font-size:14px;letter-spacing:.08em}.research{padding-top:64px;padding-bottom:60px}.report-cover{min-height:340px}.report-detail .eyebrow{margin-bottom:14px}.report-detail h3{font-size:25px}.fit{background:#fff;border-bottom:1px solid #dce3eb}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.fit-grid article{border-top:2px solid #2b7890;padding:25px 0 0;display:flex;flex-direction:column}.fit-grid h3{margin:20px 0 10px}.fit-grid p{font-size:16px;line-height:1.95;color:#52687b;margin:0 0 20px}.fit-grid a{font-size:14px;color:#176d82;text-decoration:underline;text-underline-offset:5px;margin-top:auto;align-self:start;padding:8px 0}.fit-grid a:hover{color:#101d32}.about{background:#f7f9fb}.report-note{border-left:2px solid #91b6c6;padding-left:14px}#leadership{scroll-margin-top:110px}@media(max-width:900px){.hero{gap:28px}.hero h1{font-size:44px}.hero h1 span{font-size:27px}.fit-grid{gap:22px}.fit-grid h3{font-size:19px}nav{gap:12px;font-size:13px}}@media(max-width:640px){.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:35px}.hero h1{font-size:43px}.hero h1 span{font-size:28px}.hero .portrait{max-width:220px;justify-self:start}.hero .eyebrow{font-size:13px}.fit-grid{grid-template-columns:1fr;gap:32px}.research{padding-top:48px;padding-bottom:48px}nav{font-size:14px;gap:8px}.report-cover{min-height:300px}#leadership{scroll-margin-top:150px}}