/* Site extensions only. Theme typography, columns and bibliography styles are upstream. */
.profile .chinese-name { margin: -12px 0 18px; }
.profile .image.avatar img { height: auto; }
.profile .email, email a { color: inherit; }
.profile .social-icons a { margin-right: 5px; }
.page-links { display: flex; flex-direction: column; gap: 7px; font-size: 14px; }
.content-section { margin-bottom: 30px; }
.site-footnote { margin-top: 30px; font-size: 12px; color: #888; }
.site-footnote p { margin-bottom: 5px; }
.opportunities { border-left: 2px solid #dce6ec; padding-left: 13px; }
.internship-highlight { color: #c44845; font-weight: 700; }
summary { cursor: pointer; color: #39c; }
details[open] > summary { margin-bottom: 18px; }
.publications { margin-top: 0; margin-bottom: 24px; }
.post-preview { margin-bottom: 26px; }
.post-preview h3 { font-size: 18px; line-height: 1.4; margin-bottom: 7px; }
.post-preview p { margin-bottom: 7px; }
.post-preview-meta, .post-meta, .post-kicker { font-size: 13px; color: #888; }
.post-header { width: auto; position: static; float: none; padding: 0; text-align: left; margin-bottom: 24px; }
.post-title { font-size: 28px; line-height: 1.2; }
.post-deck { font-size: 17px; }
.post-article .content-section { margin: 30px 0; }
.post-article h3 { font-size: 21px; line-height: 1.35; margin-bottom: 14px; }
.post-figure { margin: 24px 0; }
.post-figure img { display: block; width: auto; max-width: 100%; height: auto; margin: auto; }
figcaption, .figure-credit { color: #888; font-size: 13px; margin-top: 9px; }
.post-note, .post-toc { border-left: 2px solid #dce6ec; padding: 12px 18px; margin: 22px 0; }
.post-note p:last-child, .post-toc ol { margin-bottom: 0; }
.table-scroll, .equation { max-width: 100%; overflow-x: auto; margin: 20px 0; }
.post-article p, .post-article li, code { overflow-wrap: anywhere; }
.experience { margin-bottom: 22px; }
.experience li strong { font-weight: 700; }
.scholarship-highlight { font-weight: 700; }
.institution-icon { display: inline-block; width: 1em; height: 1em; object-fit: contain; vertical-align: -.12em; margin: 0 .15em; }
.institution-icon.brand-icon { object-fit: cover; object-position: left center; }
.institution-icon.alibaba-icon { width: 2em; }
.institution-icon.zju-icon { object-fit: cover; clip-path: circle(35%); transform: scale(1.45); }
.experience-title { margin-bottom: 7px; }
.date, .note { font-size: 13px; }
.skip-link { position: absolute; top: -100px; left: 15px; background: white; padding: 8px; }
.skip-link:focus { top: 10px; z-index: 10; }
a:focus-visible, summary:focus-visible { outline: 2px solid #39c; outline-offset: 3px; }
@media (max-width: 960px) {
  .page-links { flex-direction: row; justify-content: center; flex-wrap: wrap; gap: 10px 18px; margin: 0 0 20px; }
  .post-header { padding-right: 0; }
}
@media (prefers-color-scheme: dark) {
  summary { color: #3eb7f0; }
  .internship-highlight { color: #f08b82; }
}
@media print { .page-links, .skip-link { display: none; } }