/* ========== 1. 超宽屏PC（≥2560px）：补充适配，避免极宽屏布局失控 ========== */
@media screen and (min-width: 2560px) {
  .container-fluid,.container-fluidTiny {max-width: 1600px;}
  .h1, h1 { font-size: 48px; }
  .h2, h2 { font-size: 58px; }
  .h3, h3 { font-size: 48px; }
  .h4, h4 { font-size: 44px; }
  .h5, h5 { font-size: 28px; }
  .h6, h6 { font-size: 22px; }
  :root {
    --font-size-10: 12px;
    --font-size-12: 14px;
    --font-size-13: 15px;
    --font-size-14: 16px;
    --font-size-15: 17px;
    --font-size-16: 19px;
    --font-size-18: 21px;
    --font-size-20: 23px;
    --font-size-22: 25px;
    --font-size-24: 27px;
    --font-size-26: 30px;
    --font-size-28: 32px;
    --font-size-30: 34px;
    --font-size-32: 36px;
    --font-size-34: 38px;
    --font-size-36: 41px;
    --font-size-38: 43px;
    --font-size-40: 45px;
    --font-size-42: 50px;
    --font-size-45: 53px;
    --font-size-47: 56px;
    --font-size-54: 65px;
  }
}

/* ========== 2. 超大屏PC（1920px ≤ 宽度 ≤ 2559px）：基准值 × 1.1 ========== */
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .container-fluid,.container-fluidTiny { max-width: 1520px; }

  .h1, h1 { font-size: 44px; }
  .h2, h2 { font-size: 53px; }
  .h3, h3 { font-size: 44px; }
  .h4, h4 { font-size: 40px; }
  .h5, h5 { font-size: 26px; }
  .h6, h6 { font-size: 20px; }

  :root {
    --font-size-10: 11px;
    --font-size-12: 13px;
    --font-size-13: 14px;
    --font-size-14: 15px;
    --font-size-15: 16px;
    --font-size-16: 18px;
    --font-size-18: 20px;
    --font-size-20: 22px;
    --font-size-22: 24px;
    --font-size-24: 26px;
    --font-size-26: 29px;
    --font-size-28: 31px;
    --font-size-30: 33px;
    --font-size-32: 35px;
    --font-size-34: 37px;
    --font-size-36: 40px;
    --font-size-38: 42px;
    --font-size-40: 44px;
    --font-size-42: 46px;
    --font-size-45: 49px;
    --font-size-47: 52px;
    --font-size-54: 59px;
  }
}

/* ========== 3. 大屏PC（1200px ≤ 宽度 ≤ 1599px）：基准值 × 0.9 ========== */
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  .container-fluid {max-width: 1140px;}
  .container-fluidTiny {max-width: 1260px;}
  .h1, h1 { font-size: 36px; }
  .h2, h2 { font-size: 43px; }
  .h3, h3 { font-size: 36px; }
  .h4, h4 { font-size: 32px; }
  .h5, h5 { font-size: 22px; }
  .h6, h6 { font-size: 16px; }
  :root {
    --font-size-10: 9px;
    --font-size-12: 11px;
    --font-size-13: 12px;
    --font-size-14: 13px;
    --font-size-15: 14px;
    --font-size-16: 15px;
    --font-size-18: 16px;
    --font-size-20: 18px;
    --font-size-22: 20px;
    --font-size-24: 22px;
    --font-size-26: 24px;
    --font-size-28: 25px;
    --font-size-30: 27px;
    --font-size-32: 29px;
    --font-size-34: 30px;
    --font-size-36: 32px;
    --font-size-38: 34px;
    --font-size-40: 36px;
    --font-size-42: 38px;
    --font-size-45: 40px;
    --font-size-47: 42px;
    --font-size-54: 49px;
  }
}

/* ========== 4. 中屏PC/平板横屏（992px ≤ 宽度 ≤ 1199px）：基准值 × 0.8 ========== */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .container-fluid {max-width: 960px;}
  .container-fluidTiny {max-width: 1050px;}
  .h1, h1 { font-size: 32px; }
  .h2, h2 { font-size: 38px; }
  .h3, h3 { font-size: 32px; }
  .h4, h4 { font-size: 29px; }
  .h5, h5 { font-size: 19px; }
  .h6, h6 { font-size: 14px; }
  :root {
    --font-size-10: 9px;
    --font-size-12: 11px;
    --font-size-13: 12px;
    --font-size-14: 13px;
    --font-size-15: 13px;
    --font-size-16: 14px;
    --font-size-18: 14px;
    --font-size-20: 16px;
    --font-size-22: 17px;
    --font-size-24: 19px;
    --font-size-26: 21px;
    --font-size-28: 22px;
    --font-size-30: 24px;
    --font-size-32: 26px;
    --font-size-34: 27px;
    --font-size-36: 29px;
    --font-size-38: 30px;
    --font-size-40: 32px;
    --font-size-42: 34px;
    --font-size-45: 36px;
    --font-size-47: 38px;
    --font-size-54: 43px;
  }
}

/* ========== 5. 平板竖屏/小屏PC（768px ≤ 宽度 ≤ 991px）：基准值 × 0.8 ========== */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .container-fluid {max-width: 720px;}
  .container-fluidTiny {max-width: 100%;}
  .h1, h1 { font-size: 32px; }
  .h2, h2 { font-size: 38px; }
  .h3, h3 { font-size: 32px; }
  .h4, h4 { font-size: 29px; }
  .h5, h5 { font-size: 19px; }
  .h6, h6 { font-size: 14px; }
  :root {
    --font-size-10: 9px;
    --font-size-12: 11px;
    --font-size-13: 12px;
    --font-size-14: 13px;
    --font-size-15: 13px;
    --font-size-16: 14px;
    --font-size-18: 14px;
    --font-size-20: 16px;
    --font-size-22: 17px;
    --font-size-24: 19px;
    --font-size-26: 21px;
    --font-size-28: 22px;
    --font-size-30: 24px;
    --font-size-32: 26px;
    --font-size-34: 27px;
    --font-size-36: 29px;
    --font-size-38: 30px;
    --font-size-40: 32px;
    --font-size-42: 34px;
    --font-size-45: 36px;
    --font-size-47: 38px;
    --font-size-54: 43px;
  }
}

/* ========== 6. 手机屏（宽度 ≤ 767px）：基准值 × 0.8 ========== */
@media screen and (max-width: 767px) {
  .container-fluid {max-width: 540px;}
  .container-fluidTiny {max-width: 100%;}
  .h1, h1 { font-size: 32px; }
  .h2, h2 { font-size: 38px; }
  .h3, h3 { font-size: 32px; }
  .h4, h4 { font-size: 29px; }
  .h5, h5 { font-size: 19px; }
  .h6, h6 { font-size: 14px; }
  :root {
    --font-size-10: 9px;
    --font-size-12: 11px;
    --font-size-13: 12px;
    --font-size-14: 13px;
    --font-size-15: 13px;
    --font-size-16: 14px;
    --font-size-18: 14px;
    --font-size-20: 16px;
    --font-size-22: 17px;
    --font-size-24: 19px;
    --font-size-26: 21px;
    --font-size-28: 22px;
    --font-size-30: 24px;
    --font-size-32: 26px;
    --font-size-34: 27px;
    --font-size-36: 29px;
    --font-size-38: 30px;
    --font-size-40: 32px;
    --font-size-42: 34px;
    --font-size-45: 36px;
    --font-size-47: 38px;
    --font-size-54: 43px;
  }
}