/* 关于页骨架：页面头部（h1 + 导语 + 21:9 配图）→ 单栏正文（西文 680px / 中文 36em）→ 联系方式信息卡 */
@layer pages {
  .about-head .art {
    width: 100%;
    margin-top: var(--space-10);
  }

  .about-body {
    padding-block: var(--section-y);
  }

  .about-body__inner {
    max-width: var(--measure);
    margin-inline: auto;
  }

  .about-contact {
    max-width: var(--measure);
    margin-inline: auto;
  }

  .about-contact .info-card {
    position: static;
    box-shadow: var(--shadow-ring), var(--shadow-sm);
  }
}

/* P5 补充（2026-10-05）：关于页正文表格与联系卡；订阅页表单 */
@layer pages {
  .about-head .page-head__inner {
    margin-bottom: var(--space-8);
  }

  .about-head .art {
    margin-top: 0;
  }

  .about-body .table-wrap {
    margin-top: var(--space-4);
  }

  .about-body .dl {
    margin-top: var(--space-4);
  }

  .about-contact .card__text {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
  }

  .newsletter-form {
    max-width: 36rem;
  }

  .newsletter-form .form {
    margin-top: var(--space-6);
    padding: var(--card-pad);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--shadow-ring), var(--shadow-sm);
  }

  .newsletter-captcha {
    min-height: 65px;
  }

  .newsletter-status {
    min-height: 1.6em;
    margin-top: var(--space-4);
    font-weight: var(--weight-semibold);
  }

  .newsletter-status:empty {
    display: none;
  }

  .newsletter-form .source {
    margin-top: var(--space-4);
  }
}

@layer pages {
  /* 正文栏内的"谁能看到什么"表：状态列不折行，首列保证可读宽度；超宽时在 .table-wrap 内横向滚动 */
  .about-body .table-wrap th:first-child,
  .about-body .table-wrap td:first-child {
    min-width: 14em;
  }

  .about-body .table-wrap th:not(:first-child),
  .about-body .table-wrap td:not(:first-child) {
    white-space: nowrap;
  }

  .about-body .table-wrap table {
    min-width: 0;
  }
}