/* 关于我：参考双栏肖像与履历结构，延续网站现有黑白与冷色点缀。 */
.reference-home .about-profile { padding-top: 120px; padding-bottom: 64px; }
.about-profile__top { display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: clamp(48px, 7vw, 140px); }
.about-profile__top::after { content: ''; display: block; min-width: 0; aspect-ratio: 1.47; }
.about-profile__intro { padding-bottom: 34px; }
.about-profile__intro .index { margin: 0 0 34px; }
.reference-home .about-profile__intro h2 { font-size: clamp(76px, 9vw, 145px); line-height: .95; letter-spacing: -.085em; margin: 0; }
.about-profile__name-second { margin-left: 1em; }
.about-profile__role { margin: 24px 0 0; color: #bdbdc4; font-size: 14px; }
.about-profile__statement { max-width: 650px; margin: 40px 0 0; border-left: 2px solid #82daff; padding-left: 20px; color: #c5c5cd; font-size: 15px; line-height: 1.9; }
.about-profile__details { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: clamp(50px, 8vw, 145px); margin-top: 56px; padding-top: 48px; border-top: 1px solid var(--line); }
.about-profile__eyebrow { margin: 0 0 22px; color: #9dd8ec; font: 10px var(--mono); letter-spacing: .1em; }
.about-profile__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.about-profile__tags li { padding: 8px 10px; border: 1px solid rgba(255,255,255,.2); color: #e9e9ed; font-size: 11px; }
.about-profile__info { margin-top: 30px; }
.about-profile__info h3 { margin: 0 0 10px; font-size: 14px; }
.about-profile__info p { max-width: 470px; margin: 0; color: #aaaab2; font-size: 13px; line-height: 1.8; }
.about-profile__chapter { border-bottom: 1px solid var(--line); }
.about-profile__chapter summary { display: flex; align-items: center; gap: 16px; min-height: 64px; cursor: pointer; list-style: none; font-size: 17px; }
.about-profile__chapter summary::-webkit-details-marker { display: none; }
.about-profile__chapter summary::after { content: '+'; margin-left: auto; font: 22px var(--mono); color: #eeeef0; }
.about-profile__chapter[open] summary::after { content: '−'; }
.about-profile__chapter summary:focus-visible { outline: 2px solid #82daff; outline-offset: 3px; }
.about-profile__number { color: #8dd6f1; font: 11px var(--mono); }
.about-profile__chapter-body { padding: 0 20px 24px 36px; color: #b9b9c0; font-size: 13px; line-height: 1.7; }
.about-profile__chapter-body > p { margin: 0; }
.about-profile__entry { display: grid; grid-template-columns: 100px 1fr; gap: 20px; padding: 8px 0; }
.about-profile__entry > span { color: #92929c; font: 11px/1.8 var(--mono); }
.about-profile__entry strong { color: #ededf0; font-size: 13px; }
.about-profile__entry p { margin: 3px 0 0; }
.about-profile__footer { display: flex; justify-content: space-between; gap: 20px; margin-top: 65px; padding-top: 22px; border-top: 1px solid var(--line); color: #9d9da7; font-size: 11px; }
.about-profile__footer span:last-child { font-family: var(--mono); letter-spacing: .05em; }
.about-profile__footer i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #82daff; vertical-align: middle; }
@media (max-width: 800px) {
  .reference-home .about-profile { padding-top: 80px; padding-bottom: 48px; }
  .about-profile__top { grid-template-columns: 1fr; gap: 34px; }
  .about-profile__top::after { aspect-ratio: 1.3; }
  .about-profile__intro { padding-bottom: 0; }
  .about-profile__intro .index { margin-bottom: 25px; }
  .reference-home .about-profile__intro h2 { font-size: clamp(70px, 18vw, 110px); }
  .about-profile__statement { margin-top: 28px; font-size: 14px; }
  .about-profile__details { grid-template-columns: 1fr; gap: 44px; margin-top: 42px; padding-top: 35px; }
  .about-profile__entry { grid-template-columns: 90px 1fr; gap: 12px; }
  .about-profile__footer { flex-direction: column; margin-top: 45px; }
}
@media (max-width: 400px) {
  .about-profile__chapter-body { padding-left: 0; padding-right: 0; }
  .about-profile__entry { grid-template-columns: 1fr; gap: 2px; }
}