.page-faq{
  --faq-accent:var(--c-lime);
  --faq-hair:var(--c-moss);
  background:
    radial-gradient(120% 70% at 92% -8%, rgba(117,230,193,.10), transparent 62%),
    radial-gradient(90% 60% at -10% 4%, rgba(200,255,61,.08), transparent 58%);
  color:var(--c-text);
  padding-bottom:clamp(56px,8vw,110px);
}
.page-faq [data-section="subscribe"]{--faq-accent:var(--c-lime);}
.page-faq [data-section="data"]{--faq-accent:var(--c-mint);}
.page-faq [data-section="mobile"]{--faq-accent:var(--c-orange);}
.page-faq [data-section="contact"]{--faq-accent:var(--c-lime);}

.page-faq .breadcrumb{margin-bottom:clamp(20px,3vw,32px);}
.page-faq .breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;font-size:var(--fs-200);}
.page-faq .breadcrumb a{color:var(--c-silver);text-decoration:none;}
.page-faq .breadcrumb a:hover{color:var(--c-lime);}
.page-faq .breadcrumb li+li::before{content:"/";margin-right:8px;color:var(--c-dim);}
.page-faq .breadcrumb li:last-child{color:var(--c-mist);}

/* ---------- 首屏 ---------- */
.page-faq .faq-hero{
  position:relative;
  padding-block:calc(var(--header-h) + 26px) clamp(34px,6vw,68px);
  border-bottom:1px solid var(--faq-hair);
  overflow:hidden;
}
.page-faq .faq-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:2px;
  background:linear-gradient(90deg,var(--c-lime),var(--c-mint) 45%,var(--c-orange) 78%,transparent);
  opacity:.6;
}
.page-faq .faq-hero__grid{display:grid;gap:clamp(28px,5vw,44px);}
.page-faq .faq-hero .eyebrow{color:var(--c-mint);margin:0 0 14px;}
.page-faq .faq-hero h1{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(2.1rem,1.2rem + 4.6vw,3.9rem);
  font-weight:900;
  line-height:1.02;
  letter-spacing:-.03em;
  color:var(--c-mist);
  max-width:20ch;
}
.page-faq .faq-hero__lead{
  margin:clamp(16px,2.4vw,24px) 0 0;
  max-width:56ch;
  color:var(--c-silver);
  font-size:var(--fs-400);
  line-height:1.8;
}
.page-faq .faq-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(22px,3vw,30px);}

.page-faq .faq-hero__aside{
  border-top:1px solid var(--faq-hair);
  padding-top:20px;
}
.page-faq .faq-hero__aside-label{
  margin:0 0 14px;
  font-family:var(--font-mono);
  font-size:var(--fs-100);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--c-dim);
}
.page-faq .faq-stats{display:grid;gap:14px;margin:0;padding:0;list-style:none;}
.page-faq .faq-stats li{display:flex;align-items:baseline;gap:14px;}
.page-faq .faq-stats .num{
  font-family:var(--font-mono);
  font-size:clamp(1.5rem,1.1rem + 1.4vw,2rem);
  font-weight:700;
  letter-spacing:.03em;
  color:var(--faq-accent);
  min-width:4.4ch;
}
.page-faq .faq-stats__cap{color:var(--c-silver);font-size:var(--fs-200);line-height:1.5;}

/* ---------- 问题索引 ---------- */
.page-faq .faq-index{padding-block:clamp(42px,6vw,78px);}
.page-faq .faq-index__head h2{
  margin:0;
  font-family:var(--font-display);
  font-size:var(--fs-700);
  letter-spacing:-.025em;
  color:var(--c-mist);
}
.page-faq .faq-index__head p{
  margin:10px 0 0;
  max-width:52ch;
  color:var(--c-silver);
  font-size:var(--fs-300);
}
.page-faq .faq-filter{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:clamp(20px,3vw,28px) 0 clamp(26px,4vw,38px);
  padding:14px 16px;
  border:1px solid var(--faq-hair);
  border-radius:999px;
  background:linear-gradient(100deg,rgba(16,35,28,.92),rgba(5,17,12,.55));
}
.page-faq .faq-filter__label{
  font-family:var(--font-mono);
  font-size:var(--fs-100);
  letter-spacing:.12em;
  color:var(--c-dim);
  padding-right:6px;
}
.page-faq .faq-chip{
  display:inline-flex;
  align-items:center;
  padding:7px 14px;
  border:1px solid transparent;
  border-radius:999px;
  background:rgba(200,255,61,.08);
  color:var(--c-mist);
  font-size:var(--fs-200);
  text-decoration:none;
  transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease);
}
.page-faq .faq-chip:hover,
.page-faq .faq-chip:focus-visible{
  background:rgba(200,255,61,.18);
  border-color:var(--c-lime);
  color:var(--c-lime);
}

