/* ==========================================================================
   responsive.css — 断点适配
   断点按内容需要设，不按设备型号。
   ========================================================================== */

/* ---------- ≤1080px：导航链接收起 ---------- */
@media (max-width: 1080px) {
  .nav__links { display: none; }
  .nav__in { justify-content: space-between; }
}

/* ---------- ≤900px：三层布局转两行 ---------- */
@media (max-width: 900px) {

  /* 大段落不再强制满屏高，避免手机上出现整屏空白 */
  .section--stage { min-height: 0; }

  /* 分栏转竖排：靠下边线分隔 */
  .g3, .g4 { grid-template-columns: 1fr; }
  .col {
    border-right: 0;
    border-bottom: 1px solid var(--hair);
    padding-inline: 0 !important;
  }
  .section--dark .col { border-bottom-color: var(--hair-dark); }
  .col:last-child { border-bottom: 0; padding-bottom: 0; }

  /* 首屏拼贴在窄屏收成 2×3，格子太小就看不出场景 */
  .mosaic { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); }

  .split { grid-template-columns: 1fr; gap: clamp(1.6rem, 4vw, 2.4rem); }
}

/* ---------- ≤640px：手机 ---------- */
@media (max-width: 640px) {
  .nav__in { height: 60px; }
  .nav__act { gap: .8rem; }

  .hero { padding-block: 20vh 16vh; min-height: 100svh; }

  .band__v { height: 52svh; }
  .nav__logo { width: 28px; height: 28px; }


  .footer__in { flex-direction: column; gap: .5rem; }
}

/* ---------- 打印 ---------- */
@media print {
  .nav, video { display: none !important; }
  .section--dark { background: #fff; color: #000; }
}