/* 首页简介直接展示，给经历和操作按钮留出阅读空间。 */
.page[data-page="about"] .hero-lede.home-intro {
  max-width: 42em;
  margin-top: 26px;
  line-height: 1.95;
}

.page[data-page="about"] .cta-row {
  margin-top: 30px;
}

/* 路线选择作为独立区块，避免紧贴上方的按钮。 */
.page[data-page="about"] .home-discovery {
  margin-top: 52px;
  margin-bottom: 32px;
  padding-bottom: 36px;
}

.page[data-page="about"] .home-discovery-title {
  margin-bottom: 24px;
}

.page[data-page="about"] .goal-links {
  gap: 18px;
}

.page[data-page="about"] .goal-link {
  padding: 24px;
  gap: 14px;
}

/* 标题换行时尽量均匀，避免最后只剩下一个字。 */
.page[data-page="about"] .goal-link h3 {
  text-wrap: balance;
}

/* 小屏电脑和手机上，给纵向排列的卡片留出舒适的间隔。 */
@media (max-width: 1100px) {
  .page[data-page="about"] .goal-link {
    padding: 22px;
    gap: 8px 18px;
  }
}

@media (max-width: 700px) {
  .page[data-page="about"] .hero-lede.home-intro {
    margin-top: 22px;
    line-height: 1.9;
  }

  .page[data-page="about"] .cta-row {
    margin-top: 26px;
    gap: 10px;
  }

  .page[data-page="about"] .home-discovery {
    margin-top: 40px;
    padding-bottom: 30px;
  }

  .page[data-page="about"] .home-discovery-title {
    margin-bottom: 20px;
    gap: 12px;
  }

  .page[data-page="about"] .goal-links {
    gap: 14px;
  }

  .page[data-page="about"] .goal-link {
    padding: 22px 20px;
    gap: 10px;
  }
}