/* ============================================================
 * sections.css 痛点网格 / 工况说明 / 推荐卡片 / FAQ（案例详情与行业详情共用）
 * 由同目录 ../../tools/extract_assets.py 从内联样式抽离，请勿手工合并
 * ============================================================ */

.pain-sec{background:var(--bg);}
.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.pain-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--red);padding:26px 22px;}
.pain-card h3{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:10px;letter-spacing:.5px;}
.pain-card p{font-size:13px;color:var(--steel);line-height:1.8;}
.work-box{background:#fff;border:1px solid var(--line);padding:34px 38px;}
.work-box p{font-size:14.5px;line-height:2;}

/* 典型工况：参数标签 + 要点列表 + 对策总结 */
.cond-box{background:#fff;border:1px solid var(--line);padding:32px 36px 34px;}
.cond-tags{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:26px;}
.cond-tag{display:inline-flex;align-items:baseline;gap:8px;background:var(--bg);border:1px solid var(--line);padding:8px 14px 9px;font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:.2px;}
.cond-tag i{font-style:normal;font-size:11.5px;font-weight:600;color:var(--steel);letter-spacing:1px;}
.cond-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 44px;}
.cond-list li{position:relative;padding-left:17px;font-size:14px;line-height:1.85;color:var(--body);}
.cond-list li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;background:var(--red);}
.cond-list b{color:var(--ink);font-weight:700;margin-right:7px;letter-spacing:.3px;}
.cond-sum{margin-top:28px;padding:18px 22px 19px;background:var(--bg);border-left:3px solid var(--red);font-size:14px;line-height:1.95;color:var(--body);}
.cond-sum b{color:var(--red-deep);font-weight:700;margin-right:8px;letter-spacing:.5px;}
.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.rec-card{border:1px solid var(--line);background:#fff;padding:26px 22px;text-align:center;cursor:pointer;transition:all .25s;}
.rec-card:hover{border-color:var(--red);}
.rec-card img{height:110px;object-fit:contain;margin:0 auto;}
.rec-card h3{font-size:16px;font-weight:700;color:var(--ink);margin-top:14px;}
.rec-card p{font-size:12.5px;color:var(--steel);margin-top:8px;line-height:1.7;}
.faq-list{border-top:1px solid var(--line);}
.faq-item{border-bottom:1px solid var(--line);padding:22px 4px;}
.faq-item h3{font-size:16px;font-weight:700;color:var(--ink);}
.faq-item h3::before{content:"Q ";color:var(--red);font-family:var(--en-font);font-weight:800;margin-right:8px;}
.faq-item p{font-size:14px;color:var(--steel);margin-top:10px;line-height:1.9;}
.faq-item p::before{content:"A ";color:var(--ink);font-weight:700;margin-right:8px;}

@media(max-width:1024px) {
  .pain-grid{grid-template-columns:repeat(2,1fr);}
  .rec-grid{grid-template-columns:1fr;}
  .cond-list{grid-template-columns:1fr;gap:13px;}
  .cond-box{padding:28px 24px 30px;}
}

@media(max-width:640px) {
  .pain-grid{grid-template-columns:1fr;}
  .work-box{padding:24px 20px;}
  .cond-box{padding:22px 18px 24px;}
  .cond-tags{gap:8px;padding-bottom:20px;margin-bottom:20px;}
  .cond-tag{font-size:12.5px;padding:6px 11px 7px;}
  .cond-sum{padding:16px 16px 17px;font-size:13.5px;}
}