/**
 * 区块标题（全站所有页面共用，是排版层级的关键一环）
 *
 * 2026-09-22 修订：
 *   1) 层级拉开：标题 36rpx→40rpx(--font-size-xl)，与正文 32rpx / 卡片标题 28rpx
 *      形成「区块标题 > 卡片标题 > 正文 > 元信息」四级阶梯。
 *      旧值 36rpx 与卡片标题仅差 10rpx，层级读不出来。
 *   2) 右侧 action 是全站最容易被忽略的触摸目标：只有 26rpx 文字高（约 13px），
 *      远低于 44px 下限。改为 min-height:--tap-min，热区向上补白。
 *   3) action 文字色原为 --color-primary(#E96B6B)=3.10:1，不达标，改 -strong。
 */
.ui-section {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:var(--spacing-2) var(--spacing-page-x);
}
.ui-section__left {
  display:flex;
  align-items:baseline;
  min-width:0;
}
.ui-section__title {
  font-size:var(--font-size-xl);
  font-weight:var(--font-weight-semibold);
  color:var(--color-text-strong);
  letter-spacing:var(--letter-spacing-tight);
}
.ui-section__subtitle {
  margin-left:var(--spacing-2);
  font-size:var(--font-size-xs);
  color:var(--color-text-tertiary);
}
.ui-section__action {
  display:flex;
  align-items:center;
  flex:none;
  min-height:var(--tap-min);
  padding-left:var(--spacing-3);
  font-size:var(--font-size-sm);
  font-weight:var(--font-weight-medium);
  color:var(--color-primary-strong);
  transition:opacity var(--motion-fast) var(--ease-standard);
}
.ui-section__action:active {
  opacity:var(--press-opacity);
}
.ui-section__arrow {
  margin-left:4rpx;
  width:24rpx;
  height:24rpx;
}