/* ===== PAGE BANNER ===== */
.page-banner{background:linear-gradient(135deg,<?= h($config['theme_color'] ?? '#0050a9') ?> 0%,#003d82 100%);padding:3rem 1rem;text-align:center; background:url(/public/images/albg.jpg)}
.page-banner h1{font-size:2.25rem;font-weight:700;color:#003d82;margin-bottom:0.375rem}
.page-banner p{font-size:1rem;color:rgba(0, 61, 130,.8);max-width:600px;margin:0 auto}

/* ===== PAGE WRAP ===== */
.page-wrap{max-width:1200px;margin:0 auto;padding:1.5rem 1rem 3rem}
.breadcrumb{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--muted);margin-bottom:1.5rem}
.breadcrumb a{color:var(--muted);transition:color .2s}
.breadcrumb a:hover{color:var(--blue)}
.breadcrumb span{color:#ccc}

/* ===== SECTION HEADER ===== */
.eq-section{padding:0.5rem 0 1.5rem}
.eq-section .eq-title{text-align:center;font-size:2rem;font-weight:700;color:var(--text);margin-bottom:0.25rem}
.eq-section .eq-sub{text-align:center;font-size:1rem;color:rgba(0,0,0,.45);text-transform:uppercase;letter-spacing:3px;margin-bottom:0.375rem}
.eq-section .eq-desc{text-align:center;font-size:1rem;color:var(--muted);max-width:680px;margin:0 auto;line-height:1.7}

/* ===== EQUIPMENT GRID ===== */
.eq-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2rem;
  margin-bottom:2rem;
}

/* 设备卡片 */
.eq-card{
  background:#fff;
  border-radius:var(--r);
  overflow:hidden;
  cursor:pointer;
  transition:transform .28s cubic-bezier(.25,.46,.45,.94),
              box-shadow .28s cubic-bezier(.25,.46,.45,.94);
  box-shadow:0 1px 4px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
}
.eq-card:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 40px rgba(0,60,140,.16),0 4px 12px rgba(0,0,0,.08);
}

/* 卡片图片区 */
.eq-card-figure{
  position:relative;
  width:100%;
  padding-top:58%;
  overflow:hidden;
  background:#eef3fb;
}
.eq-card-figure canvas,
.eq-card-figure svg,
.eq-card-figure .eq-icon-wrap{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
}
.eq-card-figure .eq-icon-wrap{
  width:64px;height:64px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
}

/* 蓝色图标背景 */
.eq-card-figure .ico-blue{background:#e8f0fb}
.eq-card-figure .ico-green{background:#e8f7e3}
.eq-card-figure .ico-orange{background:#fff3e0}
.eq-card-figure svg{width:36px;height:36px;flex-shrink:0}

/* 标签 */
.eq-card-badge{
  position:absolute;
  top:10px;right:10px;
  background:var(--blue);
  color:#fff;
  font-size:0.6875rem;
  padding:0.2rem 0.5rem;
  border-radius:4px;
  z-index:2;
  line-height:1.4;
}
.eq-card-badge.green{background:#3CB400}
.eq-card-badge.orange{background:#e65100}

/* 卡片体 */
.eq-card-body{
  flex:1;
  padding:1rem 1rem 0.875rem;
  display:flex;
  flex-direction:column;
}
.eq-card-name{
  font-size:0.9375rem;
  font-weight:700;
  color:var(--text);
  margin-bottom:0.5rem;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.eq-card-text{
  font-size:0.8125rem;
  color:var(--muted);
  line-height:1.7;
  flex:1;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-bottom:0.75rem;
}

/* 底部链接 */
.eq-card-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:0.625rem;
  border-top:1px solid #f2f2f2;
}
.eq-card-tags{display:flex;gap:0.25rem;flex-wrap:wrap}
.eq-card-tag{font-size:0.6875rem;color:var(--blue);background:#eef3fb;padding:0.1rem 0.4rem;border-radius:3px;line-height:1.5}
.eq-card-link{
  font-size:0.8125rem;
  color:var(--blue);
  font-weight:500;
  white-space:nowrap;
  display:flex;align-items:center;gap:0.2rem;
  transition:gap .2s;
}
.eq-card:hover .eq-card-link{gap:0.4rem}

/* 核心设备卡片：深蓝背景 */
.eq-card-prime{
  background:var(--blue);
  color:#fff;
}
.eq-card-prime .eq-card-badge{background:#fff;color:var(--blue)}
.eq-card-prime .eq-card-name{color:#fff}
.eq-card-prime .eq-card-text{color:rgba(255,255,255,.8)}
.eq-card-prime .eq-card-tag{background:rgba(255,255,255,.18);color:#fff}
.eq-card-prime .eq-card-link{color:#7fbe26}
.eq-card-prime .eq-card-foot{border-top-color:rgba(255,255,255,.15)}

/* ===== BOTTOM CTA ===== */
.eq-cta{
  background:linear-gradient(135deg,#0050a9 0%,#003d82 100%);
  border-radius:var(--r);
  padding:2rem;
  text-align:center;
  color:#fff;
  margin-top:0.5rem;
}
.eq-cta p{font-size:1.0625rem;line-height:1.7;margin-bottom:0.875rem;opacity:.9}
.eq-cta .eq-tel{font-size:2rem;font-weight:700;color:#7fbe26;letter-spacing:2px;margin-bottom:1rem}
.eq-cta-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 2rem;background:#fff;color:var(--blue);border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}
.eq-cta-btn:hover{opacity:.9}


/* ===== RESPONSIVE: TABLET ===== */
@media(max-width:1024px){
  .top_center_left{min-width:200px;max-width:280px;height:44px}
  .eq-grid{grid-template-columns:repeat(3,1fr)}
  footer dl{width:33%}
}

/* ===== RESPONSIVE: MOBILE ===== */
@media(max-width:767px){
  .top_center{height:60px}
  .top_center_left{min-width:100px;max-width:160px;height:36px;background:url(images/logo_m.jpg) no-repeat;background-size:contain;background-position:left center;flex-shrink:0}
  .rexian span{display:none}
  .rexian strong{font-size:1.25rem}
  .menu{padding:0}
  .nav{display:none}
  .mbtn{display:flex}
  .eq-grid{grid-template-columns:repeat(2,1fr);gap:0.875rem}
  .eq-card-figure{padding-top:62%}
  .eq-card-body{padding:0.75rem 0.75rem 0.625rem}
  .eq-card-name{font-size:0.875rem}
  .eq-card-text{font-size:0.75rem;-webkit-line-clamp:2}
  .eq-cta{padding:1.5rem 1rem}
  .eq-cta .eq-tel{font-size:1.625rem}
  footer{display:none}
  .float-btn{right:10px;bottom:60px}
  .float-btn a{width:42px;height:42px}
}

/* ===== SMALL MOBILE ===== */
@media(max-width:480px){
  .eq-grid{grid-template-columns:1fr 1fr;gap:0.75rem}
}