/* =============================================================
   粒夏智能 AImage · 官网补充样式 v2
   面向客户的表达：去掉路演/融资向的展示块，改为轻量、克制的一笔带过
   ============================================================= */

/* ---------- 一、紧凑介绍块（替代原「定位与痛点」整屏） ---------- */
.intro{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);
  gap:clamp(22px,3.6vw,60px);align-items:center;
}
@media (max-width:900px){.intro{grid-template-columns:1fr}}
.intro-copy h2{margin-top:16px}
.intro-copy p{margin-top:20px}
.intro-note{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;
}
/* 小尺寸配图：一笔带过，不做大面积视觉 */
.intro-figure{position:relative;max-width:420px;justify-self:end;width:100%}
@media (max-width:900px){.intro-figure{justify-self:start;max-width:340px}}
.intro-figure .imgcard{aspect-ratio:4/3;border-radius:14px}
.intro-figure figcaption{
  margin-top:12px;font-size:12.5px;color:var(--t3);line-height:1.6;
}

/* ---------- 二、数据一览（工位 / 行业 / 成像技术） ---------- */
.factrow{
  display:grid;gap:1px;background:var(--line);
  border-block:1px solid var(--line);margin-top:clamp(28px,4vw,52px);
}
.factrow[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.factrow[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:820px){
  .factrow[data-cols="3"],.factrow[data-cols="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px){
  .factrow[data-cols="3"],.factrow[data-cols="4"]{grid-template-columns:1fr}
}
.fact{background:#fff;padding:clamp(20px,2.4vw,32px) clamp(16px,2vw,28px)}
.fact .v{
  display:block;font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-.045em;line-height:1;
  font-feature-settings:"tnum";background:var(--grad-text);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.fact .v .u{font-size:.4em;font-weight:600;letter-spacing:0;margin-left:3px}
.fact .k{
  display:block;margin-top:10px;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--t3);
}
.fact .d{display:block;margin-top:8px;font-size:13.5px;line-height:1.62;color:var(--t2)}
.factrow.sep{background:var(--line)}

/* ---------- 三、小图 + 说明（一笔带过式引用） ---------- */
.minifig{
  display:flex;gap:clamp(16px,2.2vw,28px);align-items:center;flex-wrap:wrap;
  margin-top:clamp(22px,3vw,36px);
}
.minifig .thumb{
  flex:0 0 auto;width:clamp(160px,20vw,232px);aspect-ratio:16/10;border-radius:12px;
  overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-xs);background:var(--paper-tint);
}
.minifig .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}
.minifig .thumb:hover img{transform:scale(1.05)}
.minifig .cap{flex:1;min-width:200px}
.minifig .cap p{font-size:14px;color:var(--t2);line-height:1.7}
.mt-xl{margin-top:clamp(40px,5.5vw,76px)}

/* ---------- 四、微信二维码卡片（联系页） ---------- */
.card-wx{display:grid;gap:14px;justify-items:start}
.card-wx .wx-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.card-wx .wx-id{
  font-size:clamp(18px,2vw,24px);font-weight:700;letter-spacing:-.02em;
  margin-top:4px;color:var(--t1);
}
.wx-qr{
  display:block;padding:0;border:1px solid var(--line);background:#fff;cursor:zoom-in;
  border-radius:12px;overflow:hidden;line-height:0;
  transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .4s;
}
.wx-qr img{
  width:148px;height:auto;display:block;
  image-rendering:-webkit-optimize-contrast;   /* 让二维码边缘更锐，便于扫码 */
}
.wx-qr:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--line-blue)}
.card-wx .small{display:block}

/* ---------- 五、联系页「可到现场做产线评估」配图 ----------
   宽度与上面的联系方式卡片一致（占满整栏），高度用宽扁比控制，
   使图片下沿与右栏「首次沟通所需信息」卡片的下沿对齐。
   超出的部分由 object-fit:cover 居中裁切（不要整图变形）。 */
.contact-photo{
  width:100%;
  aspect-ratio:539/275;
  margin-top:24px;
}
.contact-photo img{
  width:100%;height:100%;
  object-fit:cover;object-position:center;
}
@media (max-width:900px){
  /* 窄屏左右栏堆叠，图片恢复接近原始 4:3，避免裁切过多 */
  .contact-photo{aspect-ratio:4/3}
}
@media (max-width:900px){
  /* 窄屏改为整栏宽，不再追求跨栏对齐 */
  .contact-photo{width:100%}
}