/* seo.css —— 新增内容页补充样式（与 site.css 的配色/间距变量保持一致，不覆盖原样式） */

.scene-list {
  display: grid;
  gap: 14px;
  max-width: 880px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.scene-list li {
  position: relative;
  padding: 16px 20px 16px 48px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  background: rgba(255, 255, 255, .02);
  line-height: 1.7;
}
.sec--light .scene-list li {
  border-color: rgba(10, 22, 40, .1);
  background: rgba(10, 22, 40, .02);
}
.scene-list li::before {
  content: "";
  position: absolute;
  left: 22px;
  top: 24px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #F5A623;
}

.faq {
  max-width: 880px;
  margin: 0 auto 12px;
  padding: 18px 22px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  background: rgba(255, 255, 255, .02);
}
.faq summary {
  cursor: pointer;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.5;
  list-style: none;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: "+";
  float: right;
  color: #F5A623;
  font-weight: 400;
}
.faq[open] summary::after { content: "−"; }
.faq__a {
  margin-top: 12px;
  line-height: 1.8;
  opacity: .8;
}

@media (max-width: 640px) {
  .faq { padding: 14px 16px; }
  .faq summary { font-size: 16px; }
  .scene-list li { padding: 14px 16px 14px 40px; }
  .scene-list li::before { left: 18px; top: 21px; }
}