/* 仅缩小首页强调标题：按屏幕宽度适配，使完整标题单行显示，不改主标题与其他区域字号。 */
.hero-copy h1 em { display: inline-block; max-width: 100%; font-size: clamp(26px, 3.6vw, 52px); white-space: nowrap; }

/* 仅缩小手机端设备区标题，保留原色彩、字重及行高；均衡换行避免末字孤行。 */
@media (max-width: 767px) {
  #capabilities .section-heading h2 { font-size: clamp(20px, 6.3vw, 27px); text-wrap: balance; }
  /* 横条文字与盾牌先占满一行，教程入口自然换到下一行，避免挤成窄列。 */
  #billing > div { flex-basis: calc(100% - 44px); }
  #billing h2 { text-wrap: balance; }
}

/* 手机及横屏窄屏的反馈标题按语义分行，保留原来的颜色和间距，宽屏电脑不变。 */
@media (max-width: 959px) {
  #feedback-heading { font-size: 24px; }
  #feedback-heading em { display: block; }
  /* 横屏手机仍保留两列，避免在 760px 边界突然切成四个狭窄卡片。 */
  .device-support-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1100px) {
  .device-card-top h3 { word-break: keep-all; overflow-wrap: normal; text-wrap: balance; }
}

/* 窄屏首屏与反馈操作采用等宽按钮，保留原链接、触控高度、颜色和圆角。 */
@media (max-width: 600px) {
  .hero-description { text-wrap: balance; }
  .hero-actions, .feedback-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .hero-actions .button, .feedback-actions .button { min-width: 0; padding-inline: 10px; gap: 8px; }
  .hero-actions .button { font-size: clamp(12px, 3.4vw, 14px); }
  .hero-actions .button .icon, .feedback-actions .button .icon { width: 18px; height: 18px; }

  /* 两列设备卡片统一使用上图下文，避免横排文字被图标挤成窄列。 */
  .device-support-card .device-card-top { display: block; padding-top: 0; }
  .device-card-icon { width: 48px; height: 50px; margin-bottom: 12px; }
}
@media (max-width: 430px) {
  .hero-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
/* 极窄屏为两行设备名称预留同高区域，使分类标签和正文仍能逐排对齐。 */
@media (max-width: 360px) {
  .device-card-top h3 { min-height: 2.7em; }
}