@charset "UTF-8";
/* industry-electronics.css · 电子电器网站建设页独有样式
   骨架：P 四小卡 / F 网格卡 / C 横幅案例图 / I 左图藏青底 /
        W 纵向时间轴 / T 三列清单 / S 数字条 / Q 手风琴 / R 三卡 */

.rv1{--d:.08s}.rv2{--d:.16s}.rv3{--d:.24s}

/* P 四小卡 */
.el-pain-card{
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);
  padding:28px 22px;text-align:center;transition:all var(--t-fast);
}
.el-pain-card:hover{border-top:4px solid var(--gold-500);transform:translateY(-5px);box-shadow:var(--shadow-md)}
.el-pain-card h3{font-size:16px;margin-bottom:8px;color:var(--navy-800)}
.el-pain-card p{font-size:13.5px;color:var(--ink-2);line-height:1.8}

/* F 网格卡 */
.el-feat-card{
  background:var(--white);border-radius:var(--r-md);padding:30px 26px;
  border:1px solid var(--line);transition:all var(--t-fast);
}
.el-feat-card:hover{background:var(--navy-800)}
.el-feat-card:hover h3{color:var(--gold-300)}
.el-feat-card:hover p{color:#C6CDDE}
.el-feat-card h3{font-size:16.5px;margin-bottom:10px;color:var(--navy-800)}
.el-feat-card p{font-size:14px;color:var(--ink-2);line-height:1.85}

/* C 横幅案例 */
.el-case{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg);position:relative}
.el-case img{width:100%;height:400px;object-fit:cover}
.el-case figcaption{
  background:var(--white);border:1px solid var(--line);border-radius:0 0 var(--r-xl) var(--r-xl);
  padding:24px 30px;font-size:15px;color:var(--ink-2);line-height:1.9;margin:-30px 24px 0;
  position:relative;box-shadow:var(--shadow-sm);
}

/* I 左图藏青底 */
.el-fig{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.el-fig-img{border-radius:var(--r-lg) 4px var(--r-lg) var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
.el-fig-img img{width:100%;height:420px;object-fit:cover}
.el-check{margin-top:20px;display:grid;gap:12px}
.el-check li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:#D8DEEC;line-height:1.8}
.el-check svg{width:20px;height:20px;flex:none;color:var(--gold-400);margin-top:4px}

/* W 纵向时间轴 */
.el-timeline{max-width:680px;margin:0 auto}
.el-tl{display:flex;gap:22px;padding:0 0 28px 34px;position:relative}
.el-tl::before{content:"";position:absolute;left:8px;top:22px;bottom:-4px;width:2px;background:var(--gold-300)}
.el-tl:last-child::before{display:none}
.el-tl span{flex:none;width:18px;height:18px;border-radius:50%;background:var(--white);border:4px solid var(--navy-800);z-index:1}
.el-tl h3{font-size:16px;margin-bottom:5px;color:var(--navy-800)}
.el-tl p{font-size:14px;color:var(--ink-2);line-height:1.85}

/* T 三列清单 */
.el-spec-list{
  background:var(--white);border-radius:var(--r-md);padding:26px;box-shadow:var(--shadow-sm);
}
.el-spec-list li{display:flex;gap:10px;font-size:14px;color:var(--ink-2);padding:8px 0;align-items:flex-start;line-height:1.8}
.el-spec-list svg{width:19px;height:19px;flex:none;color:var(--gold-500);margin-top:3px}

/* S 数字条 */
.el-stats{background:var(--navy-900)}
.el-stats strong{display:block;font-family:var(--font-head);font-size:38px;font-weight:800;color:var(--gold-300)}
.el-stats p{font-size:13px;color:#9AA3BC;margin-top:6px}
.el-stats > div > div{text-align:center}

/* Q 手风琴 */
.faq-item{
  background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-md);
  margin-bottom:13px;overflow:hidden;
}
.faq-q{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:17px 24px;font-size:15.5px;font-weight:700;color:var(--navy-800);text-align:left;
}
.faq-q::after{
  content:"+";flex:none;width:26px;height:26px;border-radius:50%;
  background:var(--navy-800);color:var(--gold-300);
  display:inline-flex;align-items:center;justify-content:center;font-size:16px;
  transition:transform var(--t-fast);
}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s var(--ease)}
.faq-item.open .faq-a{max-height:300px}
.faq-a p{padding:0 24px 20px;font-size:14.5px;color:var(--ink-2);line-height:1.9}

/* R 三卡 */
.el-rel-card{
  display:block;background:var(--white);border-radius:var(--r-md);padding:28px 26px;
  box-shadow:var(--shadow-sm);transition:all var(--t-fast);
}
.el-rel-card:hover{transform:translateY(-5px);border-left:5px solid var(--gold-500)}
.el-rel-card h3{font-size:17px;margin-bottom:8px;color:var(--navy-800)}
.el-rel-card p{font-size:13.5px;color:var(--ink-2);line-height:1.8}

/* 响应式 */
@media (max-width:920px){
  .el-fig{grid-template-columns:1fr;gap:34px}
  .el-fig-img{order:-1}
  .el-fig-img img{height:300px}
  .el-case img{height:260px}
}

/* FAQ 容器收窄 */
.el-faq-wrap{max-width:860px}