/* ============================================================
   慕多官网 · 响应式增强层（site-responsive.css）
   2026-10-07  全站共享，注入于各页 </head> 前（不改动各页内联样式）
   原则：只做增量 —— PC 宽屏放大留白与容器，移动端补底部咨询条、
         加大触达面积、图片自适应；与既有断点（1024/720）叠加生效。
   ============================================================ */

/* ---------- PC 宽屏 ≥1440px：宽屏大图、更多留白 ---------- */
@media (min-width:1440px){
  .wrap{width:min(1360px,90%)}
  .sec{padding:120px 0}
  .series-grid,.feat-grid{gap:28px;margin-top:52px}
  .gallery-grid{gap:28px;margin-top:52px}
  .partner-strip{gap:20px;margin-top:48px}
  .footer-grid{gap:64px}
}
@media (min-width:1920px){
  .wrap{width:min(1560px,88%)}
  .sec{padding:136px 0}
  .series-grid,.feat-grid{grid-template-columns:repeat(3,1fr);gap:32px}
}

/* ---------- 移动端 ≤720px：单列堆叠 / 图片自适应 / 咨询易点 ---------- */
@media (max-width:720px){
  /* Hero 用 svh 避免手机地址栏遮挡；文案与间距收紧 */
  .hero{min-height:100svh}
  .hero .wrap{width:88%}
  .hero-desc{font-size:15px}

  /* 图片模块自适应缩放（实景图/产品图铺满列宽） */
  .series-grid img,.feat-grid img,.gallery-grid img,.about-collage img,.about-side img{
    width:100%;height:auto;object-fit:cover;
  }

  /* 按钮加大触达面积 */
  .btn{padding:13px 24px}
  .lang-link{padding:7px 10px;font-size:12px;letter-spacing:.08em}
  .brand-logo{height:64px}

  /* 表单易点 */
  .field-row input,.field-row button{min-height:46px}

  /* 页脚单列（更窄的屏） */
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .partner-strip{grid-template-columns:repeat(2,1fr)}

  /* ---------- 底部悬浮咨询条（仅移动端） ---------- */
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  .mudo-mbar{
    position:fixed;left:0;right:0;bottom:0;z-index:200;
    display:flex;gap:10px;align-items:stretch;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));
    background:rgba(27,21,16,.96);backdrop-filter:blur(10px);
    border-top:1px solid rgba(168,132,60,.35);
  }
  .mudo-mbar a{
    flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
    min-height:48px;border-radius:3px;
    font-size:15px;font-weight:600;letter-spacing:.06em;
  }
  .mudo-mbar .mbar-call{background:var(--brass);color:#fff}
  .mudo-mbar .mbar-book{border:1px solid rgba(255,255,255,.5);color:#fff}
}
@media (min-width:721px){
  .mudo-mbar{display:none}
}
@media print{
  .mudo-mbar{display:none}
}