/* 正式手机布局：修订方案 2，仅在宽度不超过 767px 时生效。
   头像尺寸、姓名字号、联系区集中在本文件；桌面继续使用 custom.css。 */
@media (max-width: 767px) {
  .hero-inner { padding: 92px 22px 48px; }
  .hero-grid { grid-template-columns: 1fr; gap: 18px; }
  .hero-copy, .hero-portrait { grid-column: auto; grid-row: auto; }
  .hero-portrait { width: 128px; height: 128px; border-radius: 50%; margin-top: 0; margin-inline: auto; box-shadow: 0 6px 20px rgb(5 3 20 / .16); }
  .hero-portrait img { transform: translate(2%, 2%) scale(1.08); transform-origin: 50% 50%; object-position: 50% 50%; }
  .hero-copy h1 { font-size: 28px; font-weight: 700; text-align: center; letter-spacing: normal; margin-bottom: 24px; line-height: 1.2; }
  .hero-bio { font-size: 15px; line-height: 1.72; }
  .hero-bio p + p { margin-top: 16px; }
  .about-note { margin-top: 28px; }
  .note-prefix { font-size: 12px; padding: 6px 8px; margin-top: 2px; }
  .name-zh { margin-inline-start: .22em; }
  .hero-links { justify-content: center; gap: 12px; margin-top: 24px; }
  .hero-links .social-link, .hero-links .social-link-disabled { width: 38px; height: 38px; min-height: 38px; }
  .hero-links .contact-email { flex-basis: 100%; justify-content: center; min-height: 44px; padding: 6px 10px; color: #fff; background: transparent; border: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .contact-email span { overflow-wrap: anywhere; }
  .mobile-menu { position: absolute; top: 72px; right: 18px; width: min(340px, calc(100vw - 36px)); padding: 8px; border: 1px solid rgb(213 200 245 / .2); border-radius: 20px; background: rgb(30 24 54 / .96); box-shadow: 0 16px 40px rgb(0 0 0 / .22); backdrop-filter: blur(24px); }
  .mobile-nav-link { min-height: 44px; padding: 12px 16px; }
  .mobile-nav-link[aria-current="location"] { background: rgb(191 170 246 / .12); color: #f2eaff; }
  .section-shell { padding: 36px 22px; }
  .education-bridge .section-shell { padding-block: 36px; }
  .section-heading { margin-bottom: 22px; }
  .section-heading h2 { font-size: 26px; }
  .education-item { gap: 8px; }
  .publication-card { padding: 20px 0; }
  .publication-card h3 { font-size: 16px; line-height: 1.5; }
  .publication-authors, .publication-meta { font-size: 14px; line-height: 1.65; }
  .doi-link { min-height: 44px; padding: 12px 0; font-size: 14px; }
  .research-figure { padding: 22px 12px 14px; }
  .research-card-content { padding: 16px 18px 18px; }
  .research-card-content h3 { font-size: 19px; }
  .research-card-content .research-label { font-size: 10px; letter-spacing: .03em; }
  .research-card-content .research-summary { font-size: 15px; line-height: 1.7; }
  .research-card-content .research-link { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; margin-top: 8px; font-size: 14px; }
  .research-card:hover { transform: none; }
  html[data-theme="night"] .hero-links .contact-email { color: #514965; background: transparent; border: 0; box-shadow: none; }
  html[data-theme="night"] .mobile-menu { background: rgb(246 243 252 / .96); box-shadow: 0 16px 40px rgb(39 25 57 / .15); }
  html[data-theme="night"] .mobile-nav-link[aria-current="location"] { color: #413052; background: rgb(111 80 157 / .1); }
}