/* About（2026-10-16 自 legacy.css 收口：去 Lab 守卫，段序与原层叠一致；段头保留 Lab 方案出处） */

/* dim:definition-list start — D05 落地 = Lab D05-V4「目录引线」（用户 2026-10-04 选定）；由 tools/land_d05_v4.py 从 lab/dims/D05/v4/d05.css 生成，勿手改 */
/* 基础样式：Lab D05 评审页的基线，≤ 860px 也用它 */
.def-list li { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.def-list b { font-family: var(--serif); }
@media (max-width: 860px) { .def-list li { grid-template-columns: 1fr; gap: 4px; } }
/* 落地补充：只在 ≥ 861px 生效 */
@media (min-width: 861px) {
/* D05-V4 目录引线 (Table of Contents Leaders)
   作者：gemini-3.8-flash (agy)
   参考：candidates/lab/dims/D05/refs/lixiaolai-com-about-published-list.png
   特点：收窄至 740px 阅读栏（与节标签左对齐），衬线学校名 + 点状引线 + 靠右灰调说明。
   说明多行时（Stanford 项）保持引线牢固连接到首行基线，整块安静、印刷古典感。 */

/* 阅读栏容器收窄至 740px，与 02 节标签严格左对齐 */
body.landed-a01 [data-dim="definition-list"] {
  max-width: 740px;
  margin-left: 0;
  margin-right: auto;
}

/* 列表容器重置与间距节奏 */
body.landed-a01 .def-list {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* 列表行：放宽行距消除原整行底线，采用 baseline 对齐确保多行时引线始终对准首行 */
body.landed-a01 .def-list li {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 18px 0;
  border-bottom: 0;
  position: relative;
}

/* 第一个条目向上贴近标签，最后一个条目向下贴紧边距 */
body.landed-a01 .def-list li:first-child {
  padding-top: 6px;
}

body.landed-a01 .def-list li:last-child {
  padding-bottom: 6px;
}

/* 左侧学校名：展示级古典衬线，骨白（对比度 16:1），不换行 */
body.landed-a01 .def-list b {
  order: 1;
  flex: 0 0 auto;
  font-family: var(--serif);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.015em;
  color: var(--bone);
  white-space: nowrap;
  transition: color 0.2s ease;
}

/* 中间点状引线：利用 flex item 填满空隙，通过 baseline 与 2px dotted 落在文字基线 */
body.landed-a01 .def-list li::after {
  content: "";
  order: 2;
  flex: 1 1 auto;
  min-width: 28px;
  height: 0;
  border-bottom: 2px dotted var(--line);
  margin-bottom: 0.28em;
  transition: border-color 0.25s ease;
}

/* 右侧说明：dust 次要字色，正文字号，右对齐；限制 17em 宽度使过长条目（Stanford）自然折行但紧贴引线首行 */
body.landed-a01 .def-list span {
  order: 3;
  flex: 0 1 auto;
  max-width: 17em;
  width: fit-content;
  text-align: right;
  font-family: var(--sans);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--on-soot-muted);
  transition: color 0.2s ease;
}

/* 轻量悬停与焦点反馈：引线点亮为 burn（橙红），学校名与说明保持沉静或微调 */
body.landed-a01 .def-list li:hover::after,
body.landed-a01 .def-list li:focus-within::after {
  border-bottom-color: var(--burn);
}

body.landed-a01 .def-list li:hover b,
body.landed-a01 .def-list li:focus-within b {
  color: var(--bone);
}

body.landed-a01 .def-list li:hover span,
body.landed-a01 .def-list li:focus-within span {
  color: var(--bone);
}

/* 键盘可访问性 outline */
body.landed-a01 .def-list li:focus-visible {
  outline: 2px solid var(--burn);
  outline-offset: 4px;
}

/* 减弱动效偏好：关闭过渡动画 */
@media (prefers-reduced-motion: reduce) {
  body.landed-a01 .def-list b,
  body.landed-a01 .def-list li::after,
  body.landed-a01 .def-list span {
    transition: none !important;
  }
}
}
/* dim:definition-list end */

/* dim:bento start — E04 落点基线（Lab 出案前的朴素版）：About 概览 8 格，等宽四栏细线格 */
.bento { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 0; list-style: none; border: 1px solid var(--line); background: var(--line); }
.bento .bt { min-height: 150px; background: var(--soot); }
.bento .bt > a, .bento .bt { color: var(--on-soot-fg); text-decoration: none; }
.bento .bt, .bento .bt > a { display: flex; flex-direction: column; gap: 8px; padding: 20px; }
.bento .bt:has(> a) { padding: 0; }
.bento .bt > a { height: 100%; }
.bt-k { font: 600 10px/1.4 var(--mono); letter-spacing: .14em; color: var(--on-soot-muted); }
.bt-v { font: 700 24px/1.25 var(--serif); }
.bt-d { font-size: 13px; line-height: 1.6; color: var(--on-soot-muted); }
.bento .bt > a:hover .bt-v, .bento .bt > a:focus-visible .bt-v { color: var(--on-soot-accent); }
.bento .bt-portrait { padding: 0; overflow: hidden; }
.bt-photo { display: block; width: 100%; height: 100%; min-height: 150px; object-fit: cover; object-position: 50% 18%; }
@media (max-width: 860px) { .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bento .bt { min-width: 0; overflow-wrap: anywhere; } }
/* dim:bento end */

/* dim:bento-keynote start — E04 落地 = Lab E04-V13「黑幕混排纸卡」（用户 2026-10-15 选定）；由 tools/land_e04_v13.py 生成，勿手改 */
@media (min-width: 861px) {
body.landed-a01 .bento { grid-auto-rows: 150px; gap: 10px; border: 0; background: none; }
body.landed-a01 .bento .bt { position: relative; overflow: hidden; min-height: 0; border-radius: 18px; background: var(--soot-raise); }
body.landed-a01 .bento .bt, body.landed-a01 .bento .bt > a { align-items: center; justify-content: flex-end; gap: 3px; padding: 14px 14px 16px; text-align: center; }
body.landed-a01 .bento .bt:has(> a) { padding: 0; }
body.landed-a01 .bento .bt > a { position: relative; z-index: 1; height: 100%; }
body.landed-a01 .bento .bt > span { position: relative; z-index: 1; }
body.landed-a01 .bento .e04-art { position: absolute; left: 0; top: 0; width: 100%; height: 64%; z-index: 0; pointer-events: none; }
body.landed-a01 .bento :is(.bt-projects, .bt-domains) .e04-art { height: 100%; }
body.landed-a01 .bento :is(.bt-projects, .bt-domains) .bt-v { margin-top: 6px; }
body.landed-a01 .bento .bt-k { order: 3; display: block; font: 600 12px/1.3 var(--sans); letter-spacing: .01em; text-transform: lowercase; }
body.landed-a01 .bento .bt-k::first-letter { text-transform: uppercase; }
body.landed-a01 .bento .bt-v { order: 1; font: 700 18px/1.15 var(--sans); letter-spacing: -.01em; }
body.landed-a01 .bento .bt-d { order: 2; font-size: 12px; line-height: 1.4; }
body.landed-a01 .bento .bt-portrait { padding: 0; }
body.landed-a01 .bento .bt-photo { min-height: 0; }
body.landed-a01 .bento .bt-name .bt-k, body.landed-a01 .bento .bt-born .bt-k, body.landed-a01 .bento [class*="bt-p-"] .bt-k { display: none; }
body.landed-a01 .bento .bt-projects .bt-d, body.landed-a01 .bento .bt-domains .bt-d, body.landed-a01 .bento .bt-edu .bt-d { display: none; }
body.landed-a01 .bento .bt-born .bt-v, body.landed-a01 .bento .bt-projects .bt-v, body.landed-a01 .bento .bt-domains .bt-v { font-size: 58px; line-height: 1; letter-spacing: -.04em; }
body.landed-a01 .bento .bt-born, body.landed-a01 .bento .bt-projects, body.landed-a01 .bento .bt-domains { justify-content: center; }
body.landed-a01 .bento [class*="bt-p-"] .bt-v { font-size: 30px; letter-spacing: -.03em; }
body.landed-a01 .bento [class*="bt-p-"] .bt-d { font: 600 12px/1.3 var(--sans); }
body.landed-a01 .bento .bt-name { justify-content: center; }
body.landed-a01 .bento .bt-name .bt-v { font-size: 40px; letter-spacing: -.03em; }
body.landed-a01 .bento .bt-theme { justify-content: center; padding: 22px 24px; }
body.landed-a01 .bento .bt-theme .bt-k { display: none; }
body.landed-a01 .bento .bt-theme .bt-v { font: 700 30px/1.3 var(--sans); letter-spacing: -.01em; }
body.landed-a01 .bento .bt-edu .bt-v { font-size: 17px; }
body.landed-a01 .bento .bt-years .bt-v { font-size: 15px; font-weight: 600; }
body.landed-a01 .bento .bt-now .bt-v { font-size: 13px; font-weight: 600; }
body.landed-a01 .bento .bt { transition: transform .25s ease; }
body.landed-a01 .bento .bt:has(> a:hover) { transform: scale(1.02); }
@media (prefers-reduced-motion: reduce) { body.landed-a01 .bento .bt { transition: none; } body.landed-a01 .bento .bt:has(> a:hover) { transform: none; } }
body.landed-a01 .bento .bt-name { grid-area: name; }
body.landed-a01 .bento .bt-portrait { grid-area: portrait; }
body.landed-a01 .bento .bt-born { grid-area: born; }
body.landed-a01 .bento .bt-projects { grid-area: projects; }
body.landed-a01 .bento .bt-p-spacex { grid-area: p-spacex; }
body.landed-a01 .bento .bt-p-tesla { grid-area: p-tesla; }
body.landed-a01 .bento .bt-p-neuralink { grid-area: p-neuralink; }
body.landed-a01 .bento .bt-p-xai { grid-area: p-xai; }
body.landed-a01 .bento .bt-domains { grid-area: domains; }
body.landed-a01 .bento .bt-edu { grid-area: edu; }
body.landed-a01 .bento .bt-theme { grid-area: theme; }
body.landed-a01 .bento .bt-years { grid-area: years; }
body.landed-a01 .bento .bt-now { grid-area: now; }

/* E04-V13 黑幕混排纸卡（V6 × V7）：V6 的黑幕与居中彩色肖像不变，名字 / 主题 / 出生 / Now 四张换成骨白纸卡（墨字），
   其余深灰卡保留金属渐变数字；亮卡上的小画面自动换成墨线 */
body.landed-a01 .bento { grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-areas: "born      projects  portrait portrait p-spacex    p-tesla" "name      name      portrait portrait theme       theme" "domains   edu       portrait portrait theme       theme" "years     years     now      p-neuralink p-xai    p-xai"; }
body.landed-a01 .bento .bt-v { background: linear-gradient(180deg, var(--bone) 20%, var(--dust) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.landed-a01 .bento .bt-k, body.landed-a01 .bento .bt-d { color: var(--on-soot-fg); }
body.landed-a01 .bento :is(.bt-name, .bt-theme, .bt-born, .bt-now) { background: color-mix(in srgb, var(--bone) 92%, white); }
body.landed-a01 .bento :is(.bt-name, .bt-theme, .bt-born, .bt-now) .bt-v { background: none; color: var(--soot); }
body.landed-a01 .bento :is(.bt-name, .bt-theme, .bt-born, .bt-now) :is(.bt-k, .bt-d) { color: color-mix(in srgb, var(--soot) 70%, transparent); }
body.landed-a01 .bento .bt-theme .bt-v { color: var(--burn-2); }
body.landed-a01 .bento .bt-born { background: color-mix(in srgb, var(--burn) 18%, var(--bone)); }
body.landed-a01 .bento .bt-name .bt-v { font: 700 44px/1.05 var(--serif); letter-spacing: -.02em; }
body.landed-a01 .bento .bt-portrait { background: var(--soot); }
body.landed-a01 .bento .bt-photo { object-position: 50% 14%; }
}
/* dim:bento-keynote end */