/* ============================================================
   睦星电子 v7.2 全屏设计 · 全站统一层
   1) 全站内页 hero 统一为浅色冷调全幅（覆盖各页遗留深蓝渐变）
   2) 所有内容区块真全幅（max-width 解除，左右 3% 呼吸边距）
   引入：ahmxd-header.php（premium 层之后，全站生效）
   ============================================================ */

/* ---------- 1. 全站 hero 浅色冷调全幅 ---------- */
.page-hero,
.mx-page-hero,
.cat-hero,
.svc-hero,
.inv-hero,
.tech-hero,
.case-hero{
  background:
    radial-gradient(900px 420px at 85% -10%,rgba(29,111,224,.10),transparent 62%),
    radial-gradient(640px 360px at 5% 120%,rgba(8,145,178,.08),transparent 62%),
    linear-gradient(180deg,#ffffff 0%,#eef5fc 100%)!important;
  color:#122a42!important;text-align:left!important;
  position:relative!important;overflow:hidden!important;
  border-bottom:1px solid #dfeaf5!important;
}
.page-hero::before,
.mx-page-hero::before,
.cat-hero::before,
.svc-hero::before,
.inv-hero::before,
.tech-hero::before,
.case-hero::before{
  content:''!important;position:absolute!important;inset:0!important;
  background-image:
    linear-gradient(rgba(29,111,224,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(29,111,224,.055) 1px,transparent 1px)!important;
  background-size:44px 44px!important;
  -webkit-mask-image:radial-gradient(ellipse 85% 85% at 50% 30%,#000 30%,transparent 80%)!important;
  mask-image:radial-gradient(ellipse 85% 85% at 50% 30%,#000 30%,transparent 80%)!important;
  pointer-events:none!important;
}
.page-hero::after,
.mx-page-hero::after,
.cat-hero::after,
.svc-hero::after,
.inv-hero::after,
.tech-hero::after,
.case-hero::after{
  content:''!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;
  height:2px!important;background:linear-gradient(90deg,#1d6fe0,#0891b2,transparent 70%)!important;
}
/* hero 文字色（覆盖 premium 的白色设定） */
.page-hero h1,.mx-page-hero h1,.cat-hero h1,.svc-hero h1,.inv-hero h1,.tech-hero h1,
.case-hero h1{color:#0c2340!important}
.page-hero p,.mx-page-hero p,.cat-hero p,.svc-hero p,.inv-hero p,.tech-hero p,
.case-hero p{color:#4f6780!important;opacity:1!important}
.page-hero .breadcrumb,.page-hero-content .breadcrumb{color:#6d8399!important}
.page-hero .breadcrumb a,.page-hero-content .breadcrumb a{color:#1d6fe0!important}
.page-hero .breadcrumb a:hover,.page-hero-content .breadcrumb a:hover{color:#0891b2!important}
.page-hero .breadcrumb i,.page-hero-content .breadcrumb i{color:#9db8d4!important}
.page-hero-bg,.page-hero-grid{display:none!important}

/* ---------- 2. 内容区块真全幅 ---------- */
.section{max-width:100%!important;margin-left:0!important;margin-right:0!important;
  padding-left:3%!important;padding-right:3%!important}
.about-intro,.timeline,.values-grid,.brands-partner,
.contact-grid-page,.news-grid,.inquiry-form-wrap,
.series-grid-page,.product-table-wrap,.prod-section,
.svc-blocks,.faq-wrap,.dl-grid,.inv-wrap,.tech-grid{
  max-width:100%!important;width:100%!important;
  padding-left:3%!important;padding-right:3%!important;
  margin-left:0!important;margin-right:0!important;
}
/* 区块标题装饰统一蓝青 */
.section-header::after{background:linear-gradient(90deg,#1d6fe0,#0891b2)!important}

/* ---------- 3. 浅色冷色区块底 ---------- */
/* 原内页用 var(--bg-dark2)/var(--bg-card) 等未定义变量的区块统一补浅冷色 */
section.section[style*="--bg-dark2"],
section.section[style*="var(--bg-dark2)"]{
  background:linear-gradient(180deg,#f4f8fc,#ffffff)!important;
}
:root{
  --bg-dark2:#f4f8fc;
  --bg-card:#ffffff;
  --bg-dark:#ffffff;
  --border-subtle:#dfeaf5;
  --border-active:#1d6fe0;
  --primary:#1d6fe0;
  --primary-light:#3b8bef;
  --primary-dark:#0c47a5;
  --text-secondary:#4f6780;
  --text-muted:#6d8399;
  --accent:#0891b2;
}

/* ---------- 4. 响应式 ---------- */
@media(max-width:768px){
  .section,.about-intro,.timeline,.values-grid,.brands-partner,
  .contact-grid-page,.news-grid,.inquiry-form-wrap,
  .series-grid-page,.product-table-wrap,.prod-section{
    padding-left:16px!important;padding-right:16px!important;
  }
  .page-hero,.mx-page-hero,.cat-hero,.svc-hero,.inv-hero,.tech-hero{padding:52px 16px 44px!important}
}

/* ============================================================
   v7.3 全幅容器（审计修复：1920px 下所有主容器 100%）
   根因：premium 层 .mx-container{max-width:1440px}、
   products.min.css 1400px、base footer-inner 1280px
   ============================================================ */
.mx-container,.mx-container-wide,.hm-container{
  max-width:100%!important;
  padding-left:2.5%!important;
  padding-right:2.5%!important;
}
footer.footer .footer-inner{
  max-width:100%!important;
  padding-left:2.5%!important;
  padding-right:2.5%!important;
}
.cat-hero-content,.cat-series-section{max-width:100%!important}
.tech-grid{max-width:100%!important}
/* 侧栏布局页（产品列表）主区自动延展 */
.prod-main{max-width:100%!important}
@media(min-width:1920px){
  .mx-container,.mx-container-wide,.hm-container,footer.footer .footer-inner{
    padding-left:3.5%!important;padding-right:3.5%!important;
  }
}
@media(max-width:768px){
  .mx-container,.mx-container-wide,.hm-container,footer.footer .footer-inner{
    padding-left:16px!important;padding-right:16px!important;
  }
}