@charset "utf-8";

/* ==========================================================================
 * responsive.css — 缩放适配补丁（20261105resp）
 *
 * 配套关系（重要，避免字号被缩放两次）：
 *   - public/js/auto-zoom.js 负责 1201–1599px 的「整页等比分级缩放」
 *     （0.88 → 1.00，文字/间距/图片一起缩），本文件不再叠加 font-size 缩放。
 *   - 本文件负责：① 横向溢出裁切 ② 1200 → 1201px 断点处字号/间距的连续
 *     衔接 ③ 导航不换行。大屏（2K/4K）内容不做限宽，随视口铺满。
 *   - ≤1200px 全部沿用 mobile.css 原有断点（汉堡导航、平板/手机字号），
 *     本文件不干预。
 *
 * 决策：大屏内容不限宽铺满；缩放保守方案（最小 88%）；
 *       1280px（1920@150%）保持桌面导航，只缩字号；大屏背景不换 2x 素材。
 * ========================================================================== */

/* 1) 浏览器 150% / 200% 缩放、窗口 resize 后，Swiper 的屏外 slide 会把
 *    document 撑出横向滚动；body 已有 overflow-x:clip，这里补上 html 一层。
 *    clip 不会创建滚动容器，不影响 position:sticky 与锚点滚动。 */
html {
  overflow-x: clip;
}

/* 注：首页数据条在 200% 缩放后被撑宽的真正原因是 main.js 给数字预留了
 *    固定 px 宽度（initCounters），已改为按 em 预留，这里不需要再改网格。 */

/* 2) 1201–1366 时桌面导航空间偏紧，"About us" 会被折成两行；
 *    禁止换行即可保持单行，实测不会把头部撑出视口。 */
@media (min-width: 1201px) {
  .main-nav ul > li > a {
    white-space: nowrap;
  }
}

/* 3) 1200 → 1201px 平滑衔接。
 *    ≤1200 由 mobile.css 的 clamp() 给出一组较小字号，>1200 原本直接跳回
 *    pc.css 的固定 px（例如首页 h1 43.5px → 58px）。这里在 1201–1600 之间
 *    给同一批选择器补一段连续 clamp()，两端分别对齐 mobile.css 上限
 *    （除以 1201px 处的缩放系数 0.88）与 pc.css 基准值，消除断点突跳。
 *    注：根元素 zoom 下 vw 按未缩放视口计算，所以公式按 1201/1600 取值。 */
@media (min-width: 1201px) and (max-width: 1600px) {
  /* 首页 hero */
  .hero-title            { font-size: clamp(49.4px, 3.625vw, 58px); }
  .hero-tech .hero-title { font-size: clamp(39.2px, 2.875vw, 46px); }
  .hero-desc             { font-size: clamp(25.6px, 1.875vw, 30px); }
  .hero-btns             { margin-top: clamp(61.4px, 5.625vw, 90px); }

  /* 首页各区块大标题（pc.css 基准 54px / mobile.css 上限 40.5px） */
  .home-intro .section-title,
  .projects-head-text .section-title,
  .adv-hero-title        { font-size: clamp(46px, 3.375vw, 54px); }

  .home-intro .btn.mt-90 { margin-top: clamp(76.7px, 5.625vw, 90px); }
  /* 数据条数字：1200 处 43.2px（无缩放），1201 处需 49px × 0.88 ≈ 43.1px，
     1600 处回到 72px；用带截距的线性插值保证两端都对齐。 */
  .home-stats .stat-num  { font-size: clamp(49px, calc(5.76vw - 20.2px), 72px); }
  .cta-band h2           { font-size: clamp(34.1px, 2.5vw, 40px); }
}