:root{--paper:#F5F1E9;--surface:#FCFBF8;--navy:#19364D;--ink:#292F33;--blue:#187F83;--teal:#187F83;--aqua:#62DDD0;--clay:#C5684A;--clay-text:#9D4933;--muted:#53636C;--line:#D5DAD9}
body{background:var(--paper)}.header{background:var(--paper)}.topic{background:var(--surface)}.about{background:#E9EEEC}footer{background:#19364D;color:#F5F1E9}
.core{background:#19364D}.core .sectionhead h2,.core .sectionhead p,.core>.wrap>.eyebrow{color:#F5F1E9}.core .topic{background:#FCFBF8;border-top-color:#62DDD0}.identity{background:#E0EAE7}.visit-band{background:#19364D;color:#F5F1E9}.visit-band h2,.visit-band h3,.visit-band p{color:#F5F1E9}.visit-band a{color:#62DDD0}.visit-band .button{border-color:#62DDD0}.visit-band .button.primary{background:#F5F1E9;color:#19364D}
.eyebrow{color:#187F83}.core .eyebrow,.visit-band .eyebrow{color:#62DDD0}
/* B revision 2: separate foreground palettes for light and dark surfaces. */
:root{--blue:#12666B;--teal:#12666B}
.identity{background:#E0EAE7;color:#19364D}
.identity .eyebrow{color:#12666B}
.identity h2,.identity>a,.identity>a>span:first-child,.identity>a strong{color:#19364D}
.identity>a small{color:#435760}
.identity>a>span:last-child{color:#12666B}
.identity>a{border-color:#91AAA6}
.identity>a:hover{background:#D2E1DD;color:#19364D}
.identity>a:hover strong{color:#104E53}
.eyebrow{color:#12666B}
.core .eyebrow,.visit-band .eyebrow{color:#62DDD0}
.core .sectionhead p{color:#DCE8EE}
.visit-band p,.visit-band .status{color:#DCE8EE}
.visit-band .button{color:#F5F1E9;border-color:#91BCBF}
.visit-band .button.primary{color:#19364D;background:#F5F1E9}
.visit-band .button:hover,.visit-band .button.primary:hover{color:#19364D;background:#DDECE8;border-color:#DDECE8}
.identity a:focus-visible{outline-color:#12666B}
.core a:focus-visible{outline-color:#12666B}
.visit-band a:focus-visible,footer a:focus-visible{outline-color:#62DDD0}

.brand{grid-template-columns:56px max-content;column-gap:12px;align-items:center}.brand-logo{grid-column:1;grid-row:1 / 3;display:block;width:56px;height:56px}.brand-zh,.brand small.brand-en{grid-column:2}@media(max-width:760px){.brand{grid-template-columns:46px max-content;column-gap:9px}.brand-logo{width:46px;height:46px}}

/* Closer portrait framing; preserve the original photograph. */
.about-portrait-frame{width:180px;height:200px;overflow:hidden;border-radius:6px}
.about-portrait-frame .about-portrait{display:block;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center 30%;transform:scale(1.65);transform-origin:50% 25%}
@media(max-width:760px){.about-portrait-frame{width:100px;height:125px}}

/* Align the biography name in both languages without stretching glyphs. */
.about-name{display:inline-grid;grid-template-columns:max-content;max-width:100%;margin-bottom:16px}
.about-name h2{white-space:nowrap;margin:0 0 6px}
.about .about-name .english-name{display:flex;justify-content:space-between;gap:0;width:100%;margin:0;font-size:20px;font-weight:700;line-height:1.6;color:var(--navy)}
@media(max-width:760px){.about .about-name .english-name{font-size:18px}}
@media(max-width:440px){.aboutgrid{grid-template-columns:1fr}.about-portrait-frame{width:140px;height:160px}.about-name h2{font-size:24px}}

.about p.about-copy{margin-top:14px}

.topic .number{white-space:nowrap}