/* tpl-three.css — 模板·三部式卡片页 */

  /* 三部式 */
  .tpl-three-col { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(14px, 2vw, 22px); flex: 1; min-height: 0; align-items: stretch; }
  .tpl-three-card { border: 1.5px solid rgba(126,24,28,0.2); border-radius: 8px; padding: clamp(18px, 2.4vh, 28px) clamp(14px, 1.6vw, 20px); text-align: center; box-shadow: 0 2px 10px rgba(126,24,28,0.06); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
  .tpl-three-icon { width: clamp(52px, 6.5vh, 68px); height: clamp(52px, 6.5vh, 68px); border-radius: 50%; background: var(--pku-red); color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; font-size: clamp(1.4em, 2.2vh, 1.8em); font-weight: 800; line-height: 1; overflow: hidden; flex-shrink: 0; }
  .tpl-three-card h3 { font-size: clamp(1.1em, 1.8vh, 1.3em); font-weight: 800; color: var(--pku-red); margin: 0 0 10px; }
  .tpl-three-card p { font-size: clamp(0.98em, 1.5vh, 1.12em); line-height: 1.65; color: #444; margin: 0; flex: 1; }

  /* 总结 · 四概念卡片 */
  .tpl-four-col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(10px, 1.4vw, 16px);
    flex: 1;
    min-height: 0;
    align-items: stretch;
  }
  .tpl-four-col .tpl-three-card {
    padding: clamp(12px, 1.6vh, 18px) clamp(10px, 1.2vw, 14px);
  }
  .tpl-four-col .tpl-three-icon {
    width: clamp(44px, 5.5vh, 56px);
    height: clamp(44px, 5.5vh, 56px);
    font-size: clamp(1.1em, 1.8vh, 1.4em);
    margin-bottom: 10px;
  }
  .tpl-four-col .tpl-three-card h3 { font-size: clamp(1em, 1.55vh, 1.15em); margin-bottom: 8px; }
  .tpl-four-col .tpl-three-card p { font-size: clamp(0.82em, 1.2vh, 0.94em); line-height: 1.55; text-align: left; }