/* ============================================================
   faq.css —— 常见问题总览
   骨架 S14 垂直手风琴
   光影 D1 hero 斜光 · D2 对角光斑/暗角
   ============================================================ */

.fq-hero{
  padding:140px 0 54px;background:linear-gradient(135deg,#F5F5F2,#fff);
}
.fq-hero h1{font-size:clamp(30px,4vw,44px);margin:16px 0 12px;}
.fq-hero p{color:var(--text-weak);max-width:600px;}

.fq-layout{display:grid;grid-template-columns:1fr 300px;gap:34px;align-items:start;}
.fq-main{min-width:0;}
.fq-group{margin-bottom:22px;}
.fq-group-head{
  display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;
  border-bottom:2px solid var(--brown-100);padding-bottom:10px;
}
.fq-group-head h2{font-size:20px;color:var(--brown-400);}
.fq-group-head a{font-size:13px;}

.fq-group details{
  background:#fff;border:1px solid var(--line);margin-bottom:10px;box-shadow:var(--shadow-s);
}
.fq-group summary{
  cursor:pointer;padding:16px 20px;font-weight:700;font-size:15px;list-style:none;
  display:flex;justify-content:space-between;gap:14px;
}
.fq-group summary::-webkit-details-marker{display:none;}
.fq-group summary::after{content:"+";color:var(--brown-300);font-size:20px;flex-shrink:0;}
.fq-group details[open] summary::after{transform:rotate(45deg);}
.fq-group details p{padding:0 20px 18px;color:var(--text-weak);font-size:14px;margin:0;line-height:1.9;}

/* 侧栏 */
.fq-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:90px;}
.fq-side-img{
  background:#fff;border:1px solid var(--line);padding:16px;box-shadow:var(--shadow-s);
  position:relative;overflow:hidden;
}
.fq-side-img::before{
  content:"";position:absolute;top:-80px;left:-80px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(199,180,154,.3),transparent 65%);
}
.fq-side-img img{width:100%;height:auto;position:relative;}
.fq-side-img p{font-size:13.5px;margin:12px 0;color:var(--text-weak);}
.fq-side-img .btn{width:100%;}
.fq-side-links{
  background:#fff;border:1px solid var(--line);padding:20px;box-shadow:var(--shadow-s);
}
.fq-side-links h3{font-size:14px;color:var(--brown-400);margin-bottom:10px;}
.fq-side-links a{display:block;padding:7px 0;font-size:14px;border-bottom:1px dashed var(--line);}
.fq-side-links a:last-child{border-bottom:0;}
.fq-side-links a:hover{color:var(--brown-400);padding-left:6px;}

@media (max-width:920px){
  .fq-layout{grid-template-columns:1fr;}
  .fq-side{position:static;}
}

/* ===== 补写内容通用样式 gb-* ===== */
.gb-lead{color:var(--text-weak);line-height:1.9;font-size:15px;max-width:760px;}
.gb-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;}
.gb-cols2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px;}
.gb-card{background:#fff;border:1px solid var(--line);padding:22px;box-shadow:var(--shadow-s);}
.gb-card h3{font-size:16px;color:var(--brown-400);margin-bottom:8px;}
.gb-card p{font-size:14px;color:var(--text-weak);line-height:1.85;margin:0;}
.gb-list{list-style:none;padding:0;margin:18px 0 0;}
.gb-list li{padding:9px 0 9px 24px;position:relative;font-size:14.5px;border-bottom:1px dashed var(--line);line-height:1.8;}
.gb-list li::before{content:"";position:absolute;left:0;top:15px;width:9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,var(--brown-100),var(--brown-300));}
.gb-note{margin-top:22px;font-size:13.5px;color:var(--text-weak);line-height:1.85;}
@media(max-width:920px){.gb-cols{grid-template-columns:1fr;}.gb-cols2{grid-template-columns:1fr;}}