/* ============================================================
   page-anli-zhizao.css — 机械制造案例页（车间仪表盘风）
   命名空间：body.page-anli-zhizao
   签名视觉：环形产能仪表盘 / 工序生产线 / 工位卡
   ============================================================ */

body.page-anli-zhizao .hero-hotline{margin-top:14px;font-size:13.5px;color:var(--c-muted)}

/* ---------- 产能仪表盘 ---------- */
body.page-anli-zhizao .gauge-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
}
body.page-anli-zhizao .gauge{
  position:relative;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--radius-lg);padding:26px 18px 22px;box-shadow:var(--shadow-card);
}
body.page-anli-zhizao .gauge svg{width:100%;height:auto}
body.page-anli-zhizao .gauge-center{
  position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);
  text-align:center;
}
body.page-anli-zhizao .gauge-center strong{
  display:block;font-size:24px;font-weight:800;color:var(--c-ink);
}
body.page-anli-zhizao .gauge-center span{font-size:12px;color:var(--c-muted)}

/* ---------- 客户背景 ---------- */
body.page-anli-zhizao .bg-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
body.page-anli-zhizao .bg-text p{margin-top:16px}
body.page-anli-zhizao .bg-figure img{border-radius:var(--radius-md);box-shadow:var(--shadow-card)}
body.page-anli-zhizao .bg-figure figcaption{margin-top:10px;font-size:13px;color:var(--c-muted)}
body.page-anli-zhizao .need-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
body.page-anli-zhizao .need-card{
  background:#fff;border:1px solid var(--c-line);border-left:4px solid var(--c-purple-300);
  border-radius:var(--radius-md);padding:22px 22px;box-shadow:var(--shadow-card);
}
body.page-anli-zhizao .need-card h3{font-size:17px;margin-bottom:6px}
body.page-anli-zhizao .need-card p{font-size:14px}

/* ---------- 方案生产线 ---------- */
body.page-anli-zhizao .line-flow{
  display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:20px;
  counter-reset:step;
}
body.page-anli-zhizao .line-flow li{
  position:relative;padding:24px 18px;border-right:1px dashed var(--c-line);
  background:var(--c-bg-soft);
}
body.page-anli-zhizao .line-flow li:last-child{border-right:0}
body.page-anli-zhizao .line-flow li::after{
  content:"";position:absolute;top:50%;right:-7px;width:13px;height:13px;
  background:var(--grad-main);border-radius:50%;transform:translateY(-50%);z-index:2;
}
body.page-anli-zhizao .line-flow li:last-child::after{display:none}
body.page-anli-zhizao .line-step{
  display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;
  color:var(--c-purple-400);background:var(--c-purple-100);padding:3px 10px;border-radius:999px;
}
body.page-anli-zhizao .line-flow h3{font-size:16px;margin:12px 0 6px}
body.page-anli-zhizao .line-flow p{font-size:13px;color:var(--c-muted)}

/* ---------- 工位卡 ---------- */
body.page-anli-zhizao .ws-card{
  width:270px;background:#fff;border:1px solid var(--c-line);
  border-top:4px solid var(--c-pink-300);border-radius:var(--radius-md);
  padding:24px 22px;box-shadow:var(--shadow-card);
}
body.page-anli-zhizao .ws-no{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--c-pink-400)}
body.page-anli-zhizao .ws-card h3{font-size:17px;margin:10px 0 8px}
body.page-anli-zhizao .ws-card p{font-size:14px}

/* ---------- 成果数据 ---------- */
body.page-anli-zhizao .out-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
body.page-anli-zhizao .out-cell{
  background:var(--grad-soft);border:1px solid var(--c-line);border-radius:var(--radius-md);
  padding:30px 20px;text-align:center;
}
body.page-anli-zhizao .out-cell strong{
  display:block;font-size:clamp(26px,3vw,36px);font-weight:800;
  background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body.page-anli-zhizao .out-cell span{font-size:13.5px;color:var(--c-muted)}

/* ---------- 评价 ---------- */
body.page-anli-zhizao .quote-wrap{max-width:900px;margin:0 auto}
body.page-anli-zhizao .quote-box{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-lg);
  padding:40px 44px 34px;box-shadow:var(--shadow-soft);position:relative;
}
body.page-anli-zhizao .quote-box::before{
  content:"“";position:absolute;top:10px;left:22px;font-size:60px;color:var(--c-purple-200);font-family:Georgia,serif;
}
body.page-anli-zhizao .quote-box p{font-size:16.5px;color:var(--c-ink);line-height:2;position:relative;z-index:1}
body.page-anli-zhizao .quote-by{margin-top:18px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
body.page-anli-zhizao .quote-by strong{color:var(--c-purple-400)}
body.page-anli-zhizao .quote-by span{font-size:13px;color:var(--c-muted)}

/* ---------- 相关案例 ---------- */
body.page-anli-zhizao .rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.page-anli-zhizao .rel-item{
  display:flex;flex-direction:column;gap:8px;background:var(--c-bg-soft);
  border:1px solid var(--c-line);border-radius:var(--radius-md);padding:22px 24px;
  font-weight:700;color:var(--c-ink);font-size:16px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
body.page-anli-zhizao .rel-item span{font-size:13px;font-weight:500;color:var(--c-purple-400)}
body.page-anli-zhizao .rel-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}

/* ---------- 底部 CTA ---------- */
body.page-anli-zhizao .cta-box{
  background:var(--grad-dark);border-radius:var(--radius-lg);padding:56px 32px;text-align:center;
}
body.page-anli-zhizao .cta-box h2{color:#fff}
body.page-anli-zhizao .cta-box p{max-width:640px;margin:14px auto 0;color:#C9BBD3}
body.page-anli-zhizao .cta-note{margin-top:16px;font-size:13px;color:#9A8CA0}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  body.page-anli-zhizao .gauge-row{grid-template-columns:repeat(2,1fr)}
  body.page-anli-zhizao .line-flow{grid-template-columns:repeat(3,1fr)}
  body.page-anli-zhizao .line-flow li{border-bottom:1px dashed var(--c-line)}
  body.page-anli-zhizao .line-flow li:nth-child(3n){border-right:0}
  body.page-anli-zhizao .line-flow li:nth-child(3n)::after{display:none}
}
@media (max-width:860px){
  body.page-anli-zhizao .bg-wrap{grid-template-columns:1fr;gap:28px}
  body.page-anli-zhizao .need-cards{grid-template-columns:1fr}
  body.page-anli-zhizao .out-grid{grid-template-columns:repeat(2,1fr)}
  body.page-anli-zhizao .rel-grid{grid-template-columns:1fr}
  body.page-anli-zhizao .quote-box{padding:34px 22px 26px}
}
@media (max-width:560px){
  body.page-anli-zhizao .gauge-row{grid-template-columns:repeat(2,1fr);gap:14px}
  body.page-anli-zhizao .line-flow{grid-template-columns:repeat(2,1fr)}
  body.page-anli-zhizao .line-flow li{border-right:0;border-bottom:1px dashed var(--c-line)}
  body.page-anli-zhizao .line-flow li::after{display:none}
  body.page-anli-zhizao .ws-card{width:236px}
}