/* =========================================================
   关于我 —— 版式层
   ---------------------------------------------------------
   外壳（夜色、左栏、立方体、时辰控件）全部复用 wiki.css +
   topic.css，这一层只管正文的排版：开场、段落、成绩条、
   三门课、四条讲法、收尾引语。

   字重跟底色走：深底细一点，浅底加粗 —— 与全站同一规矩。
   ========================================================= */

/* 正文不铺满整栏：一行太长读不下来 */
.about .feed{max-width:700px}

/* 左栏三个数字：宽窄固定不下来会折成两行，最后一格孤零零的；
   改成等分三列，无论窗宽都排一行 */
.about .stat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px 12px}
.about .stat b{font-size:17px}
.about .stat span{letter-spacing:.1em;font-size:10px}

/* 左栏：姓名与自述是这个页子的门面，比列表页放一号 */
.about .rail h1{font-size:38px;letter-spacing:.04em}
.about .rail .en{letter-spacing:.2em;opacity:1;color:color-mix(in srgb,var(--accent) 62%,var(--tx-fig))}
.about .rail .lead{
  font-size:14px;line-height:1.95;
  color:color-mix(in srgb,var(--ink) 58%,var(--muted));
}

/* 章节名比列表页大一点：这一页是要读的，不是要扫的 */
.about .cl .nm{font-size:14px;color:color-mix(in srgb,var(--ink) 78%,var(--muted))}
.about .cl .dia{background:var(--accent);opacity:.75}

/* ---------- 开场：一句立场 ---------- */
.open{margin:36px 0 0}
.open h2{
  margin:0;font-size:40px;line-height:1.36;font-weight:700;letter-spacing:.02em;color:var(--ink);
}
.open h2 em{
  font-style:normal;
  /* 强调色与正文墨色对半混：浅底上不飘、深底上不发灰 */
  color:color-mix(in srgb,var(--accent) 78%,var(--ink));
}
.open .lede{
  margin:22px 0 0;font-size:14.5px;line-height:2.1;color:var(--muted);
}

/* ---------- 正文 ---------- */
.prose{margin:24px 0 0}
.prose p{margin:0 0 18px;font-size:15px;line-height:2.15;color:var(--muted)}
.prose p:last-child{margin-bottom:0}
.prose strong{color:var(--ink);font-weight:600}
html[data-time="day"] .prose p,
html[data-time="dawn"] .prose p{color:#42423d}
html[data-time="day"] .open .lede,
html[data-time="dawn"] .open .lede{color:#42423d}

/* ---------- 成绩：一条暖色的注 ---------- */
.note{
  position:relative;margin:26px 0 0;padding:16px 20px 17px;
  border-left:2px solid var(--warm);
  background:color-mix(in srgb,var(--warm) 7%,transparent);
}
.note .tag{
  display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;
  color:var(--warm);opacity:1;
}
.note p{
  margin:9px 0 0;font-size:16px;line-height:1.9;font-weight:600;color:var(--ink);
}
html[data-time="day"] .note,
html[data-time="dawn"] .note{background:color-mix(in srgb,var(--warm) 9%,transparent)}

/* 就业班那条：内容比成绩那条长，字重放平，只留标签和左边一道暖线 */
.note.school p{font-size:15px;line-height:1.95;font-weight:400;
  color:color-mix(in srgb,var(--ink) 82%,var(--muted))}

/* ---------- 三门课：像晶片一样排成竖条 ---------- */
.mods{margin:24px 0 0;border-top:1px solid var(--line)}
.mod{
  position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);
  gap:18px;padding:20px 8px 20px 20px;
  border-bottom:1px solid var(--line);
}
/* 左边那条棱：悬停时点亮成暖色，和列表页的晶片一个动作 */
.mod::before{
  content:'';position:absolute;left:0;top:15px;bottom:15px;width:2px;
  background:var(--accent);opacity:.14;
  transform:scaleY(.68);transform-origin:center;
  transition:opacity .22s,transform .24s,background .22s;
}
.mod .n{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;
  color:var(--tx-fig);line-height:1.9;
}
.mod h3{
  margin:0 0 7px;font-size:16.5px;font-weight:600;letter-spacing:.04em;color:var(--ink);
  transition:color .2s;
}
.mod p{margin:0;font-size:13.5px;line-height:1.95;color:var(--muted)}
.mod:hover::before{opacity:1;transform:scaleY(1);background:var(--warm)}
.mod:hover .n{color:var(--warm)}

/* ---------- 四条讲法 ---------- */
.rules{margin:22px 0 0;padding:0;list-style:none}
.rules li{
  display:grid;grid-template-columns:28px minmax(0,1fr);gap:18px;
  padding:15px 0;border-bottom:1px dashed var(--line);
  font-size:14.5px;line-height:2.05;color:var(--muted);
}
.rules li:last-child{border-bottom:none}
.rules .n{
  font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--tx-fig);
  line-height:2.35;
}
.rules strong{color:var(--ink);font-weight:600}

/* ---------- 收尾一句 ---------- */
.quote{
  margin:44px 0 0;padding:4px 0 4px 24px;
  border-left:2px solid var(--accent);
  font-size:18px;line-height:2;font-weight:500;color:var(--ink);
  opacity:.92;
}

/* ---------- 窄屏 ---------- */
@media (max-width:900px){
  .open{margin-top:26px}
  .open h2{font-size:29px;line-height:1.4}
  .open .lede{font-size:14px}
  .prose p{font-size:14.5px;line-height:2.05}
  .note{padding:14px 16px 15px}
  .mod{grid-template-columns:24px minmax(0,1fr);gap:14px;padding:17px 4px 17px 16px}
  .rules li{grid-template-columns:24px minmax(0,1fr);gap:14px;font-size:14px}
  .quote{font-size:16px;padding-left:18px;margin-top:36px}
}