/* ============================================================
 * mesimgo 手机端适配(≤991px 起效;桌面端完全不受影响)
 * 参考:底部 4 格导航 + "更多"弹层、区域/可用区按钮三列等宽、热销卡片两列、标题居中
 * 回滚:删除 header.html / goods.html 中 mesimgo_mobile.css 与 mobile_nav 的引用
 * ============================================================ */
.mt-tabbar,.mt-more,.mt-more-mask{display:none}

@media (max-width:991.98px){
  /* 1) 顶栏收窄:只留 Logo 与右侧语言/登录,其余菜单交给底部导航 */
  .el-header > .el-menu.el-menu--horizontal{height:46px !important;min-height:0 !important}
  .el-header > .el-menu.el-menu--horizontal > :not(:first-child){display:none !important}
  .el-header > .el-menu.el-menu--horizontal > .el-menu-item:first-child{height:46px !important;line-height:46px !important}
  .el-header .mesimgo-header-logo .mesimgo-header-logo-text{font-size:22px}
  .el-header > .el-aside{display:none !important}

  /* 2) 底部导航 */
  .mt-tabbar{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:2000;
    background:#fff;border-top:1px solid #eef2f7;box-shadow:0 -4px 16px rgba(15,23,42,.06);
    padding-bottom:env(safe-area-inset-bottom);
  }
  .mt-tab{
    flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    height:56px;color:#64748b;font-size:12px;font-weight:600;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;
  }
  .mt-tab svg{width:22px;height:22px}
  .mt-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mt-tab.active{color:#2f80ed}
  .mt-more-mask{display:block;position:fixed;inset:0;z-index:2001;background:rgba(15,23,42,.25)}
  .mt-more-mask[hidden],.mt-more[hidden]{display:none}
  .mt-more{
    display:block;position:fixed;right:10px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:2002;
    width:170px;max-height:70vh;overflow:auto;background:#fff;border:1px solid #eef2f7;border-radius:12px;
    box-shadow:0 10px 30px rgba(15,23,42,.18);padding:4px 0;
  }
  .mt-more a{display:block;padding:11px 14px;text-align:center;color:#0f172a;font-size:14px;text-decoration:none;border-bottom:1px solid #f1f5f9}
  .mt-more a:last-child{border-bottom:0;color:#2f80ed;font-weight:700}
  .mt-more a.mt-more-sep{color:#64748b}

  /* 3) 内容不被底部导航遮挡 */
  #footer{padding-bottom:calc(64px + env(safe-area-inset-bottom)) !important}
  .order-sticky-wrap{bottom:calc(56px + env(safe-area-inset-bottom)) !important}
  .support-fab-group{bottom:calc(76px + env(safe-area-inset-bottom)) !important}
}

@media (max-width:768px){
  :root{--mt-gutter:12px}

  /* 4) 筛选按钮:三列等宽,文字居中(区域/可用区/带宽等) */
  .rent-region-tabs .el-radio-group,.rent-subregion-tabs .el-radio-group,.goods-filter-card .el-radio-group{
    display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px !important;width:100%;
  }
  .rent-region-tabs .el-radio-button,.rent-subregion-tabs .el-radio-button,.goods-filter-card .el-radio-button{width:100%}
  .rent-region-tabs .el-radio-button__inner,.rent-subregion-tabs .el-radio-button__inner,.goods-filter-card .el-radio-button__inner{
    width:100%;box-sizing:border-box;justify-content:center;text-align:center;padding:10px 4px !important;font-size:13px;white-space:normal;line-height:1.3;
  }
  .rent-filter-label,.goods-filter-label{font-size:15px;font-weight:700;color:#0f172a}
  .rent-filter-tip,.goods-filter-tip{font-size:12px}
  .region-flag{width:16px !important;height:16px !important;margin-right:4px !important}

  /* 5) 横幅:紧凑、文字居中,图片置于文字下方 */
  .product-hero .product-hero-inner,.mesimgo-hero .mesimgo-hero-inner,.mt-hero .mt-hero-inner{padding:18px 14px !important;text-align:center;align-items:center !important}
  .product-hero-brand,.mesimgo-hero-brand{justify-content:center}
  .product-hero-title,.mesimgo-hero-title{font-size:26px !important}
  .product-hero-desc,.mesimgo-hero-subtitle{font-size:13px !important;line-height:20px !important;margin-left:auto !important;margin-right:auto !important}
  .product-hero-points,.mesimgo-hero-points{justify-content:center}
  .product-hero-point,.mesimgo-hero-point{font-size:12px !important}
  .product-hero-point:nth-child(n+5),.mesimgo-hero-point:nth-child(n+5){display:none !important}
  .product-hero-right,.mesimgo-hero-right{justify-content:center !important;max-width:360px !important;margin:12px auto 0}
  .mt-cta{justify-content:center}

  /* 6) 区块标题居中,首页热销两列 */
  .mesimgo-section-title{justify-content:center;text-align:center}
  .mesimgo-section-title h2{font-size:20px}
  .mt-card-title{text-align:center;font-size:18px}
  .mesimgo-hot-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  .mesimgo-container > section.mesimgo-section{padding:14px 12px}
  .el-card__body{padding:14px 12px}
  .proxy-plan-list{grid-template-columns:1fr !important}
}
