/* ===== 手机/平板自适应核心 ===== */
html{box-sizing:border-box;}
*,*:before,*:after{box-sizing:inherit;}
img,video,iframe{max-width:100%;height:auto;display:block;}

/* 平板横屏 ↓ 1024 */
@media(max-width:1024px){
  .container{width:96%;padding:0 10px;}   /* 主容器留边 */
}

/* 手机 ↓ 768 */
@media(max-width:768px){
  .nav-links{display:none !important;}     /* 1. 隐藏顶部导航   */
  body{font-size:16px;line-height:1.6;}    /* 2. 字号放大易读   */
  h1{font-size:28px;}h2{font-size:24px;}  /* 3. 标题逐级缩小   */
  .page-section{padding:40px 0;}          /* 4. 上下留白减少   */
  .banner{height:40vh;background-size:cover;background-position:center;}
}

/* 小手机 ↓ 480 */
@media(max-width:480px){
  h1{font-size:24px;}
  .btn{display:block;width:100%;text-align:center;margin-bottom:10px;}
}