@charset "UTF-8";
/* faq-price.html · 价格问答 —— 左侧 sticky 分类导航 + 右侧大卡片手风琴 */

/* 手风琴通用基础（本页为纸感白卡风） */
.faq-list{margin-bottom:8px}
.faq-item{
  background:var(--white);border:1.5px solid var(--line);
  border-radius:var(--r-md);margin-bottom:14px;overflow:hidden;
  transition:border-color var(--t-fast),box-shadow var(--t-fast);
}
.faq-item.open{border-color:var(--gold-400);box-shadow:var(--shadow-sm)}
.faq-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
  text-align:left;padding:18px 22px;
  font-size:15.5px;font-weight:700;color:var(--navy-900);line-height:1.6;
}
.faq-icon{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:14px;height:2px;transform:translate(-50%,-50%)}
.faq-icon::after{width:2px;height:14px;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 22px 20px;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}

/* 双栏布局 */
.faqp-wrap{display:grid;grid-template-columns:280px 1fr;gap:44px;align-items:start}
.faqp-side{position:sticky;top:110px}
.faqp-side-card{
  background:var(--paper);border-radius:var(--r-lg);padding:26px 24px;
}
.faqp-side-h{font-size:16px;margin-bottom:14px}
.faqp-side-nav{list-style:none;margin-bottom:20px}
.faqp-side-nav a{
  display:block;padding:9px 14px;border-radius:var(--r-sm);
  font-size:14.5px;color:var(--ink-2);transition:all var(--t-fast);
}
.faqp-side-nav a:hover{background:var(--white);color:var(--navy-800);transform:translateX(4px)}
.faqp-side-img img{
  width:100%;height:120px;object-fit:cover;border-radius:var(--r-md);
}
.faqp-side-img p{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.7}

.faqp-sec{
  font-size:19px;margin:34px 0 18px;padding-left:14px;
  border-left:4px solid var(--gold-500);
}
.faqp-cta{
  margin-top:36px;background:var(--navy-900);color:#D6DBE8;
  border-radius:var(--r-lg);padding:36px 40px;display:flex;
  flex-direction:column;align-items:flex-start;gap:12px;
}
.faqp-cta-h{color:var(--white);font-size:20px}
.faqp-cta-p{font-size:14.5px;color:#C6CDDE;line-height:1.9;margin-bottom:8px}

@media (max-width:920px){
  .faqp-wrap{grid-template-columns:1fr}
  .faqp-side{position:static}
  .faqp-side-nav{display:flex;flex-wrap:wrap;gap:8px}
  .faqp-side-nav a{background:var(--white)}
}