/* ==========================================================================
   台宝泵业 · 首页增强模块
   ① 为什么工程现场选台宝（WHY TEBO）—— 带指标的能力卡 + 证据条
   ② 应用行业（APPLICATIONS）—— 9 大行业卡片（挂真实案例数）
   独立文件，避免与 site.css 并行编辑冲突；全部硬编码取值，不依赖 CSS 变量
   ========================================================================== */

/* ---------- ① WHY TEBO ---------- */
.why{display:grid;grid-template-columns:1fr .92fr;gap:52px;align-items:center}
.wgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}

.wcard{
  position:relative;display:block;overflow:hidden;
  padding:22px 20px 18px;background:#fff;
  border:1px solid #E7EAF0;border-radius:14px;
  transition:.24s cubic-bezier(.22,.7,.28,1);
}
.wcard::after{
  content:"";position:absolute;left:0;top:0;width:100%;height:3px;
  background:linear-gradient(90deg,#2E78FF,#6FA6FF);
  transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,.7,.28,1);
}
.wcard:hover{
  border-color:#2E78FF;transform:translateY(-4px);
  box-shadow:0 22px 44px -24px rgba(11,34,80,.34);
}
.wcard:hover::after{transform:scaleX(1)}

.wcard__ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:11px;
  background:#EEF4FF;color:#0B5CFF;
}
.wcard__ico svg{
  width:20px;height:20px;stroke:currentColor;stroke-width:1.7;
  fill:none;stroke-linecap:round;stroke-linejoin:round;
}
.wcard__k{
  display:block;margin-top:14px;
  font-size:21px;line-height:1.2;font-weight:700;color:#0B5CFF;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em;
}
.wcard h3{margin-top:5px;font-size:15px;font-weight:600;color:#0E1726}
.wcard p{margin-top:8px;font-size:13px;line-height:1.8;color:#68758C}

.wcard__more{
  display:inline-flex;align-items:center;gap:6px;margin-top:13px;
  font-size:12.5px;font-weight:600;color:#0B5CFF;
  transition:gap .24s cubic-bezier(.22,.7,.28,1);
}
.wcard:hover .wcard__more{gap:10px}

/* 证据条：把「自卖自夸」变成「可查证的数字」 */
.wevi{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;
  padding-top:18px;border-top:1px dashed #D8DFEA;
}
.wevi__i{
  display:flex;align-items:center;gap:7px;
  padding:7px 12px;border-radius:9px;background:#F2F6FC;
  font-size:12px;font-weight:600;color:#3D4C66;
}
.wevi__i::before{
  content:"";width:5px;height:5px;border-radius:50%;
  background:#2E78FF;flex:none;
}

.why__media{position:relative;border-radius:18px;overflow:hidden;background:#E9EEF6;aspect-ratio:4/3}
.why__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.why__stats{
  position:absolute;left:0;right:0;bottom:0;display:grid;
  grid-template-columns:repeat(2,1fr);
  background:rgba(9,20,38,.74);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.why__stats div{padding:13px 12px;text-align:center}
.why__stats b{display:block;font-size:19px;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.why__stats span{display:block;margin-top:3px;font-size:11px;color:rgba(255,255,255,.62)}

/* ---------- ② APPLICATIONS ---------- */
.industry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.industry__item{
  display:block;padding:20px 18px;background:#fff;cursor:default;
  border:1px solid #E7EAF0;border-radius:14px;
  transition:.24s cubic-bezier(.22,.7,.28,1);
}
.industry__item:hover{
  border-color:#2E78FF;transform:translateY(-4px);
  box-shadow:0 22px 44px -24px rgba(11,34,80,.34);
}
.industry__hd{display:flex;align-items:center;gap:12px}
.industry__ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:10px;flex:none;
  background:#EEF4FF;color:#0B5CFF;
}
.industry__ico svg{
  width:19px;height:19px;stroke:currentColor;stroke-width:1.7;
  fill:none;stroke-linecap:round;stroke-linejoin:round;
}
.industry__hd h3{font-size:15.5px;font-weight:600;color:#0E1726}
.industry__hd em{
  display:block;margin-top:2px;font-style:normal;
  font-size:11.5px;color:#8B95A7;font-variant-numeric:tabular-nums;
}
.industry__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.industry__tags span{
  padding:4px 9px;border-radius:7px;background:#F2F6FC;
  font-size:11.5px;color:#55637B;white-space:nowrap;
}

/* ---------- 响应式 ---------- */
@media(max-width:1024px){
  .why{grid-template-columns:1fr;gap:32px}
  .industry{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .wgrid{grid-template-columns:1fr;gap:12px}
  .wcard{padding:18px 16px 16px}
  .industry{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .industry__item{padding:15px 13px}
  .industry__hd{gap:9px}
  .industry__ico{width:32px;height:32px}
  .industry__hd h3{font-size:13.5px}
  .industry__tags span{font-size:11px;padding:3px 7px}
}
@media(prefers-reduced-motion:reduce){
  .wcard,.wcard__more{transition:none}
  .wcard:hover{transform:none}
  .industry__item{transition:none}
  .industry__item:hover{transform:none}
}

/* ==========================================================================
   合作客户 · 标杆企业供应商
   ========================================================================== */
.cb{
  background:#fff;border:1px solid #EEF1F6;border-radius:20px;
  padding:34px 38px 38px;box-shadow:0 22px 54px -34px rgba(11,34,80,.26);
}
.cb__head{text-align:center;max-width:720px;margin:0 auto 26px}
.cb__head h2{
  font-size:25px;line-height:1.35;font-weight:700;color:#0E1726;letter-spacing:-.01em;
}
.cb__head p{margin-top:11px;font-size:13.5px;line-height:1.8;color:#68758C;text-wrap:pretty}

.cb__grid{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;
}
.cb__item{
  position:relative;display:flex;align-items:center;justify-content:center;
  aspect-ratio:16/10;padding:12px;border-radius:12px;
  background:#FAFBFD;border:1px solid #F0F2F6;
  overflow:hidden;transition:.26s cubic-bezier(.22,.7,.28,1);
}
.cb__item img{
  max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
  transition:.26s cubic-bezier(.22,.7,.28,1);
}
.cb__item::after{
  content:"";position:absolute;inset:auto 0 0 0;height:2px;
  background:linear-gradient(90deg,#0B5CFF,#2E78FF);
  transform:scaleX(0);transform-origin:left;transition:.26s cubic-bezier(.22,.7,.28,1);
}
.cb__item:hover{
  background:#fff;border-color:#DCE6FB;
  transform:translateY(-3px);
  box-shadow:0 14px 28px -16px rgba(11,92,255,.42);
}
.cb__item:hover img{transform:scale(1.06)}
.cb__item:hover::after{transform:scaleX(1)}

@media(max-width:1024px){
  .cb{padding:28px 24px 30px}
  .cb__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .cb__head h2{font-size:21px}
}
@media(max-width:640px){
  .cb{padding:22px 16px 24px;border-radius:16px}
  .cb__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .cb__head{margin-bottom:18px}
  .cb__head h2{font-size:18.5px}
  .cb__head p{font-size:12.5px;line-height:1.7}
  .cb__item{padding:8px;border-radius:10px}
}
@media(prefers-reduced-motion:reduce){
  .cb__item,.cb__item img,.cb__item::after{transition:none}
  .cb__item:hover{transform:none}
}