/* 产品中心：使用服务器实拍产品图替换 SVG 示例图 */
.home-products .home-pcard-img{
  position:relative;
  overflow:hidden;
}
.home-products .home-pcard-photo{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
}
.home-products .home-pcard-badge,
.home-products .home-pcard-corner{
  position:absolute;
  z-index:2;
}

/* 行业应用：单独控制场景图片，避免继承产品卡图片规则 */
#applications .home-app-img{
  position:relative;
  overflow:hidden;
}
#applications .home-app-photo{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
}
/* 泳池主体位于原图下方：保留下半部分，避免只显示天空 */
#applications .home-app-photo--pool{
  object-position:center bottom;
}
#applications .home-app-corner,
#applications .home-app-tag{
  position:absolute;
  z-index:2;
}
@media (max-width:820px){

/* =========================================================================
   §0 · 通用节奏与标题层级
   ========================================================================= */
.section{ padding-top:40px !important; padding-bottom:40px !important; }
.section .container{ padding-left:16px !important; padding-right:16px !important; }

.section .sec-head{ margin-bottom:18px !important; }
.section .eyebrow{ font-size:11.5px !important; letter-spacing:.08em !important; }
.section .sec-title{ font-size:24px !important; line-height:1.32 !important; margin:8px 0 10px !important; }
.section .sec-sub{ font-size:13.5px !important; line-height:1.65 !important; margin:0 !important; }

/* 所有可点控件统一为胶囊 */
.section .home-ptab,
.section .chip{
  min-height:0 !important;
  height:auto !important;
  padding:9px 14px !important;
  border-radius:999px !important;
  font-size:13px !important;
  line-height:1.3 !important;
}


/* =========================================================================
   §1 · Hero 双页轮播
   ========================================================================= */

/* 1.1 标题区 */
.home-hero .eyebrow{ font-size:11.5px !important; letter-spacing:.08em !important; }
.home-hero .home-hero-title{ font-size:29px !important; line-height:1.3 !important; margin:10px 0 14px !important; }
.home-hero .hero-sub{ font-size:14px !important; line-height:1.75 !important; margin:0 !important; }

/* 1.2 数据条：四等分，分隔线均匀 */
.home-hero .facts{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:0 !important;
  margin:20px 0 !important;
  padding:16px 0 0 !important;
  border-top:1px solid var(--line,#D3DEDF);
}
.home-hero .fact{
  min-width:0;
  padding:0 8px !important;
  margin:0 !important;
  border-left:1px solid var(--line,#D3DEDF) !important;
  border-right:0 !important;
}
.home-hero .fact:first-child{ border-left:0 !important; padding-left:0 !important; }
.home-hero .fact b{ display:block; font-size:21px !important; line-height:1.2 !important; white-space:nowrap; }
.home-hero .fact small{ display:block; font-size:11.5px !important; line-height:1.4 !important; margin-top:4px; white-space:nowrap; }

/* 1.3 按钮组：左右等分 */
.home-hero .home-hero-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  align-items:center;
  gap:10px !important;
  margin:0 0 4px !important;
}
.home-hero .home-hero-actions .btn{
  width:100% !important;
  display:inline-flex !important; align-items:center; justify-content:center;
  padding:13px 14px !important; font-size:14.5px !important;
  border-radius:100px !important; text-align:center;
}
.home-hero .home-hero-link2{ justify-self:center; text-align:center; font-size:14px !important; }

/* 1.4 读数盘：与正文同宽，独立成卡 */
.home-hero .hero-grid{ display:block !important; }
.home-hero .home-hero-matrix{
  width:100% !important;
  max-width:none !important;
  margin:24px 0 0 !important;
  padding:14px !important;
  box-sizing:border-box !important;
  background:rgba(228,240,241,.72) !important;
  border:1px solid var(--line,#D3DEDF) !important;
  border-radius:14px !important;
}
.home-hero .home-matrix-header,
.home-hero .home-matrix-foot{
  display:flex !important; align-items:center; justify-content:space-between;
  gap:10px; width:100%;
}
.home-hero .home-matrix-title{ font-size:14px !important; }
.home-hero .home-matrix-foot{
  font-size:10.5px !important; margin-top:12px !important;
  padding-top:10px !important; border-top:1px solid var(--line,#D3DEDF);
}
.home-hero .home-matrix-foot span{ white-space:nowrap; }
.home-hero .home-param-grid{
  display:grid !important; grid-template-columns:repeat(3,1fr) !important;
  gap:8px !important; margin-top:12px !important;
}
.home-hero .home-param-cell{ min-width:0; padding:10px 8px !important; border-radius:10px !important; }
.home-hero .home-param-key{ font-size:12px !important; line-height:1.2 !important; }
.home-hero .home-param-val{ font-size:18px !important; line-height:1.25 !important; margin:2px 0 !important; }
.home-hero .home-param-unit{ font-size:10.5px !important; line-height:1.2 !important; }

/* 1.5 轮播控制：两个标签各占一半 */
.home-hero .home-hero-nav{ display:flex !important; align-items:center; gap:10px; margin-top:20px !important; }
.home-hero .home-hero-dots{ display:flex !important; flex:1 1 auto; gap:8px; min-width:0; }
.home-hero .home-hero-dot{
  flex:1 1 0; min-width:0;
  padding:9px 8px !important; font-size:12.5px !important;
  border-radius:999px !important; text-align:center;
}
.home-hero .home-hero-dot .dot-label{ white-space:nowrap; }
/* 已有带文字的圆点导航，箭头是重复热区 */
.home-hero .home-hero-arrows{ display:none !important; }

/* 1.6 两岸三地四大核心阵地 */
.home-hero .home-heritage{
  display:flex !important; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:6px 12px !important; margin-top:22px !important;
}
.home-hero .home-heritage-tag b{ font-size:13px !important; }
.home-hero .home-heritage-tag em{ font-size:9.5px !important; }


/* =========================================================================
   §2 · 产品中心 #products
   ========================================================================= */
.home-products .home-ppanel[hidden]{ display:none !important; }
.home-products .home-ppanel.uc-on{ display:block !important; }

/* 2.1 分类标签：两列平铺，六项一屏全见 */
.home-products .home-ptabs{
  display:flex !important; flex-wrap:wrap !important; overflow:visible !important;
  align-items:stretch; gap:8px; margin:14px 0 0 !important; padding:0 !important;
}
.home-products .home-ptab{
  flex:1 1 calc(50% - 4px); min-width:0;
  display:flex !important; align-items:center; justify-content:center;
  width:auto !important; text-align:center;
}
.home-products .home-ptabs .home-ptab b{
  font-size:13px !important; font-weight:600 !important; line-height:1.3 !important; white-space:normal;
}
.home-products .home-ptabs .home-ptab span{ display:none !important; }

/* 2.2 面板抬头 */
.home-products .home-ppanels{ margin-top:16px !important; }
.home-products .home-ppanel-head{
  display:flex !important; flex-wrap:wrap; align-items:center;
  gap:6px 10px; margin:0 0 12px !important; padding:0 !important;
}
.home-products .home-ppanel-head .m{ font-size:14.5px !important; font-weight:700 !important; line-height:1.4 !important; }
.home-products .home-ppanel-head .s{ display:none !important; }
.home-products .home-ppanel-head .tag{ font-size:11.5px !important; padding:3px 8px !important; }

/* 2.3 产品卡：左图右字 */
.home-products .home-pgrid{ grid-template-columns:1fr !important; gap:10px !important; }
.home-products .home-pcard{
  display:grid !important;
  grid-template-columns:84px 1fr;
  grid-template-areas:"img body";
  align-items:start; gap:0 12px;
  padding:12px !important; border-radius:14px !important;
}
.home-products .home-pcard-img{
  grid-area:img; width:84px; height:84px; min-height:0 !important;
  display:flex; align-items:center; justify-content:center; border-radius:10px;
}
.home-products .home-pcard-icon{ width:54px; height:54px; }
.home-products .home-pcard-badge{ font-size:9px; padding:2px 5px; }
.home-products .home-pcard-corner{ display:none; }
.home-products .home-pcard-body{ grid-area:body; padding:0 !important; }
.home-products .home-pcard-title{ font-size:15px !important; margin:0 0 4px !important; line-height:1.35; }
.home-products .home-pcard-desc{
  font-size:12.5px !important; line-height:1.5; margin:0 0 8px !important;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.home-products .home-pcard-specs{ display:flex; flex-wrap:wrap; gap:4px 12px; }
.home-products .home-pcard-spec{ display:inline-flex; align-items:baseline; gap:5px; font-size:11.5px !important; }
.home-products .home-pcard-spec .k{ opacity:.6; }
.home-products .home-pcard-link{ display:none !important; }

/* 2.4 折叠 */
.home-products .home-pgrid.uc-collapsed > .home-pcard:nth-child(n+5){ display:none !important; }
.home-products .uc-more{
  display:block; width:100%; margin:12px 0 4px; padding:12px;
  background:#fff; border:1px solid var(--line,#D3DEDF); border-radius:999px;
  font-size:14px; font-weight:600; color:var(--teal,#0B7681); cursor:pointer;
}

/* 2.5 离子面板底部技术引导条 */
.home-products .home-sensor-note{
  display:grid !important; grid-template-columns:20px 1fr;
  align-items:start; gap:4px 10px;
  padding:14px !important; border-radius:14px !important;
  font-size:12.5px !important; line-height:1.6 !important;
}
.home-products .home-sensor-note .sn-ic{ width:18px !important; height:18px !important; margin-top:2px; }
.home-products .home-sensor-note .sn-arrow{ display:none !important; }


/* =========================================================================
   §3 · 核心优势 #advantages ／ 关于我们 #about
   ========================================================================= */
#advantages .caps,
#about .caps{ display:grid !important; grid-template-columns:1fr !important; gap:10px !important; }

#advantages .cap,
#about .cap{
  display:grid !important;
  grid-template-columns:auto 1fr;
  grid-template-areas:"ic h" "p p";
  align-items:center; gap:0 10px;
  padding:14px !important; border-radius:14px !important;
}
#advantages .cap .ic,
#about .cap .ic{ grid-area:ic; width:24px !important; height:24px !important; margin:0 !important; }
#advantages .cap h3,
#about .cap h3{ grid-area:h; font-size:15px !important; margin:0 !important; line-height:1.35; }
#advantages .cap p,
#about .cap p{ grid-area:p; font-size:12.5px !important; line-height:1.65 !important; margin:8px 0 0 !important; }


/* =========================================================================
   §4 · 实时监测演示 #live
   ========================================================================= */
#live .live-in{ display:block !important; }
#live .device{ margin:0 0 22px !important; }
#live .screen-base{ display:none !important; }   /* 纯装饰底座，手机上只占高度 */
#live .screen{ padding:12px !important; border-radius:14px !important; }
#live .screen-bar{ display:flex !important; align-items:center; justify-content:space-between; gap:10px; }
#live .screen-title{ font-size:12.5px !important; line-height:1.4; }
#live .screen-live{ font-size:11px !important; white-space:nowrap; }
#live .screen-grid{ display:grid !important; grid-template-columns:1fr !important; gap:10px !important; margin-top:12px !important; }
#live .ro{
  display:grid !important;
  grid-template-columns:1fr auto;
  grid-template-areas:"k v" "bar bar";
  align-items:baseline; gap:4px 10px;
}
#live .ro-k{ grid-area:k; font-size:12.5px !important; }
#live .ro-v{ grid-area:v; font-size:17px !important; line-height:1.2 !important; }
#live .ro-bar{ grid-area:bar; height:4px !important; margin-top:2px; }
#live .screen-foot{ font-size:10.5px !important; margin-top:12px !important; padding-top:10px !important; }
#live .live-copy .sec-title{ margin-top:8px !important; }
#live .live-points{ margin-top:16px !important; }
#live .live-points li{
  display:grid !important; grid-template-columns:auto 1fr;
  align-items:baseline; gap:0 8px;
  font-size:12.5px !important; line-height:1.6 !important; padding:9px 0 !important;
}
#live .live-points .lk{ font-size:11px !important; }


/* =========================================================================
   §5 · 检测因子矩阵 #matrix
   ========================================================================= */
#matrix .filters{ display:flex !important; flex-wrap:wrap; gap:8px !important; margin-top:14px !important; }
#matrix .chip .c{ font-size:11px !important; margin-left:5px; }

#matrix .grid{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:10px !important; }
#matrix .card{ padding:12px !important; border-radius:14px !important; min-width:0; }
#matrix .card-top{ display:flex !important; align-items:center; justify-content:space-between; gap:6px; }
#matrix .card .sym{ font-size:14px !important; }
#matrix .card .method{ font-size:10px !important; padding:2px 6px !important; white-space:nowrap; }
#matrix .card h3{ font-size:14px !important; margin:9px 0 2px !important; line-height:1.3; }
#matrix .card .en{ font-size:10.5px !important; margin:0 0 8px !important; }
#matrix .card .specs{ display:grid !important; gap:3px !important; }
#matrix .card .spec{ display:flex !important; align-items:baseline; justify-content:space-between; gap:6px; font-size:11px !important; }
#matrix .card .spec .k{ opacity:.6; white-space:nowrap; }
#matrix .card .spec .v{ text-align:right; }
#matrix .card .foot{ font-size:10.5px !important; margin-top:9px !important; padding-top:8px !important; line-height:1.4; }


/* =========================================================================
   §6 · 行业应用 #applications（深色区，只调版式不动配色）
   ========================================================================= */
#applications .home-app-grid{ grid-template-columns:1fr !important; gap:10px !important; }
#applications .home-app-card{
  display:grid !important; grid-template-columns:76px 1fr; align-items:center;
  gap:0 12px; padding:12px !important; border-radius:14px !important;
}
#applications .home-app-img{
  width:76px; height:76px; min-height:0 !important;
  display:flex; align-items:center; justify-content:center; border-radius:10px;
}
#applications .home-app-icon{ width:54px; height:42px; }
#applications .home-app-corner,
#applications .home-app-tag{ display:none !important; }   /* 占位标签，非正式内容 */
#applications .home-app-body{ padding:0 !important; }
#applications .home-app-body b{ display:block; font-size:15px !important; line-height:1.35; margin-bottom:5px; }
#applications .home-app-body small{ display:block; font-size:12px !important; line-height:1.5; }


/* =========================================================================
   §7 · CTA / 联系 #contact
   ========================================================================= */
#contact .cta-in{ display:block !important; }
#contact h2{ font-size:23px !important; line-height:1.38 !important; margin:8px 0 10px !important; }
#contact p{ font-size:13.5px !important; line-height:1.7 !important; margin:0 !important; }
#contact .cta-actions{
  display:grid !important; grid-template-columns:1fr 1fr !important;
  gap:10px !important; margin-top:18px !important;
}
#contact .cta-actions .btn{
  width:100% !important;
  display:inline-flex !important; align-items:center; justify-content:center;
  padding:13px 12px !important; font-size:14px !important;
  border-radius:100px !important; text-align:center;
}
#contact .contact{ margin-top:24px !important; }
#contact .crow{
  display:grid !important; grid-template-columns:18px 42px 1fr;
  align-items:start; gap:0 10px; padding:11px 0 !important;
}
#contact .crow .ic{ width:18px !important; height:18px !important; margin:1px 0 0 !important; }
#contact .crow .ck{ font-size:12px !important; line-height:1.5; white-space:nowrap; }
#contact .crow .cv{ font-size:13px !important; line-height:1.55; word-break:break-word; }


/* =========================================================================
   §8 · 页脚
   ========================================================================= */
.uc-foot{ padding-top:32px !important; }
.uc-foot .uc-foot-slogan{ font-size:13px !important; line-height:1.7 !important; }
.uc-foot .uc-foot-facts{ gap:6px 14px !important; font-size:12px !important; }
.uc-foot .uc-foot-info{ font-size:13px !important; line-height:1.7 !important; }
.uc-foot .uc-foot-col ul a{ font-size:13.5px !important; line-height:2 !important; }
.uc-foot .uc-foot-bottom{ font-size:11.5px !important; line-height:1.8 !important; }

} /* ===== /@media (max-width:820px) ===== */


/* 桌面端不显示展开按钮 */
@media (min-width:821px){
  .home-products .uc-more{ display:none !important; }
}