.page-faq{
  --faq-side:260px;
  --faq-gap:clamp(1.5rem,3vw,2.5rem);
  color:var(--paper);
  padding-bottom:clamp(3rem,6vw,5rem);
}

.page-faq .page-faq__crumbs{
  padding-top:clamp(1rem,2.5vw,1.75rem);
}

/* 首屏 */
.page-faq .faq-hero{
  position:relative;
  margin-top:clamp(.75rem,2vw,1.5rem);
  padding:clamp(1.75rem,4.5vw,3.25rem) 0 clamp(2rem,4vw,2.75rem);
  background:
    radial-gradient(95% 130% at 6% -10%, rgba(43,232,200,.16), transparent 62%),
    linear-gradient(160deg, rgba(23,63,56,.85), rgba(11,31,26,.15));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-faq .faq-hero::before,
.page-faq .faq-hero::after{
  content:"";
  position:absolute;
  width:24px;
  height:24px;
  border:1px solid var(--cyan);
  opacity:.85;
}
.page-faq .faq-hero::before{top:-1px;left:0;border-right:0;border-bottom:0}
.page-faq .faq-hero::after{bottom:-1px;right:0;border-left:0;border-top:0}

.page-faq .faq-hero__inner{
  display:grid;
  gap:clamp(1.25rem,3vw,2.5rem);
  align-items:end;
}
.page-faq .faq-hero h1{
  margin:.5rem 0 0;
  font-size:clamp(2rem,6vw,3.5rem);
  line-height:1.14;
  letter-spacing:.02em;
  font-weight:800;
}
.page-faq .faq-hero__mark{
  color:var(--cyan);
  box-shadow:inset 0 -.16em 0 rgba(43,232,200,.22);
}
.page-faq .faq-hero__lead{
  max-width:36em;
  margin:.9rem 0 0;
  font-size:1rem;
  line-height:1.8;
  color:rgba(242,247,244,.86);
}
.page-faq .faq-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.5rem;
}

.page-faq .faq-facts{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.page-faq .faq-facts li{
  display:flex;
  flex-direction:column;
  gap:.25rem;
  padding:.9rem 1rem;
  background:rgba(11,31,26,.72);
}
.page-faq .faq-facts__num{
  font-family:var(--font-mono);
  font-size:1.1rem;
  letter-spacing:.02em;
  color:var(--cyan);
}
.page-faq .faq-facts__label{
  font-size:.78rem;
  line-height:1.5;
  color:var(--muted);
}

/* 布局 */
.page-faq .faq-layout{
  display:grid;
  gap:var(--faq-gap);
  padding-top:clamp(1.75rem,4vw,2.75rem);
  align-items:start;
}
.page-faq .faq-side{
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.page-faq .faq-side__card{padding:1rem}
.page-faq .faq-side__card .eyebrow{margin-bottom:.6rem}
.page-faq .faq-side .step-index__link{font-size:.86rem}
.page-faq .faq-side__hint{
  margin:0;
  padding-left:.8rem;
  border-left:2px solid var(--amber);
  font-size:.82rem;
  line-height:1.75;
  color:var(--muted);
}

/* 区块通用 */
.page-faq .faq-section{
  padding-top:clamp(2rem,4.5vw,3rem);
  scroll-margin-top:5.5rem;
}
.page-faq .faq-section:first-child{padding-top:0}
.page-faq .faq-section__head{
  max-width:44em;
  margin-bottom:1.25rem;
}
.page-faq .faq-section__head h2{
  margin:.4rem 0 0;
  font-size:clamp(1.35rem,3.6vw,2rem);
  line-height:1.28;
  letter-spacing:.02em;
}
.page-faq .faq-section__sub{
  margin:.65rem 0 0;
  font-size:.95rem;
  line-height:1.8;
  color:var(--muted);
}

/* 三步分段切换 */
.page-faq .faq-tabs{position:relative}
.page-faq .faq-tabs__radio{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.page-faq .faq-tabs__bar{
  display:flex;
  flex-wrap:wrap;
  gap:.25rem;
  border-bottom:1px solid var(--line);
  margin-bottom:1.25rem;
}
.page-faq .faq-tabs__tab{
  display:inline-flex;
  align-items:baseline;
  gap:.4rem;
  padding:.65rem .9rem;
  font-size:.9rem;
  color:var(--muted);
  cursor:pointer;
  border-bottom:2px solid transparent;
  transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease);
}
.page-faq .faq-tabs__idx{
  font-family:var(--font-mono);
  font-size:.76rem;
  color:var(--muted);
}
.page-faq .faq-tabs__panel{
  display:none;
  padding:clamp(1rem,2.5vw,1.5rem);
  border:1px solid var(--line);
  background:linear-gradient(150deg,rgba(23,63,56,.6),rgba(11,31,26,.35));
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);
}
.page-faq #faq-st1:checked ~ .faq-tabs__bar .faq-tabs__tab[for="faq-st1"],
.page-faq #faq-st2:checked ~ .faq-tabs__bar .faq-tabs__tab[for="faq-st2"],
.page-faq #faq-st3:checked ~ .faq-tabs__bar .faq-tabs__tab[for="faq-st3"]{
  color:var(--cyan);
  border-bottom-color:var(--cyan);
  background:linear-gradient(180deg,rgba(43,232,200,.12),transparent);
}
.page-faq #faq-st1:checked ~ .faq-tabs__bar .faq-tabs__tab[for="faq-st1"] .faq-tabs__idx,
.page-faq #faq-st2:checked ~ .faq-tabs__bar .faq-tabs__tab[for="faq-st2"] .faq-tabs__idx,
.page-faq #faq-st3:checked ~ .faq-tabs__bar .faq-tabs__tab[for="faq-st3"] .faq-tabs__idx{
  color:var(--cyan-soft);
}
.page-faq #faq-st1:focus-visible ~ .faq-tabs__bar .faq-tabs__tab[for="faq-st1"],
.page-faq #faq-st2:focus-visible ~ .faq-tabs__bar .faq-tabs__tab[for="faq-st2"],
.page-faq #faq-st3:focus-visible ~ .faq-tabs__bar .faq-tabs__tab[for="faq-st3"]{
  outline:2px solid var(--cyan-soft);
  outline-offset:2px;
}
.page-faq #faq-st1:checked ~ .faq-tabs__panels .faq-tabs__panel[data-panel="1"],
.page-faq #faq-st2:checked ~ .faq-tabs__panels .faq-tabs__panel[data-panel="2"],
.page-faq #faq-st3:checked ~ .faq-tabs__panels .faq-tabs__panel[data-panel="3"]{
  display:block;
  animation:faq-panel-in .22s var(--ease) both;
}
@keyframes faq-panel-in{
  from{opacity:0;transform:translateX(-12px)}
  to{opacity:1;transform:none}
}

