/* tpl-toc.css — 模板·横版目录：目录页眉（目录 CONTENT）+ 编号圆标横排（还原北大红 PPT 目录，圆标居中、留白充足）。 */

  /* 目录页眉 */
  .tpl-bar-head { display: flex; justify-content: space-between; align-items: flex-start; flex-shrink: 0; margin-bottom: clamp(8px, 1vh, 12px); }
  .tpl-bar-head-left .cn { font-size: clamp(1.6em, 2.6vw, 2.1em); font-weight: 800; color: var(--pku-red); margin-right: 10px; }
  .tpl-bar-head-left .en { font-size: clamp(0.82em, 1.2vw, 0.98em); font-weight: 700; color: #b0b0b0; letter-spacing: 0.14em; }

  /* 起始导语 */
  .tpl-h-toc-lead { flex-shrink: 0; text-align: center; font-weight: 700; color: var(--pku-red); margin: 0 0 clamp(24px, 4vh, 44px); font-size: clamp(1.02em, 1.5vh, 1.24em); line-height: 1.55; }
  .tpl-h-toc-lead strong { color: var(--pku-red-dark); }

  /* 横版目录：编号圆标横排，三列顶部对齐（圆标同一水平线） */
  .tpl-h-toc-items {
    flex: 1; min-height: 0;
    display: flex; justify-content: space-around; align-items: flex-start;
    width: 100%; gap: clamp(16px, 3vw, 48px); flex-wrap: wrap;
  }
  .tpl-h-toc-item {
    display: flex; flex-direction: column; align-items: center; text-align: center;
    flex: 1; min-width: 170px; max-width: 320px;
  }
  .tpl-h-toc-num {
    display: inline-flex; align-items: center; justify-content: center;
    width: clamp(72px, 10vh, 104px); height: clamp(72px, 10vh, 104px); border-radius: 50%;
    background: linear-gradient(150deg, var(--pku-red) 0%, var(--pku-red-dark) 100%);
    color: #fff; font-weight: 800; font-size: clamp(1.5em, 2.6vh, 2.1em);
    margin-bottom: clamp(16px, 2.2vh, 26px);
    box-shadow: 0 6px 18px rgba(126,24,28,0.28);
  }
  .tpl-h-toc-label { display: block; font-weight: 800; color: var(--pku-red); font-size: clamp(1.2em, 2vh, 1.5em); line-height: 1.35; margin-bottom: clamp(8px, 1.2vh, 14px); }
  .tpl-h-toc-desc { display: block; font-size: clamp(0.9em, 1.25vh, 1.02em); font-weight: 500; color: #555; line-height: 1.65; max-width: 300px; }
  .tpl-h-toc-desc strong { color: var(--pku-red); font-weight: 700; }