@charset "UTF-8";
/* industry-decoration.css · 装饰装修网站建设页独有样式
   骨架：P 标签痛点卡 / F 镜框卡 / I 左图反拱裁切 /
        C 三卡+线框稿图 / T 双列编号流程 / S 纸底数字 / W 纵向时间轴 / Q 手风琴 / R 三卡 */

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

/* P 标签痛点卡 */
.de-pain{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.de-pain-item{
  background:var(--paper);border-radius:var(--r-md);padding:28px 22px;
  transition:transform var(--t-fast),box-shadow var(--t-fast);
}
.de-pain-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}
.de-pain-tag{
  display:inline-block;font-size:14px;font-weight:800;color:var(--navy-800);
  background:var(--white);border:1.5px solid var(--gold-500);border-radius:var(--r-pill);
  padding:5px 14px;margin-bottom:14px;
}
.de-pain-item p{font-size:14px;color:var(--ink-2);line-height:1.85}

/* F 镜框卡 */
.de-feat-card{
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:34px 28px;position:relative;
}
.de-feat-card::after{
  content:"";position:absolute;inset:10px;border:1.5px solid var(--line);
  border-radius:calc(var(--r-lg) - 8px);pointer-events:none;opacity:.6;
}
.de-feat-card h3{font-size:17.5px;margin-bottom:10px;color:var(--navy-800)}
.de-feat-card p{font-size:14px;color:var(--ink-2);line-height:1.85}

/* I 左图反拱 */
.de-fig{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.de-fig-img{border-radius:28px 4px 28px 28px;overflow:hidden;box-shadow:var(--shadow-lg)}
.de-fig-img img{width:100%;height:420px;object-fit:cover}
.de-check{margin-top:18px;display:grid;gap:11px}
.de-check li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink-2);line-height:1.8}
.de-check svg{width:20px;height:20px;flex:none;color:var(--gold-500);margin-top:4px}

/* C 案例 */
.de-case{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}
.de-case-cards{display:grid;gap:16px}
.de-case-cards article{
  background:rgba(255,255,255,.06);border-left:4px solid var(--gold-400);
  border-radius:0 var(--r-md) var(--r-md) 0;padding:20px 24px;
}
.de-case-cards h3{color:var(--gold-300);font-size:15.5px;margin-bottom:6px}
.de-case-cards p{font-size:14px;color:#D8DEEC;line-height:1.85}
.de-case-img{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md)}
.de-case-img img{width:100%;height:300px;object-fit:cover}

/* T 双列编号流程 */
.de-spec-col{
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:32px 30px;
}
.de-spec-col h3{font-size:18px;margin-bottom:18px;color:var(--navy-800);display:flex;align-items:center;gap:10px}
.de-spec-col h3::before{content:"";width:8px;height:24px;background:var(--gold-500);border-radius:4px}
.de-spec-col ol{counter-reset:de;display:grid;gap:12px}
.de-spec-col li{
  counter-increment:de;position:relative;padding-left:44px;font-size:14.5px;color:var(--ink-2);line-height:1.8;
}
.de-spec-col li::before{
  content:counter(de);position:absolute;left:0;top:2px;width:28px;height:28px;border-radius:8px;
  background:var(--paper-deep);color:var(--navy-800);font-weight:800;font-size:14px;
  display:inline-flex;align-items:center;justify-content:center;
}

/* S 纸底数字 */
.de-stats{background:var(--paper-deep)}
.de-stats strong{display:block;font-family:var(--font-head);font-size:38px;font-weight:800;color:var(--navy-800)}
.de-stats p{font-size:13px;color:var(--muted);margin-top:6px}
.de-stats > div > div{text-align:center}

/* W 纵向时间轴 */
.de-timeline{max-width:720px;margin:0 auto;display:grid;gap:0}
.de-tl{display:flex;gap:24px;position:relative;padding:0 0 34px 40px}
.de-tl::before{
  content:"";position:absolute;left:9px;top:24px;bottom:-6px;width:2px;background:var(--line);
}
.de-tl:last-child::before{display:none}
.de-tl span{
  flex:none;width:20px;height:20px;border-radius:50%;background:var(--white);
  border:5px solid var(--gold-500);margin-left:0;position:relative;z-index:1;
}
.de-tl h3{font-size:16.5px;margin-bottom:5px;color:var(--navy-800)}
.de-tl p{font-size:14px;color:var(--ink-2);line-height:1.85}

/* Q 手风琴（高亮皮肤） */
.faq-item{
  background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-md);
  margin-bottom:12px;overflow:hidden;transition:border-color var(--t-fast),box-shadow var(--t-fast);
}
.faq-item.open{border-color:var(--gold-400);box-shadow:0 8px 24px rgba(201,169,106,.18)}
.faq-q{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:18px 24px;font-size:15.5px;font-weight:700;color:var(--navy-800);text-align:left;
}
.faq-q::after{
  content:"-";flex:none;width:28px;height:28px;border-radius:var(--r-pill);
  background:var(--paper-deep);color:var(--navy-800);
  display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;
  transition:transform var(--t-fast),background var(--t-fast);
}
.faq-item.open .faq-q::after{content:"+";background:var(--gold-500);color:var(--navy-900)}
.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 三卡 */
.de-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);
}
.de-rel-card:hover{transform:translateY(-5px);background:var(--navy-800)}
.de-rel-card h3{font-size:17px;margin-bottom:8px}
.de-rel-card:hover h3{color:var(--gold-300)}
.de-rel-card p{font-size:13.5px;color:var(--ink-2);line-height:1.8}
.de-rel-card:hover p{color:#C6CDDE}

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

/* FAQ 容器收窄 + 段间距 */
.de-faq-wrap{max-width:860px}
.de-desc-offset{margin-top:14px}