/* 步骤列表 */
.page-faq .faq-steps{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1.1rem;
}
.page-faq .faq-steps li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.85rem;
  align-items:start;
}
.page-faq .faq-steps__num{
  display:grid;
  place-items:center;
  width:1.9rem;
  height:1.9rem;
  font-family:var(--font-mono);
  font-size:.76rem;
  color:var(--ink);
  background:var(--cyan);
  clip-path:polygon(0 0,100% 0,100% 68%,68% 100%,0 100%);
}
.page-faq .faq-steps h3{
  margin:.15rem 0 .3rem;
  font-size:1rem;
  letter-spacing:.01em;
  color:var(--paper);
}
.page-faq .faq-steps p{
  margin:0;
  font-size:.92rem;
  line-height:1.78;
  color:var(--muted);
}

.page-faq .faq-note{
  margin:1.1rem 0 0;
  padding-top:.85rem;
  border-top:1px dashed var(--line);
  font-size:.88rem;
  line-height:1.78;
  color:var(--muted);
}

/* 图框 */
.page-faq .fig-frame{margin:0 0 1.1rem}
.page-faq .fig-frame img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}

/* 双栏：条件 / 图 */
.page-faq .faq-recover{
  display:grid;
  gap:1.25rem;
  align-items:start;
}
.page-faq .faq-cond-list{
  display:grid;
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.page-faq .faq-cond{
  padding:.9rem 1rem;
  background:rgba(11,31,26,.55);
}
.page-faq .faq-cond__key{
  display:inline-block;
  margin-bottom:.35rem;
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.08em;
  color:var(--amber);
}
.page-faq .faq-cond__text{
  margin:0;
  font-size:.9rem;
  line-height:1.78;
  color:var(--muted);
}

/* 对照表 */
.page-faq .faq-table-wrap{
  margin-top:1.5rem;
  overflow-x:auto;
  border:1px solid var(--line);
  background:rgba(11,31,26,.5);
}
.page-faq .faq-table{
  width:100%;
  min-width:560px;
  border-collapse:collapse;
}
.page-faq .faq-table__cap{
  caption-side:top;
  text-align:left;
  padding:.7rem .85rem;
  font-family:var(--font-mono);
  font-size:.78rem;
  color:var(--muted);
  border-bottom:1px solid var(--line);
}
.page-faq .faq-table th{
  text-align:left;
  padding:.6rem .85rem;
  font-family:var(--font-mono);
  font-size:.76rem;
  font-weight:500;
  letter-spacing:.06em;
  color:var(--muted);
  border-bottom:1px solid var(--line);
  white-space:nowrap;
}
.page-faq .faq-table td{
  padding:.8rem .85rem;
  font-size:.9rem;
  line-height:1.7;
  color:var(--paper);
  border-bottom:1px solid var(--line);
  vertical-align:top;
}
.page-faq .faq-table tbody tr:last-child td{border-bottom:0}
.page-faq .faq-table tbody tr:hover td{background:rgba(43,232,200,.06)}
.page-faq .faq-table tbody tr:hover td:last-child{
  background:rgba(242,179,61,.16);
  color:var(--paper);
}

/* 版本 */
.page-faq .faq-ver{
  display:grid;
  gap:1.25rem;
  align-items:start;
}
.page-faq .faq-ver__badge{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  padding:1.25rem;
  border:1px solid var(--cyan);
  background:
    repeating-linear-gradient(135deg,rgba(43,232,200,.06) 0 6px,transparent 6px 12px),
    rgba(43,232,200,.07);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut-lg)),calc(100% - var(--cut-lg)) 100%,0 100%);
}
.page-faq .faq-ver__num{
  font-family:var(--font-mono);
  font-size:2.1rem;
  line-height:1.1;
  letter-spacing:.03em;
  color:var(--cyan);
}
.page-faq .faq-ver__label{
  font-size:.78rem;
  line-height:1.6;
  letter-spacing:.06em;
  color:var(--muted);
}
.page-faq .faq-ver__parts{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.9rem;
}
.page-faq .faq-ver__parts li{
  padding-top:.6rem;
  border-top:2px solid var(--line);
}
.page-faq .faq-ver__k{
  display:block;
  margin-bottom:.3rem;
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.06em;
  color:var(--amber);
}
.page-faq .faq-ver__v{
  font-size:.88rem;
  line-height:1.78;
  color:var(--muted);
}

