:root{--ink:#223a54;--blue:#527d91;--muted:#8a9297;--line:#e0dfd9;--paper:#fffefa;--sidebar:#f4f3ee;--background:#eeeae1}
*{box-sizing:border-box}
html{min-width:320px;background:var(--background)}
body{margin:0;color:var(--ink);font:15px/1.9 "Microsoft YaHei","PingFang SC",sans-serif;background:linear-gradient(100deg,#eae7df,#f4f1e9 48%,#e9e6de);padding:54px 28px 70px}
a{color:var(--blue);text-decoration:none;text-underline-offset:4px}
a:hover{text-decoration:underline;color:#23576e}
a:focus-visible{outline:2px solid #527d91;outline-offset:5px}
.skip-link{position:absolute;left:24px;top:-80px;background:white;padding:8px 16px;z-index:5}
.skip-link:focus{top:8px}
.site-shell{display:grid;grid-template-columns:258px minmax(0,1fr);max-width:1210px;min-height:1000px;margin:auto;background:var(--paper);border:1px solid #d9d7ce;box-shadow:0 9px 34px #3a362516;border-radius:5px;overflow:hidden}
.sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:39px 0 25px}
.identity{display:flex;flex-direction:column;text-align:center;color:var(--ink);margin-bottom:25px}
.identity:hover{text-decoration:none}
.site-name{font-family:"Kaiti SC","STKaiti","KaiTi",serif;font-size:34px;line-height:1.5;letter-spacing:.12em;padding-left:.12em}
.site-caption{font:11px/1.7 Georgia,serif;letter-spacing:.19em;color:#8a9293;margin-top:6px}
figure{margin:0}
.portrait{width:184px;height:154px;margin:0 auto 32px}
.portrait img{width:100%;height:100%;object-fit:cover}
.image-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px dashed #bdc5c3;color:#879592;background:linear-gradient(145deg,#f3f5f0,#ebefeb);font-size:13px;position:relative}
.image-placeholder small{font:9px/1.5 Georgia,serif;letter-spacing:.16em;color:#9aa5a0}
.picture-mark{width:30px;height:24px;border:1px solid #a4b4ac;border-radius:2px;position:relative;display:block;margin-bottom:5px;overflow:hidden}
.picture-mark:before{content:"";position:absolute;width:5px;height:5px;border:1px solid #a4b4ac;border-radius:50%;right:5px;top:4px}
.picture-mark:after{content:"";position:absolute;width:17px;height:17px;border-left:1px solid #a4b4ac;border-top:1px solid #a4b4ac;transform:rotate(45deg);left:1px;top:13px}
.navigation{border-top:1px dashed #d6d7d0;margin:0 23px}
.navigation a{display:flex;align-items:center;justify-content:space-between;min-height:47px;padding:8px 14px;color:#626c70;border-bottom:1px solid #dedfd7;font-size:14px}
.navigation a:hover,.navigation a[aria-current]{background:#e9eeea;color:#28617a;text-decoration:none}
.navigation a[aria-current]{font-weight:600;border-left:3px solid #527d91;padding-left:11px}
.nav-arrow{font:19px Georgia,serif;color:#a7b4b1}
.sidebar-note{display:flex;flex-direction:column;text-align:center;color:#919994;font-size:11px;margin:32px 22px 0;line-height:2.2}
.main-content{padding:38px 55px 24px;display:flex;flex-direction:column;min-width:0}
.page-header{text-align:center;margin-bottom:30px}
h1{font-family:"Kaiti SC","STKaiti","KaiTi",Georgia,serif;font-size:34px;font-weight:400;line-height:1.6;margin:0 0 9px;letter-spacing:.025em}
html[lang=en] h1{font-size:28px}
.language-switch{display:flex;align-items:center;justify-content:center;gap:13px;font:12px/2 "Microsoft YaHei",sans-serif;color:#8a9297}
.lang-divider{color:#cccfc9}
.homepage-image{width:min(100%,600px);aspect-ratio:4/3;margin:0 auto 38px}
.homepage-image img{width:100%;height:100%;object-fit:cover;display:block}
.homepage-image.image-placeholder{font-size:15px;gap:13px}
.homepage-image .picture-mark{width:44px;height:35px;margin-bottom:4px}
.homepage-image .picture-mark:after{width:26px;height:26px;top:20px}
.homepage-image .picture-mark:before{width:7px;height:7px;right:8px;top:6px}
.homepage-image small{font-family:"Microsoft YaHei",sans-serif;font-size:11px;letter-spacing:.08em}
.page-content{flex:1}
.section-heading{display:flex;align-items:center;gap:20px;font-size:19px;line-height:1.5;font-weight:600;margin:30px 0 17px}
.section-heading:after{content:"";height:1px;background:#c8cec9;flex:1;max-width:390px}
.text-list{padding-left:22px;margin:0 0 25px}
.text-list li{padding-left:4px;margin-bottom:13px}
.text-list a{margin-left:8px;font-size:13px;white-space:nowrap}
.text-list strong{font-weight:500}
.contact-line{display:flex;gap:24px;align-items:baseline;flex-wrap:wrap;margin:0 0 25px;padding-left:25px}
.contact-line>span{font-family:Georgia,serif;font-size:14px;color:#747e83}
.email{overflow-wrap:anywhere}
.resources-link{margin:32px 0 40px;font-size:15px;padding:17px 0 0;border-top:1px dashed #dedfd7}
.resources-link span{font-size:13px;margin-left:9px}
footer{border-top:1px solid #e6e5df;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:38px;padding-top:17px;color:#9ca19c;font-size:10px;letter-spacing:.04em}
.profile-details{margin:0}
.profile-details>div{display:grid;grid-template-columns:100px minmax(0,1fr);padding:13px 0;border-bottom:1px solid #eeede7;gap:15px}
dt{color:#8b9494;font-size:13px}dd{margin:0;overflow-wrap:anywhere}
.empty-note{color:#969f9c;font-size:14px;margin:22px 0 55px}
@media(min-width:1600px){body{padding-top:68px}}
@media(max-width:1000px){body{padding:25px 18px}.site-shell{grid-template-columns:220px minmax(0,1fr)}.main-content{padding:33px 34px 22px}h1{font-size:29px}.portrait{width:164px;height:140px}}
@media(max-width:700px){body{padding:0;background:var(--paper)}.site-shell{display:block;min-height:100vh;border:0;border-radius:0;box-shadow:none}.sidebar{padding:27px 22px 0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 76px;column-gap:14px}.identity{align-items:flex-start;text-align:left;justify-content:center;margin:0 0 22px}.site-name{font-size:29px}.site-caption{font-size:10px}.portrait{width:76px;height:76px;margin:0 0 22px;gap:5px;font-size:9px}.portrait small{display:none}.portrait .picture-mark{width:22px;height:19px;margin:0}.navigation{grid-column:1/-1;margin:0;display:flex;flex-wrap:wrap;gap:0 22px;border-top:1px dashed #d6d7d0}.navigation a{font-size:12px;padding:10px 0;min-height:43px;border:0}.navigation a[aria-current]{border:0;padding:10px 0;background:none;box-shadow:inset 0 -2px #527d91}.nav-arrow{display:none}.sidebar-note{display:none}.main-content{padding:30px 23px 20px}.page-header{margin-bottom:24px}h1{font-size:27px}html[lang=en] h1{font-size:24px}.homepage-image{margin-bottom:28px}.section-heading{font-size:18px}.contact-line{padding-left:0;gap:12px}.text-list{padding-left:19px;font-size:14px}.text-list a{margin-left:0}.profile-details>div{grid-template-columns:72px minmax(0,1fr);gap:10px}footer{margin-top:30px}}