@charset "UTF-8";
/* faq-after.html · 售后问答 —— Q编号手风琴 + 大写汉字承诺卡 + 图文联系条 */

.faqaf-wrap{max-width:860px;margin:0 auto}

/* 手风琴（本页：序号 Q1~Q8，圆角白块堆叠） */
.faq-list{margin-bottom:8px}
.faq-item{
  background:var(--white);border:1.5px solid var(--line);
  border-radius:var(--r-lg);margin-bottom:14px;overflow:hidden;
  transition:box-shadow var(--t-fast),border-color var(--t-fast);
}
.faq-item.open{border-color:var(--gold-500);box-shadow:var(--shadow-md)}
.faq-q{
  width:100%;display:flex;align-items:center;gap:16px;
  text-align:left;padding:18px 24px;
  font-size:15.5px;font-weight:700;color:var(--navy-900);line-height:1.6;
}
.faq-no{
  flex:none;width:40px;height:40px;border-radius:50%;
  background:var(--navy-900);color:var(--gold-300);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;letter-spacing:1px;
}
.faq-icon{margin-left:auto;position:relative;flex:none;width:22px;height:22px}
.faq-icon::before,.faq-icon::after{
  content:"";position:absolute;top:50%;left:50%;background:var(--gold-500);
  transition:transform var(--t-fast);
}
.faq-icon::before{width:12px;height:2px;transform:translate(-50%,-50%)}
.faq-icon::after{width:2px;height:12px;transform:translate(-50%,-50%)}
.faq-item.open .faq-icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-a{display:none}
.faq-item.open .faq-a{display:block}
.faq-a p{padding:0 24px 22px 80px;font-size:14.5px;color:var(--ink-2);line-height:1.95}
.faq-a a{color:var(--gold-500);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* 承诺卡 */
.rv1{--d:.08s}
.rv2{--d:.18s}
.rv3{--d:.28s}
.af-promises{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.af-promise{
  background:var(--white);border-radius:var(--r-lg);padding:30px 24px;
  box-shadow:var(--shadow-sm);text-align:center;border-bottom:4px solid var(--gold-500);
}
.af-p-no{
  display:inline-flex;align-items:center;justify-content:center;
  width:52px;height:52px;border-radius:50%;
  background:radial-gradient(circle at 30% 25%,var(--gold-200),var(--gold-300));
  color:var(--navy-900);font-family:var(--font-head);font-weight:800;
  margin-bottom:16px;
}
.af-p-h{font-size:16.5px;margin-bottom:8px}
.af-p-p{font-size:13.5px;color:var(--ink-2);line-height:1.85}

/* 联系图文条 */
.af-contact{
  display:grid;grid-template-columns:1fr 1.2fr;gap:0;
  background:var(--white);border-radius:var(--r-xl);overflow:hidden;
  box-shadow:var(--shadow-md);
}
.af-contact img{width:100%;height:100%;min-height:280px;object-fit:cover}
.af-contact-txt{padding:44px 48px}
.af-contact-h{font-size:24px;margin-bottom:18px}
.af-contact-h em{font-style:normal;color:var(--gold-500)}
.af-contact-list{list-style:none}
.af-contact-list li{
  padding:10px 0;border-bottom:1px dashed var(--line);
  font-size:14.5px;color:var(--ink-2);line-height:1.8;
}
.af-contact-list li:last-child{border-bottom:0}
.af-contact-list strong{color:var(--navy-800);font-size:15.5px}

/* 工单流程 */
.af-order{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.af-order-d{
  display:inline-block;background:var(--gold-300);color:var(--navy-900);
  font-size:13px;font-weight:700;padding:4px 14px;border-radius:var(--r-pill);
  margin-bottom:14px;
}
.af-order-h{color:var(--white);font-size:17px;margin-bottom:8px}
.af-order-p{color:#C6CDDE;font-size:13.5px;line-height:1.85}

@media (max-width:920px){
  .af-promises{grid-template-columns:1fr 1fr}
  .af-contact{grid-template-columns:1fr}
  .af-contact-txt{padding:28px 24px}
  .af-order{grid-template-columns:1fr 1fr}
  .faq-a p{padding-left:24px}
}
@media (max-width:560px){
  .af-promises,.af-order{grid-template-columns:1fr}
}