/* 原生 details 是基础行为；此文件只负责 FAQ 的布局与交互呈现。 */
.faq.faq-section{display:grid;grid-template-columns:248px minmax(0,1fr);align-items:start;gap:64px;padding-top:110px;padding-bottom:114px}
.faq-section .faq-intro{position:sticky;top:calc(var(--header-height,88px) + 28px);min-width:0}
.faq-section .faq-emblem{display:grid;place-items:center;width:54px;height:54px;margin-bottom:25px;border:1px solid #cde2eb;border-radius:18px;background:#e8f3f7;color:#3f7f98;box-shadow:0 7px 18px #38758d07}
.faq-section .faq-emblem .icon{width:27px;height:27px;stroke-width:1.75}
.faq-section .eyebrow{margin-bottom:15px;font-size:11px;letter-spacing:1.2px}
.faq-section h2{font-size:38px;line-height:1.2;letter-spacing:-.045em}
.faq-section .section-intro{font-size:13px;line-height:1.95;margin-top:20px;color:#64808d}
.faq-section .faq-topic-nav{display:grid;gap:9px;margin-top:27px}
.faq-section .faq-topic-nav a{display:flex;align-items:center;gap:12px;min-height:70px;padding:12px 13px;border:1px solid #dce9ee;border-radius:14px;background:#ffffff99;transition:background .25s,border-color .25s,box-shadow .25s}
.faq-section .faq-topic-nav a:hover{background:#fff;border-color:#bbd9e5;box-shadow:0 6px 20px #244c6008}
.faq-section .faq-topic-icon{display:grid;place-items:center;width:33px;height:33px;flex:none;border-radius:10px;background:#ebf4f7;color:#4a8197}
.faq-section .faq-topic-icon .icon{width:18px;height:18px}
.faq-section .faq-topic-nav strong{display:block;font-size:12px;font-weight:600;color:#2c5565;line-height:1.5}
.faq-section .faq-topic-nav small{display:block;font-size:10px;line-height:1.6;margin-top:3px;color:#7c939d}
.faq-section .faq-topic-arrow{width:15px;height:15px;margin-left:auto;color:#7099aa}
.faq-section .faq-groups{display:grid;gap:30px;min-width:0;margin-top:0}
.faq-section .faq-group{min-width:0;scroll-margin-top:calc(var(--header-height,88px) + 25px)}
.faq-section .faq-group-heading{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:0 4px;font-size:13px;letter-spacing:0;line-height:1.7;color:#4f788a}
.faq-section .faq-group-heading>.icon{width:17px;height:17px;stroke-width:1.75}
.faq-section .faq-group-heading small{margin-left:auto;font-size:10px;font-weight:400;color:#91a6af;letter-spacing:.3px}
.faq-section .faq-item{margin-top:9px;border:1px solid #dde9ee;border-radius:15px;background:#fff;overflow:hidden;overflow-anchor:none;transition:border-color .25s,background .25s,box-shadow .25s}
.faq-section .faq-item:hover{border-color:#bbd7e3}
.faq-section .faq-item[open]{border-color:#bfdce7;background:#fcfeff;box-shadow:0 9px 26px #336b8206}
.faq-section .faq-item summary{display:flex;align-items:center;justify-content:flex-start;gap:14px;min-height:75px;margin:0;padding:20px 22px;font-size:14px;line-height:1.7;list-style:none;cursor:pointer;color:#2b5669}
.faq-section .faq-item summary::-webkit-details-marker{display:none}
.faq-section .faq-item summary::marker{content:""}
.faq-section .faq-item summary:focus-visible{outline-offset:-5px;border-radius:14px}
.faq-section .faq-question-icon{width:20px;height:20px;stroke-width:1.75;color:#7299aa;transition:color .3s}
.faq-section .faq-item summary>.faq-question,.faq-section .faq-item[open] summary>.faq-question{min-width:0;flex:1;color:inherit;font-size:inherit;font-weight:500;transform:none}
.faq-section .faq-chevron{width:18px;height:18px;stroke-width:1.75;color:#83a4b2;transition:transform .34s cubic-bezier(.22,1,.36,1),color .25s}
.faq-section .faq-item[open]:not([data-faq-open="false"]) .faq-chevron,.faq-section .faq-item[data-faq-open="true"] .faq-chevron{transform:rotate(180deg);color:#39748d}
.faq-section .faq-item[open] .faq-question-icon{color:#39748d}
.faq-section .faq-answer{padding:0 54px 24px 56px}
.faq-section .faq-item .faq-answer p{padding:0;font-size:13px;line-height:1.95;color:#63818f}
@media(max-width:1100px){
  .faq.faq-section{grid-template-columns:220px minmax(0,1fr);gap:36px}
  .faq-section h2{font-size:35px}
  .faq-section .faq-item summary{padding-inline:18px;gap:12px;font-size:13px}
  .faq-section .faq-answer{padding-left:50px;padding-right:40px}
}
@media(max-width:900px){
  .faq.faq-section{grid-template-columns:minmax(0,1fr);gap:35px;padding-top:85px;padding-bottom:85px}
  .faq-section .faq-intro{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:start}
  .faq-section .faq-emblem{grid-column:1;grid-row:1;margin-bottom:20px}
  .faq-section .eyebrow,.faq-section h2,.faq-section .section-intro{grid-column:1}
  .faq-section h2 br{display:none}
  .faq-section .faq-topic-nav{grid-column:2;grid-row:1/5;margin-top:0}
  .faq-section .section-intro{margin-top:17px}
}
@media(max-width:680px){
  .faq.faq-section{display:block;padding-top:74px;padding-bottom:76px}
  .faq-section .faq-intro{display:block}
  .faq-section .faq-emblem{width:47px;height:47px;border-radius:15px;margin-bottom:20px}
  .faq-section .faq-emblem .icon{width:24px;height:24px}
  .faq-section h2{font-size:34px;line-height:1.25}
  .faq-section .section-intro{font-size:13px;margin-top:17px}
  .faq-section .section-intro br{display:none}
  .faq-section .faq-topic-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:24px;margin-bottom:31px}
  .faq-section .faq-topic-nav a{flex-direction:column;align-items:flex-start;gap:9px;min-height:91px;padding:12px 10px;border-radius:13px}
  .faq-section .faq-topic-icon{width:30px;height:30px;border-radius:9px}
  .faq-section .faq-topic-nav strong{font-size:11px}
  .faq-section .faq-topic-nav small,.faq-section .faq-topic-arrow{display:none}
  .faq-section .faq-groups{gap:26px}
  .faq-section .faq-group-heading{font-size:12px;margin-bottom:10px}
  .faq-section .faq-item{border-radius:13px;margin-top:8px}
  .faq-section .faq-item summary{gap:10px;min-height:72px;padding:18px 15px;font-size:13px;line-height:1.65}
  .faq-section .faq-question-icon{width:18px;height:18px}
  .faq-section .faq-chevron{width:16px;height:16px}
  .faq-section .faq-answer{padding:0 18px 22px 43px}
  .faq-section .faq-item .faq-answer p{font-size:12px;line-height:1.95}
}
@media(prefers-reduced-motion:reduce){
  .faq-section .faq-item,.faq-section .faq-chevron,.faq-section .faq-question-icon,.faq-section .faq-topic-nav a{transition:none}
}