/* ============================================================
 * mesimgo 前台统一版心(最后加载,是左右边线的唯一来源)
 * 规则:顶栏、横幅、卡片/内容区、页脚共用同一条左右边线
 *   宽度 = min(--mt-page-w, 100% - 2 * --mt-gutter)
 * 新页面只需使用 .mt-container / .mt-hero,或沿用 .product-container / .product-hero
 * 回滚:删除 header.html 中 mesimgo_layout.css 的 link
 * ============================================================ */
:root{--mt-page-w:1360px;--mt-gutter:24px}
@media (max-width:1080px){:root{--mt-gutter:16px}}

/* 1) 所有"版心"元素:同宽、居中、无左右内边距、不位移 */
.mt-container,
.product-container,
.mesimgo-container,
.product-hero,
.mesimgo-hero,
.mt-hero,
.el-header > .el-menu.el-menu--horizontal,
.header-sub-inner,
#footer .footer-primary .container{
  width:min(var(--mt-page-w),calc(100% - 2 * var(--mt-gutter))) !important;
  max-width:none !important;
  margin-left:auto !important;margin-right:auto !important;
  padding-left:0 !important;padding-right:0 !important;
  box-sizing:border-box;
  transform:none !important;
}

/* 2) 横幅:收进版心,成为与卡片同宽的圆角块;内部内容只留内边距 */
.product-hero .product-hero-inner,
.mesimgo-hero .mesimgo-hero-inner,
.mt-hero .mt-hero-inner{
  width:100% !important;max-width:none !important;margin:0 !important;
  padding:28px !important;box-sizing:border-box;
}
@media (max-width:1080px){
  .product-hero .product-hero-inner,.mesimgo-hero .mesimgo-hero-inner,.mt-hero .mt-hero-inner{padding:22px 18px !important}
}

/* 3) 顶栏:Logo 贴左边线,最右侧按钮贴右边线 */
.el-header > .el-menu.el-menu--horizontal > .el-menu-item:first-child{padding-left:0 !important}
.header-sub-inner .header-sub-buttons{margin-right:0}

/* 4) 通用页面外框(新页面使用) */
.mt-page{padding-bottom:18px}
.mt-section{background:#fff;border:1px solid var(--mt-border-soft,#eef2f7);border-radius:18px;padding:18px 20px;margin-top:18px}

/* 5) 横幅卖点:所有页面统一为自适应宽度的胶囊,不再出现整行横条 */
.product-hero .product-hero-points,.mesimgo-hero .mesimgo-hero-points,.mt-hero .mt-hero-points{
  display:flex !important;flex-wrap:wrap !important;gap:8px 10px !important;grid-template-columns:none !important;
}
.product-hero .product-hero-point,.mesimgo-hero .mesimgo-hero-point,.mt-hero .mt-hero-point{width:auto !important;display:inline-block !important}

/* 6) 通用页面组件(新页面使用:横幅右图、能力网格、卡片标题、操作按钮) */
.mt-art{display:block;width:100%;height:auto;border-radius:16px;background:#fff;border:1px solid #eef2f7}
.mt-card-title{font-size:20px;font-weight:800;color:var(--mt-text,#0f172a);margin-bottom:14px}
.mt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mt-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mt-item{border:1px solid #eef2f7;border-radius:14px;padding:14px;background:#fff}
.mt-item-title{font-weight:800;color:var(--mt-text,#0f172a);font-size:15px}
.mt-item-desc{margin-top:6px;color:#475569;font-size:13px;line-height:20px}
.mt-step-no{width:26px;height:26px;border-radius:50%;background:var(--mt-primary,#2f80ed);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.mt-cta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.mt-cta-tip{color:#64748b;font-size:13px;line-height:20px}
@media (max-width:1080px){.mt-grid,.mt-grid-4{grid-template-columns:1fr}}

/* 7) 顶栏:宽屏下加大字号与点击区域,菜单铺满版心,但右端让出"语言 + 注册/登录"所在宽度,
 *    保证最后一项(新闻资讯)不会压在"中文"字样上方(未登录时语言在下一行右侧) */
@media (min-width:1280px){
  .el-header > .el-menu.el-menu--horizontal{justify-content:space-between}
  .el-header > .el-menu.el-menu--horizontal:has(~ .header-sub-row){padding-right:230px !important}
  .el-header > .el-menu.el-menu--horizontal > [style*="pointer-events"]{display:none !important}
  .el-header > .el-menu.el-menu--horizontal > .el-menu-item,
  .el-header > .el-menu.el-menu--horizontal > .el-sub-menu > .el-sub-menu__title{
    font-size:12.5px !important;font-weight:700 !important;height:52px !important;line-height:52px !important;padding:0 5px !important;
  }
  .el-header > .el-menu.el-menu--horizontal > .el-menu-item:first-child{padding-left:0 !important}
  .el-header > .el-menu.el-menu--horizontal > .el-menu-item > .el-icon,
  .el-header > .el-menu.el-menu--horizontal > .el-sub-menu > .el-sub-menu__title > .el-icon:not(.el-sub-menu__icon-arrow){
    display:inline-flex !important;font-size:15px !important;width:15px !important;height:15px !important;margin-right:5px !important;
  }
  .el-header .mesimgo-header-logo .mesimgo-header-logo-text{font-size:22px}
  .el-header .mesimgo-header-logo .mesimgo-header-logo-text::before{width:9px;height:9px;margin-right:7px}
}
@media (min-width:1366px){
  .el-header > .el-menu.el-menu--horizontal > .el-menu-item,
  .el-header > .el-menu.el-menu--horizontal > .el-sub-menu > .el-sub-menu__title{font-size:13px !important;padding:0 7px !important}
}
@media (min-width:1500px){
  .el-header > .el-menu.el-menu--horizontal > .el-menu-item,
  .el-header > .el-menu.el-menu--horizontal > .el-sub-menu > .el-sub-menu__title{font-size:13.5px !important;padding:0 8px !important}
}