/* =========================================================
   手机端专用样式（仁本·法商管理顾问官网）
   规则：全部包在 @media 内，桌面端（>900px）零效果、零改动。
   加载位置：本文件必须是 <head> 里最后一个样式来源，
            否则会被页面后面的内联 <style> 覆盖。
   ========================================================= */

/* ---- 桌面端：新增元素一律隐藏，保证原网页视觉 100% 不变 ---- */
.nav-toggle{display:none}
.mnav{display:none}


/* =====================  ≤900px（平板 / 大屏手机）  ===================== */
@media (max-width:900px){

  /* 顶部导航右侧的汉堡按钮 */
  .nav-toggle{
    display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;
    width:42px;height:42px;margin-left:4px;padding:0;flex:0 0 auto;
    background:transparent;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;
  }
  .nav-toggle span{
    display:block;width:22px;height:2px;background:#0F2138;
    border-radius:2px;transition:transform .3s ease,opacity .3s ease;
  }
  .nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle.active span:nth-child(2){opacity:0}
  .nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav-in{gap:10px}
  .btn-consult{padding:9px 15px;font-size:12.5px;white-space:nowrap}

  /* 手机下拉菜单：默认移出屏幕，.open 时滑入 */
  .mnav{
    display:block;position:fixed;top:68px;left:0;right:0;z-index:88;
    background:#fff;max-height:calc(100vh - 68px);overflow-y:auto;-webkit-overflow-scrolling:touch;
    border-top:1px solid #EFF2F5;
    box-shadow:0 16px 34px rgba(15,33,56,.14);
    transform:translateY(-110%);transition:transform .32s cubic-bezier(.22,.61,.36,1);
  }
  .mnav.open{transform:translateY(0)}
  body.mnav-open{overflow:hidden}
  .mnav a{
    display:block;padding:16px 24px;font-size:15.5px;letter-spacing:.04em;color:#0F2138;
    text-decoration:none;border-bottom:1px solid #EFF2F5;position:relative;
  }
  .mnav a::after{
    content:"";position:absolute;right:24px;top:50%;width:7px;height:7px;
    border-top:1.5px solid #93A0AE;border-right:1.5px solid #93A0AE;
    transform:translateY(-50%) rotate(45deg);
  }
  .mnav a:active{background:#F6F7F9}
}


/* =====================  ≤760px（手机横屏 / 小平板）  ===================== */
@media (max-width:760px){
  /* 多列卡片改单列，避免手机上被挤成两三条窄栏 */
  .members,.others,.team-grid,.adv,
  .pcore,.ptool,.area-grid,
  .mod-cols,.samples,.rules,.inds,.doc,.qi,.score{
    grid-template-columns:1fr !important;
  }
  .members,.others,.adv,.mod-cols,.samples,.rules,.inds,.doc,.qi,.score{gap:16px}
}


/* =====================  ≤560px（主流手机竖屏）  ===================== */
@media (max-width:560px){
  .wrap{padding:0 18px}
  .nav-in{padding:0 18px}

  /* 顶部只留中文主标，避免和按钮挤在一起 */
  .logo-tx b{font-size:14px}
  .logo-tx span{display:none}

  /* Hero 更紧凑、字号更克制 */
  .hero h1{font-size:25px;line-height:1.34;margin-bottom:16px}
  .hero p{font-size:14px;line-height:1.85;margin-bottom:24px}
  .hero-tag{font-size:10px;margin-bottom:18px}
  .hero-btns{gap:12px;flex-wrap:wrap}
  .hero-btns .btn{padding:12px 20px;font-size:13px}

  /* 区块间距收紧，手机阅读更连贯 */
  .sec,.sec-sm{padding:46px 0}
  h2.t{font-size:21px}
  .eb{font-size:10px;letter-spacing:.2em}
  .lead{font-size:15px}

  /* 数据条 */
  .stats b{font-size:30px}
  .stat span{font-size:11px}
  .stats-in{padding:28px 0;gap:22px}

  /* 页脚单列 */
  .foot-grid{grid-template-columns:1fr !important;gap:26px}
  .foot{padding:46px 0 26px}

  /* 媒体元素自适应，杜绝横向溢出 */
  img,video,iframe{max-width:100%;height:auto}
  table{display:block;overflow-x:auto;max-width:100%}
  pre,code{white-space:pre-wrap;word-break:break-word}

  /* 防极端溢出 */
  body{overflow-x:hidden}
}