/* ==================================================================
   SEO 常见问题区（纯增量，第 7 轮新增）
   ------------------------------------------------------------------
   只给新增的 FAQ 区块提供最小样式，复用既有 .main / .panel 容器；
   不改动任何现有 CSS 文件，也不覆盖任何既有选择器。
   ================================================================== */

.seo-faq{
  padding-bottom:var(--sec);
}

.seo-faq-list{
  display:flex;flex-direction:column;
  gap:clamp(14px,1.4vw,18px);
}

.seo-faq-item{
  padding-bottom:clamp(14px,1.4vw,18px);
  border-bottom:1px solid var(--line);
}
.seo-faq-item:last-child{
  padding-bottom:0;border-bottom:0;
}

.seo-faq-q{
  margin:0 0 6px;
  font-size:var(--t-body);font-weight:600;line-height:1.5;
  color:var(--ink);
}

.seo-faq-a{
  margin:0;
  font-size:var(--t-body);line-height:1.75;
  color:var(--t2);
}
.seo-faq-a a{
  color:var(--blue);font-weight:500;
}
.seo-faq-a a:hover{
  color:var(--blue-hover);
}

/* G3：可折叠 FAQ 条目（about.html 复用同一套 item 样式，默认收起，键盘可展开） */
details.seo-faq-item > summary{
  display:flex;align-items:center;gap:8px;
  min-height:44px;cursor:pointer;list-style:none;
  color:var(--t1);
}
details.seo-faq-item > summary::-webkit-details-marker{display:none}
details.seo-faq-item > summary::after{
  content:"";flex:0 0 auto;width:7px;height:7px;margin-left:auto;
  border-right:1.6px solid var(--t3);border-bottom:1.6px solid var(--t3);
  transform:rotate(45deg);transition:transform .18s ease;
}
details.seo-faq-item[open] > summary::after{transform:rotate(-135deg)}
details.seo-faq-item > summary:focus-visible{
  outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--r-s);
}

.seo-faq-links{
  margin-top:clamp(14px,1.4vw,18px);
  padding-top:clamp(12px,1.2vw,16px);
  border-top:1px solid var(--line);
  font-size:var(--t-sm);color:var(--t2);
}
.seo-faq-links a{
  color:var(--blue);font-weight:500;
}
.seo-faq-links a:hover{
  color:var(--blue-hover);
}
.seo-faq-links .dot{
  color:var(--t3);margin-inline:6px;
}