/* ==========================================================================
   faq.html 常见问题 私有样式
   版式：居中标题 + 主从两栏（左分类手风琴 / 右侧栏入口）+ 相关阅读卡
   ========================================================================== */

/* ---------- Hero ---------- */
.fq-hero{
  padding:calc(var(--topbar-h) + var(--header-h) + 56px) 0 60px;
  background:
    radial-gradient(760px 360px at 100% 0%, rgba(143,174,138,.20), transparent 60%),
    var(--cream-3);
  text-align:center;
}
.fq-hero-inner{max-width:880px;margin:0 auto}
.fq-kicker{font-size:13px;letter-spacing:4px;color:var(--green-deep);font-weight:600;margin-bottom:16px}
.fq-title{
  font-size:clamp(32px,4.6vw,50px);letter-spacing:2px;margin-bottom:16px;
  opacity:0;transform:translateX(-20px);animation:fqSlide .8s var(--ease) forwards;
}
@keyframes fqSlide{to{opacity:1;transform:translateX(0)}}
.fq-sub{font-size:15.5px;line-height:1.9;max-width:620px;margin:0 auto 34px}
.fq-hero-img img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow-md);margin:0 auto}

/* ---------- 主从布局 ---------- */
.fq-main{padding:70px 0;background:var(--cream)}
.fq-layout{display:grid;grid-template-columns:1.6fr .9fr;gap:40px;align-items:start}

/* 手风琴组 */
.fq-group{margin-bottom:26px}
.fq-group-title{
  display:flex;align-items:center;gap:10px;font-size:19px;margin-bottom:14px;padding-bottom:10px;
  border-bottom:2px solid var(--line);
}
.fq-g-dot{width:12px;height:12px;border-radius:4px;background:var(--green);display:inline-block}
.fq-g-dot-2{background:var(--wood)}
.fq-g-dot-3{background:var(--green-deep)}
.fq-g-dot-4{background:var(--green-dark)}

.fq-item{
  background:var(--white);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;
  box-shadow:var(--shadow-sm);overflow:hidden;
}
.fq-item summary{
  cursor:pointer;padding:15px 20px;font-weight:600;font-size:15px;list-style:none;position:relative;padding-right:36px;
  transition:background .25s;
}
.fq-item summary::-webkit-details-marker{display:none}
.fq-item summary::after{
  content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;
  border-right:2px solid var(--wood);border-bottom:2px solid var(--wood);
  transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease);
}
.fq-item[open] summary{background:var(--cream-3);color:var(--green-dark)}
.fq-item[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.fq-item p{padding:4px 20px 16px;font-size:14.5px;line-height:1.95;color:var(--ink-soft)}
.fq-item p a{color:var(--green-deep);font-weight:600;border-bottom:1px dashed var(--green-deep)}

/* 侧栏 */
.fq-side{position:sticky;top:calc(var(--header-h) + var(--topbar-h) + 20px)}
.fq-side-card{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:24px;box-shadow:var(--shadow-sm);margin-bottom:20px;
}
.fq-side-card h3{font-size:16px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px dashed var(--line)}
.fq-side-links{display:flex;flex-direction:column}
.fq-side-links a{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 4px;font-size:14.5px;color:var(--ink-soft);border-bottom:1px dashed var(--line);
}
.fq-side-links a:last-child{border-bottom:0}
.fq-side-links a span{color:var(--wood);transition:transform .25s var(--ease)}
.fq-side-links a:hover{color:var(--green-dark)}
.fq-side-links a:hover span{transform:translateX(4px)}
.fq-side-green{background:linear-gradient(150deg,var(--green-dark),#4c6b52);border:0}
.fq-side-green h3{color:#f4f1e6;border-color:rgba(244,241,230,.25)}
.fq-side-green p{color:#d8e0d0;font-size:13.5px;margin-bottom:16px;line-height:1.8}
.fq-side-green .btn{width:100%}

/* ---------- 相关阅读 ---------- */
.fq-relate{padding:70px 0;background:var(--cream-3)}
.fq-relate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fq-relate-card{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;
  box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.fq-relate-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.fq-relate-card h3{font-size:17px;margin-bottom:8px}
.fq-relate-card p{font-size:13.5px;color:var(--ink-soft);margin-bottom:14px}
.fq-relate-more{font-size:13.5px;color:var(--green-deep);font-weight:600}

/* ---------- CTA ---------- */
.fq-cta{padding:70px 0;text-align:center;background:var(--cream-2)}
.fq-cta h2{font-size:clamp(22px,3vw,32px);line-height:1.5;margin-bottom:24px;letter-spacing:1px}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .fq-layout{grid-template-columns:1fr;gap:30px}
  .fq-side{position:static}
  .fq-relate-grid{grid-template-columns:1fr}
}