/* ============================================================
   全站移动端适配（在页面内联样式之后加载）
   作用：解除 base.css 的 body{min-width:1280px} 限制，并把布局在手机上收为单列
   ============================================================ */
@media (max-width:1200px){
  body{min-width:0}
  .wrap{width:100%}
}

@media (max-width:760px){
  body{min-width:0}
  html{overflow-x:hidden}
  .wrap{width:100%;padding-left:16px;padding-right:16px}

  /* ---------- 导航 ---------- */
  .nav .wrap{height:auto;flex-wrap:wrap;padding:12px 14px;gap:10px}
  .nav-links{width:100%;justify-content:center;margin-top:8px;flex-wrap:wrap;gap:8px}
  .nav-links a{padding:8px 12px;font-size:14px}
  .nav-cta .btn-gold{padding:10px 16px;font-size:14px;white-space:nowrap}

  /* ---------- 首屏标题 / 字号 ---------- */
  h1,.hero h1,.hero2 h1,.hero3 h1,.heroP h1,.heroS h1,.heroC h1,.heroCt h1{font-size:30px;white-space:normal;letter-spacing:-.01em}
  .hero3 h1,.heroP h1,.heroS h1,.heroC h1,.heroCt h1{white-space:normal}
  .hero3 .sub,.heroP .sub,.heroS .sub,.heroC .sub,.heroCt .sub{white-space:normal;font-size:15px}
  .sec-head h2,.slogan{font-size:22px;white-space:normal}
  .cta h2{font-size:26px;white-space:normal}
  .cta .sub{white-space:normal;font-size:15px}
  .layer h2{font-size:24px}
  .lnum{font-size:40px}
  .timeline .yr{font-size:24px}
  .s-txt h3{font-size:22px}
  .cval,.cbiz-row .v,.ebar-statement{font-size:16px}

  /* ---------- 多列布局收敛为单列 ---------- */
  .hero .wrap,.hero2 .wrap,.hero3 .wrap,.heroP .in,.heroS .wrap.in,.heroC .wrap,.heroCt .wrap,
  .story,.story.rev,.ebar,.ebar-v,.ebar-vis,.ecore,.eye,.qrs,.c3,.fgrid,
  .cbiz,.cbiz-r,.contact-grid,.qr-row,.data-strip,.datastrip,
  .grid.g2,.grid.g3,.grid.g4,.layers,.cases,.tl,.flowline{
    grid-template-columns:1fr !important
  }

  /* 部分仍可两列的内容，改为自动最小宽度排布 */
  .eye,.c3,.fgrid,.ecore-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr)) !important}

  /* ---------- 特殊块 ---------- */
  .diagram{width:100%;height:auto;aspect-ratio:676/380}
  .diagram img{width:100%;height:100%;object-fit:cover}
  .ann{font-size:11px;padding:5px 9px}
  .ann::before{width:64px}

  .valrow{grid-template-columns:36px 44px 1fr;gap:14px}
  .valrow .vi{width:36px;height:36px}
  .valrow .vn{font-size:22px}

  .ebar-p{padding:26px 20px}
  .cbiz{padding:28px 18px;gap:16px}
  .cbiz-row{flex-direction:column;align-items:flex-start;gap:4px}
  .cbiz-row .k{width:auto}
  .form{padding:26px 20px}
  .qr-row{flex-direction:column;align-items:center;gap:16px}
  .qr{width:130px;height:130px}
  .qr-img,.cbiz-qr{width:100%;max-width:240px;height:auto;max-height:240px}
  .esc{flex-direction:column;align-items:flex-start}
  .esc-img{width:100%;height:200px}
  .s-img{height:200px}
  .names span{font-size:12.5px;padding:12px 12px}

  /* ---------- 间距收敛 ---------- */
  .section{padding:60px 0}
  .vals,.partners,.stone,.story-wrap{padding:60px 0}
  .layer{padding:56px 0}
  .heroP .in,.heroS .wrap.in{min-height:0}
  .heroS .wrap,.heroC .wrap,.heroCt .wrap{padding-top:48px;padding-bottom:44px}

  /* ---------- 手机输入框稍大，避免 iOS 自动放大 ---------- */
  .field input,.field textarea{font-size:16px}
  .field textarea{min-height:120px}
}

@media (max-width:400px){
  .cta h2{font-size:22px}
  .sec-head h2{font-size:20px}
  .hero3 h1,.heroP h1,.heroS h1,.heroC h1,.heroCt h1,h1{font-size:26px}
  .ebar-statement{font-size:15px}
}