.page-faq .faq-index__body{display:grid;gap:clamp(26px,4vw,44px);align-items:start;}
.page-faq .faq-index__fig{margin:0;}
.page-faq .faq-index__fig img{width:100%;height:auto;display:block;object-fit:cover;border-radius:var(--r-md);}
.page-faq .faq-index__fig figcaption{
  margin-top:10px;
  color:var(--c-dim);
  font-size:var(--fs-200);
  line-height:1.6;
}
.page-faq .faq-cards{display:grid;gap:12px;margin:0;padding:0;list-style:none;}
.page-faq .faq-cards a{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:14px;
  row-gap:5px;
  align-items:start;
  padding:18px 16px;
  border:1px solid var(--faq-hair);
  border-radius:var(--r-sm);
  background:linear-gradient(150deg,rgba(16,35,28,.92),rgba(5,17,12,.6));
  text-decoration:none;
  transition:border-color .2s var(--ease),transform .2s var(--ease);
}
.page-faq .faq-cards a:hover,
.page-faq .faq-cards a:focus-visible{border-color:var(--c-lime);transform:translateX(3px);}
.page-faq .faq-cards__num{
  grid-column:1;
  grid-row:1 / span 2;
  font-family:var(--font-mono);
  font-size:var(--fs-200);
  color:var(--c-lime);
  letter-spacing:.05em;
}
.page-faq .faq-cards strong{grid-column:2;grid-row:1;color:var(--c-mist);font-size:var(--fs-400);font-weight:600;}
.page-faq .faq-cards__desc{grid-column:2;grid-row:2;color:var(--c-silver);font-size:var(--fs-200);line-height:1.6;}

/* ---------- 问答分组 ---------- */
.page-faq .faq-group{
  padding-block:clamp(38px,6vw,72px);
  border-top:1px solid var(--faq-hair);
  scroll-margin-top:calc(var(--header-h) + 18px);
}
.page-faq .faq-group__grid{display:grid;gap:clamp(22px,4vw,0px);}
.page-faq .faq-group__side{margin-bottom:clamp(18px,3vw,0px);}
.page-faq .faq-group__num{
  margin:0 0 8px;
  font-family:var(--font-mono);
  font-size:clamp(2rem,1.3rem + 2.8vw,3.1rem);
  font-weight:700;
  line-height:1;
  letter-spacing:.04em;
  color:var(--faq-accent);
}
.page-faq .faq-group__side h2{
  margin:0;
  font-family:var(--font-display);
  font-size:var(--fs-600);
  letter-spacing:-.02em;
  color:var(--c-mist);
}
.page-faq .faq-group__note{
  margin:12px 0 0;
  color:var(--c-silver);
  font-size:var(--fs-200);
  line-height:1.7;
  max-width:32ch;
}
.page-faq .faq-group__link{
  display:inline-block;
  margin-top:16px;
  padding-bottom:3px;
  border-bottom:1px solid var(--c-mint);
  color:var(--c-mint);
  font-size:var(--fs-200);
  text-decoration:none;
}
.page-faq .faq-group__link:hover,
.page-faq .faq-group__link:focus-visible{color:var(--c-lime);border-color:var(--c-lime);}

.page-faq .faq-group__body{min-width:0;}
.page-faq .faq-group__body::before{
  content:"";
  display:block;
  width:56px;
  height:3px;
  margin-bottom:6px;
  background:var(--faq-accent);
  border-radius:2px;
}

.page-faq .qa{
  border-top:1px solid var(--faq-hair);
  padding-block:2px;
}
.page-faq .qa:last-of-type{border-bottom:1px solid var(--faq-hair);}
.page-faq .qa__q{
  display:flex;
  align-items:baseline;
  gap:12px;
  padding-block:16px;
  cursor:pointer;
  list-style:none;
  color:var(--c-mist);
  font-size:var(--fs-400);
  font-weight:600;
  line-height:1.5;
  transition:color .2s var(--ease);
}
.page-faq .qa__q::-webkit-details-marker{display:none;}
.page-faq .qa__q::after{
  content:"+";
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:1.2rem;
  line-height:1;
  color:var(--faq-accent);
}
.page-faq .qa[open] .qa__q::after{content:"–";}
.page-faq .qa__q:hover{color:var(--faq-accent);}
.page-faq .qa__idx{
  font-family:var(--font-mono);
  font-size:var(--fs-100);
  letter-spacing:.1em;
  color:var(--c-dim);
  flex:none;
}
.page-faq .qa[open] .qa__idx{color:var(--faq-accent);}
.page-faq .qa__a{padding:0 0 20px;}
.page-faq .qa__a p{
  margin:0 0 10px;
  padding-left:14px;
  border-left:1px solid var(--faq-hair);
  color:var(--c-silver);
  font-size:var(--fs-300);
  line-height:1.8;
  max-width:64ch;
}
.page-faq .qa__a p:last-child{margin-bottom:0;}
.page-faq .qa__a a{color:var(--c-mint);}