/* 折叠问答 */
.page-faq .faq-acc{
  display:grid;
  gap:.5rem;
}
.page-faq .faq-acc__item{
  border-left:2px solid var(--line);
  padding-left:clamp(.85rem,2vw,1.25rem);
  transition:border-color .2s var(--ease);
}
.page-faq .faq-acc__item[open]{border-left-color:var(--amber)}
.page-faq .faq-acc__summary{
  display:flex;
  gap:.75rem;
  align-items:baseline;
  padding:.8rem 0;
  cursor:pointer;
  list-style:none;
}
.page-faq .faq-acc__summary::-webkit-details-marker{display:none}
.page-faq .faq-acc__summary::marker{content:""}
.page-faq .faq-acc__num{
  font-family:var(--font-mono);
  font-size:.78rem;
  color:var(--cyan);
}
.page-faq .faq-acc__q{
  font-size:1rem;
  font-weight:600;
  line-height:1.6;
  color:var(--paper);
}
.page-faq .faq-acc__item[open] .faq-acc__q{color:var(--cyan-soft)}
.page-faq .faq-acc__summary:focus-visible{
  outline:2px solid var(--cyan-soft);
  outline-offset:2px;
}
.page-faq .faq-acc__a{
  padding:0 0 .95rem 2rem;
  font-size:.92rem;
  line-height:1.8;
  color:var(--muted);
}
.page-faq .faq-acc__a p{margin:0 0 .5rem}
.page-faq .faq-acc__a p:last-child{margin-bottom:0}

/* 求助 */
.page-faq .faq-help{
  display:grid;
  gap:1.5rem;
  padding:clamp(1.15rem,3vw,2rem);
  border:1px solid var(--line);
  background:linear-gradient(150deg,rgba(23,63,56,.75),rgba(11,31,26,.4));
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut-lg)),calc(100% - var(--cut-lg)) 100%,0 100%);
}
.page-faq .faq-check{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.6rem;
}
.page-faq .faq-check li{
  position:relative;
  padding-left:1.1rem;
  font-size:.9rem;
  line-height:1.78;
  color:var(--paper);
}
.page-faq .faq-check li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:.42rem;
  height:.42rem;
  background:var(--amber);
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
}
.page-faq .faq-help__channels{
  display:grid;
  gap:.75rem;
  align-content:start;
  padding-top:.25rem;
  border-top:1px solid var(--line);
}
.page-faq .faq-help__row{
  display:grid;
  gap:.2rem;
  margin:0;
  padding-top:.75rem;
  border-bottom:1px solid var(--line);
  padding-bottom:.75rem;
}
.page-faq .faq-help__row:last-child{border-bottom:0}
.page-faq .faq-help__k{
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.08em;
  color:var(--muted);
}
.page-faq .faq-help__v{
  font-size:.95rem;
  line-height:1.65;
  color:var(--paper);
  text-decoration:none;
  overflow-wrap:anywhere;
}
.page-faq a.faq-help__v:hover{color:var(--cyan-soft)}
.page-faq .faq-help a.link-more{margin-top:.2rem}

/* 响应式 */
@media (min-width:560px){
  .page-faq .faq-ver__parts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:760px){
  .page-faq .faq-recover{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
  .page-faq .faq-recover > .fig-frame{margin-bottom:0}
}
@media (min-width:820px){
  .page-faq .faq-hero__inner{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
  .page-faq .faq-ver{grid-template-columns:220px minmax(0,1fr)}
  .page-faq .faq-help{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
}
@media (min-width:920px){
  .page-faq .faq-layout{grid-template-columns:var(--faq-side) minmax(0,1fr)}
  .page-faq .faq-side{position:sticky;top:5.25rem}
  .page-faq .faq-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  .page-faq .faq-tabs__panel{animation:none}
  .page-faq .faq-tabs__tab,
  .page-faq .faq-acc__item{transition:none}
}
<<<END>>>