.page-faq .faq-group__fig{
  margin:clamp(22px,3vw,34px) 0 0;
  max-width:420px;
}
.page-faq .faq-group__fig img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
  border-radius:var(--r-md);
  border:1px solid var(--faq-hair);
}
.page-faq .faq-group__fig figcaption{
  margin-top:10px;
  color:var(--c-dim);
  font-size:var(--fs-200);
  line-height:1.6;
}

/* ---------- 联系支持 ---------- */
.page-faq .faq-contact{
  padding-block:clamp(40px,6vw,80px);
  border-top:1px solid var(--faq-hair);
  scroll-margin-top:calc(var(--header-h) + 18px);
}
.page-faq .faq-contact__grid{display:grid;gap:clamp(28px,4vw,50px);align-items:start;}
.page-faq .faq-contact .eyebrow{color:var(--c-orange);margin:0 0 14px;}
.page-faq .faq-contact__steps h2{
  margin:0;
  font-family:var(--font-display);
  font-size:var(--fs-700);
  letter-spacing:-.025em;
  line-height:1.1;
  color:var(--c-mist);
  max-width:18ch;
}
.page-faq .faq-contact__lede{
  margin:14px 0 0;
  max-width:46ch;
  color:var(--c-silver);
  font-size:var(--fs-300);
  line-height:1.8;
}
.page-faq .faq-steps{
  margin:clamp(22px,3vw,30px) 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:14px;
}
.page-faq .faq-steps li{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:14px;
  row-gap:4px;
  padding-top:14px;
  border-top:1px dashed var(--faq-hair);
}
.page-faq .faq-steps__num{
  grid-row:1 / span 2;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid var(--c-orange);
  border-radius:50%;
  font-family:var(--font-mono);
  font-size:var(--fs-200);
  color:var(--c-orange);
}
.page-faq .faq-steps strong{color:var(--c-mist);font-size:var(--fs-300);grid-column:2;}
.page-faq .faq-steps span:last-child{grid-column:2;color:var(--c-silver);font-size:var(--fs-200);line-height:1.7;}

.page-faq .faq-contact__panel{
  padding:clamp(22px,3.4vw,34px);
  border:1px solid var(--faq-hair);
  border-left:3px solid var(--c-lime);
  border-radius:var(--r-md);
  background:linear-gradient(160deg,rgba(16,35,28,.95),rgba(11,15,13,.85));
}
.page-faq .faq-contact__panel-title{
  margin:0 0 18px;
  font-family:var(--font-mono);
  font-size:var(--fs-100);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--c-lime);
}
.page-faq .faq-contact__rows{margin:0;padding:0;list-style:none;display:grid;gap:14px;}
.page-faq .faq-contact__rows li{
  display:grid;
  gap:4px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(44,70,60,.7);
}
.page-faq .faq-contact__rows li:last-child{padding-bottom:0;border-bottom:0;}
.page-faq .faq-contact__k{
  font-family:var(--font-mono);
  font-size:var(--fs-100);
  letter-spacing:.1em;
  color:var(--c-dim);
}
.page-faq .faq-contact__v{
  color:var(--c-mist);
  font-size:var(--fs-400);
  line-height:1.6;
  word-break:break-word;
}
.page-faq .faq-contact__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}
.page-faq .faq-contact__fine{
  margin:18px 0 0;
  color:var(--c-silver);
  font-size:var(--fs-200);
  line-height:1.7;
}
.page-faq .faq-contact__fine a{color:var(--c-mint);}

/* ---------- 响应式 ---------- */
@media (min-width:720px){
  .page-faq .faq-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-faq .faq-group__grid{gap:26px;}
}

@media (min-width:960px){
  .page-faq .faq-hero__grid{
    grid-template-columns:minmax(0,7fr) minmax(0,4fr);
    gap:clamp(32px,4vw,64px);
    align-items:end;
  }
  .page-faq .faq-hero__aside{
    border-top:0;
    border-left:1px solid var(--faq-hair);
    padding:0 0 6px clamp(20px,2.4vw,34px);
  }
  .page-faq .faq-index__body{
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:clamp(26px,3vw,48px);
  }
  .page-faq .faq-group__grid{
    grid-template-columns:minmax(0,3fr) minmax(0,8fr);
    gap:clamp(28px,4vw,64px);
  }
  .page-faq .faq-group__side{
    position:sticky;
    top:calc(var(--header-h) + 24px);
    align-self:start;
    margin-bottom:0;
  }
  .page-faq .faq-group__body::before{margin-bottom:10px;}
  .page-faq .faq-group__fig{margin-left:auto;}
  .page-faq .faq-contact__grid{
    grid-template-columns:minmax(0,6fr) minmax(0,5fr);
    gap:clamp(32px,4vw,64px);
  }
}

@media (min-width:1200px){
  .page-faq .faq-hero h1{max-width:17ch;}
}
<<<END>>>