.page-faq{
  --faq-rail:262px;
  --faq-gap:clamp(20px,3vw,40px);
  --faq-line-fade:linear-gradient(180deg,rgba(34,211,238,.5),rgba(34,211,238,0));
}

/* ---------- 首屏 ---------- */
.page-faq .support-hero{
  padding-top:clamp(16px,2.6vw,30px);
  padding-bottom:clamp(24px,4vw,46px);
}

.page-faq .support-hero-inner{
  display:grid;
  gap:clamp(22px,4vw,44px);
  align-items:center;
}

@media (min-width:920px){
  .page-faq .support-hero-inner{
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  }
}

.page-faq .support-hero-copy{
  min-width:0;
}

.page-faq .support-title{
  margin:.34em 0 .48em;
  font-family:var(--font-head);
  font-size:clamp(32px,5.6vw,62px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.012em;
  color:var(--c-mist);
  text-wrap:balance;
}

.page-faq .lede{
  max-width:56ch;
  margin:0 0 clamp(20px,2.4vw,28px);
  font-size:15.5px;
  line-height:1.8;
  color:var(--c-steel);
}

/* 检索条 */
.page-faq .support-search{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 12px;
  padding:13px 16px;
  border:1px solid var(--line);
  border-radius:var(--r-pill);
  background:var(--surface);
  box-shadow:var(--shadow-lift);
  transition:border-color .22s var(--ease), box-shadow .22s var(--ease);
}

.page-faq .support-search:hover{
  border-color:var(--line-strong);
  box-shadow:var(--shadow-card);
}

.page-faq .support-search-icon{
  flex:0 0 auto;
  color:var(--c-cyan);
}

.page-faq .support-search-hint{
  flex:1 1 190px;
  min-width:0;
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  line-height:1.5;
  letter-spacing:.02em;
  color:var(--c-steel);
}

.page-faq .support-search-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0;
  padding:0;
  list-style:none;
}

.page-faq .support-search-tags a.tag{
  display:inline-flex;
  align-items:center;
  padding:5px 13px;
  border-radius:var(--r-pill);
  border:1px solid var(--line);
  background:rgba(11,18,32,.5);
  font-size:12.5px;
  line-height:1.4;
  color:var(--c-mist);
  text-decoration:none;
  transition:border-color .2s var(--ease), color .2s var(--ease), background .2s var(--ease);
}

.page-faq .support-search-tags a.tag[data-tone="cyan"]:hover{
  border-color:var(--line-strong);
  background:rgba(34,211,238,.08);
  color:var(--c-cyan-soft);
}

.page-faq .support-search-tags a.tag[data-tone="amber"]:hover{
  border-color:rgba(245,185,66,.55);
  background:rgba(245,185,66,.08);
  color:var(--c-amber);
}

/* 首屏配图 */
.page-faq .support-hero-media{
  position:relative;
  margin:0;
  border-radius:var(--r-lg);
  overflow:hidden;
  border:1px solid var(--line-soft);
  background:var(--surface-2);
  box-shadow:var(--shadow-lift);
}

.page-faq .support-hero-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(202deg,rgba(34,211,238,.18),rgba(168,85,247,.1) 46%,transparent 70%);
  pointer-events:none;
}

.page-faq .support-hero-media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

/* ---------- 主体两栏 ---------- */
.page-faq .support-body{
  padding-block:clamp(16px,2.6vw,34px) clamp(30px,4.6vw,62px);
}

.page-faq .support-layout{
  display:grid;
  gap:var(--faq-gap);
  align-items:start;
}

@media (min-width:1000px){
  .page-faq .support-layout{
    grid-template-columns:var(--faq-rail) minmax(0,1fr);
  }
}

/* ---------- 左侧分类轨道 ---------- */
.page-faq .support-rail{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:var(--surface);
  min-width:0;
}

@media (min-width:1000px){
  .page-faq .support-rail{
    position:sticky;
    top:102px;
  }
}

.page-faq .support-rail-head{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.18em;
  color:var(--c-cyan);
  text-transform:uppercase;
}

.page-faq .support-rail-head::before{
  content:"— ";
  color:var(--c-steel);
}

.page-faq .support-rail-nav{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}

.page-faq .support-rail-group{
  margin:0 0 8px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--c-steel);
}

.page-faq .support-rail-group::before{
  content:"— ";
  color:rgba(34,211,238,.65);
}

.page-faq .support-rail-list{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0;
  padding:0;
  list-style:none;
}

.page-faq .support-rail-list + .support-rail-group{
  margin-top:6px;
}

.page-faq .support-rail-link{
  display:block;
  padding:8px 14px;
  border-radius:var(--r-pill);
  border:1px solid var(--line-soft);
  background:rgba(6,16,28,.45);
  font-size:13.5px;
  line-height:1.4;
  color:var(--c-steel);
  text-decoration:none;
  white-space:normal;
  transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);
}

.page-faq .support-rail-link:hover,
.page-faq .support-rail-link.is-active{
  color:var(--c-mist);
  border-color:var(--line-strong);
  background:rgba(34,211,238,.08);
}

@media (min-width:1000px){
  .page-faq .support-rail-link{
    position:relative;
    padding:8px 12px 8px 26px;
    border-radius:var(--r-sm);
    border-color:transparent;
    background:transparent;
    white-space:nowrap;
  }

  .page-faq .support-rail-link::before{
    content:"";
    position:absolute;
    left:11px;
    top:50%;
    width:8px;
    height:1px;
    background:var(--c-steel);
    transform:translateY(-50%);
    transition:background .2s var(--ease), width .2s var(--ease);
  }

  .page-faq .support-rail-link:hover::before,
  .page-faq .support-rail-link.is-active::before{
    width:13px;
    background:var(--c-cyan);
  }
}

.page-faq .support-rail-note{
  margin-top:2px;
  padding-top:16px;
  border-top:1px solid var(--line-soft);
}

.page-faq .support-rail-note p{
  margin:0 0 12px;
  font-size:12.5px;
  line-height:1.72;
  color:var(--c-steel);
}

.page-faq .support-rail-note .btn{
  width:100%;
  justify-content:center;
}

/* ---------- 右侧内容区 ---------- */
.page-faq .support-content{
  display:flex;
  flex-direction:column;
  gap:clamp(20px,2.8vw,32px);
  min-width:0;
}

.page-faq .support-block{
  padding:clamp(20px,2.8vw,34px);
  border:1px solid var(--line-soft);
  border-radius:var(--r-lg);
  background:var(--surface);
  scroll-margin-top:112px;
  min-width:0;
}

.page-faq .support-block-head{
  max-width:64ch;
  margin-bottom:clamp(16px,2.2vw,24px);
}

.page-faq .support-block-head .section-title{
  margin:9px 0 12px;
  font-size:clamp(23px,2.9vw,33px);
  line-height:1.22;
  font-weight:800;
  letter-spacing:-.008em;
  color:var(--c-mist);
}

.page-faq .support-block-lede{
  margin:0;
  font-size:14.5px;
  line-height:1.78;
  color:var(--c-steel);
}

/* ---------- 起步三步 ---------- */
.page-faq .steps{
  display:grid;
  gap:13px;
  margin:0;
  padding:0;
  list-style:none;
}

@media (min-width:800px){
  .page-faq .steps{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

.page-faq .step{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:20px 20px 18px;
  border:1px solid var(--line-soft);
  border-radius:var(--r-md);
  background:var(--surface-2);
  transition:transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease);
}

.page-faq .step:hover{
  transform:translateY(-2px);
  border-color:var(--line-strong);
  box-shadow:var(--shadow-card);
}

.page-faq .step-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid var(--line-strong);
  background:rgba(34,211,238,.09);
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.06em;
  color:var(--c-cyan-soft);
}

.page-faq .step-title{
  margin:0;
  font-size:16.5px;
  font-weight:700;
  line-height:1.42;
  color:var(--c-mist);
}

.page-faq .step-text{
  margin:0;
  font-size:13.5px;
  line-height:1.74;
  color:var(--c-steel);
}

.page-faq .step-link{
  align-self:flex-start;
  margin-top:auto;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.04em;
  color:var(--c-cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(34,211,238,.35);
  transition:color .2s var(--ease), border-color .2s var(--ease);
}

.page-faq .step-link:hover{
  color:var(--c-amber);
  border-color:rgba(245,185,66,.6);
}

/* 会员中心自助服务 */
.page-faq .support-services{
  display:grid;
  gap:11px;
  margin:clamp(16px,2.2vw,24px) 0 0;
  padding:0;
  list-style:none;
}

@media (min-width:640px){
  .page-faq .support-services{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:1180px){
  .page-faq .support-services{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

.page-faq .support-service{
  padding:15px 16px 14px;
  border:1px dashed var(--line);
  border-radius:var(--r-md);
  background:rgba(6,16,28,.4);
  transition:border-color .2s var(--ease), border-style .2s var(--ease);
}

.page-faq .support-service:hover{
  border-style:solid;
  border-color:var(--line-strong);
}

.page-faq .support-service-index{
  display:block;
  margin-bottom:7px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--c-cyan);
}

.page-faq .support-service-title{
  margin:0 0 6px;
  font-size:15px;
  font-weight:700;
  color:var(--c-mist);
}

.page-faq .support-service-text{
  margin:0;
  font-size:12.5px;
  line-height:1.66;
  color:var(--c-steel);
}

/* ---------- 五大分类卡 ---------- */
.page-faq .support-cats{
  display:grid;
  gap:11px;
  margin:0;
  padding:0;
  list-style:none;
}

@media (min-width:620px){
  .page-faq .support-cats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:1000px){
  .page-faq .support-cats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

.page-faq .support-cat{
  display:flex;
  flex-direction:column;
  gap:6px;
  height:100%;
  padding:17px 17px 15px;
  border:1px solid var(--line-soft);
  border-radius:var(--r-md);
  background:rgba(6,16,28,.45);
  text-decoration:none;
  transition:transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease);
}

.page-faq .support-cat:hover{
  transform:translateY(-2px);
  border-color:var(--line-strong);
  box-shadow:var(--shadow-card);
}

.page-faq .support-cat-index{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.16em;
  color:var(--c-cyan);
}

.page-faq .support-cat .card-title{
  margin:0;
  font-size:16.5px;
  font-weight:700;
  color:var(--c-mist);
}

.page-faq .support-cat .card-text{
  margin:0;
  font-size:12.5px;
  line-height:1.66;
  color:var(--c-steel);
}

.page-faq .support-plate{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:clamp(16px,2.2vw,22px);
  padding:16px 18px;
  border:1px solid var(--line-soft);
  border-radius:var(--r-md);
  background:linear-gradient(140deg,rgba(245,185,66,.09),rgba(11,18,32,.55) 62%);
}

.page-faq .support-plate-text{
  flex:1 1 260px;
  min-width:0;
  margin:0;
  font-size:13.5px;
  line-height:1.72;
  color:var(--c-steel);
}

/* ---------- 折叠问答 ---------- */
.page-faq .support-faq{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.page-faq .support-fold{
  border:1px solid var(--line-soft);
  border-radius:var(--r-md);
  background:rgba(6,16,28,.5);
  overflow:hidden;
  transition:border-color .2s var(--ease), background .2s var(--ease);
}

.page-faq .support-fold:hover{
  border-color:var(--line-strong);
  background:rgba(6,16,28,.68);
}

.page-faq .support-fold .fold-trigger{
  display:flex;
  align-items:flex-start;
  gap:12px;
  width:100%;
  padding:15px 17px;
  border:0;
  background:none;
  cursor:pointer;
  text-align:left;
  font-family:var(--font-body);
  font-size:15px;
  line-height:1.6;
  color:var(--c-mist);
  transition:color .2s var(--ease);
}

.page-faq .support-fold .fold-trigger:hover{
  color:var(--c-cyan-soft);
}

.page-faq .support-q-num{
  flex:0 0 auto;
  min-width:24px;
  padding-top:2px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.08em;
  color:var(--c-cyan);
}

.page-faq .support-q-text{
  flex:1 1 auto;
  min-width:0;
}

.page-faq .support-q-mark{
  position:relative;
  flex:0 0 auto;
  width:11px;
  height:11px;
  margin-top:6px;
}

.page-faq .support-q-mark::before,
.page-faq .support-q-mark::after{
  content:"";
  position:absolute;
  background:var(--c-steel);
  transition:background .2s var(--ease), transform .2s var(--ease);
}

.page-faq .support-q-mark::before{
  left:0;
  top:5px;
  width:11px;
  height:1.6px;
}

.page-faq .support-q-mark::after{
  left:5px;
  top:0;
  width:1.6px;
  height:11px;
}

.page-faq .support-fold .fold-trigger[aria-expanded="true"] .support-q-mark::before{
  background:var(--c-cyan);
}

.page-faq .support-fold .fold-trigger[aria-expanded="true"] .support-q-mark::after{
  transform:scaleY(0);
  background:var(--c-cyan);
}

.page-faq .support-fold .fold-panel{
  padding:0 17px 16px 17px;
  font-size:13.8px;
  line-height:1.78;
  color:var(--c-steel);
}

@media (min-width:640px){
  .page-faq .support-fold .fold-panel{
    padding-left:53px;
    padding-right:26px;
  }
}

.page-faq .support-fold .fold-panel p{
  margin:0;
}

/* ---------- 网络排查时间线 ---------- */
.page-faq .support-troubles{
  display:flex;
  flex-direction:column;
  margin:0;
  padding:0;
  list-style:none;
}

.page-faq .support-trouble{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:15px;
  padding-bottom:22px;
}

.page-faq .support-trouble:last-child{
  padding-bottom:0;
}

.page-faq .support-trouble::before{
  content:"";
  position:absolute;
  left:15px;
  top:34px;
  bottom:0;
  width:1px;
  background:var(--faq-line-fade);
}

.page-faq .support-trouble:last-child::before{
  display:none;
}

.page-faq .support-trouble-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:50%;
  border:1px solid var(--line-strong);
  background:rgba(34,211,238,.09);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.04em;
  color:var(--c-cyan-soft);
}

.page-faq .support-trouble-body{
  min-width:0;
}

.page-faq .support-trouble-title{
  margin:3px 0 7px;
  font-size:15.5px;
  font-weight:700;
  line-height:1.42;
  color:var(--c-mist);
}

.page-faq .support-trouble-text{
  max-width:62ch;
  margin:0;
  font-size:13.6px;
  line-height:1.76;
  color:var(--c-steel);
}

.page-faq .support-status{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:clamp(16px,2.2vw,22px) 0 0;
  padding:8px 16px;
  border:1px solid rgba(52,211,153,.3);
  border-radius:var(--r-pill);
  background:rgba(52,211,153,.07);
  font-size:13px;
  line-height:1.5;
  color:var(--c-mist);
}

.page-faq .support-status-dot{
  flex:0 0 auto;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--c-green);
  box-shadow:0 0 0 3px rgba(52,211,153,.16);
}

/* ---------- 资料下载 ---------- */
.page-faq .support-download{
  display:grid;
  gap:18px;
  align-items:start;
}

@media (min-width:900px){
  .page-faq .support-download{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:24px;
  }
}

.page-faq .support-formats{
  display:grid;
  gap:11px;
}

.page-faq .support-format{
  padding:15px 17px;
  border:1px solid var(--line-soft);
  border-radius:var(--r-md);
  background:rgba(6,16,28,.5);
  transition:border-color .2s var(--ease), background .2s var(--ease);
}

.page-faq .support-format:hover{
  border-color:rgba(245,185,66,.5);
  background:rgba(6,16,28,.72);
}

.page-faq .support-format-name{
  margin:0 0 6px;
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.18em;
  color:var(--c-amber);
}

.page-faq .support-format-text{
  margin:0;
  font-size:13.5px;
  line-height:1.72;
  color:var(--c-steel);
}

.page-faq .support-format-media{
  margin:0;
  border-radius:var(--r-md);
  overflow:hidden;
  border:1px solid var(--line-soft);
  background:var(--surface-2);
}

.page-faq .support-format-media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

/* ---------- 底部联系区 ---------- */
.page-faq .support-cta{
  padding-block:clamp(26px,4vw,52px);
}

.page-faq .support-cta-inner{
  display:grid;
  gap:22px;
  align-items:center;
  padding:clamp(22px,3vw,38px);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:linear-gradient(148deg,rgba(17,26,46,.92),rgba(6,16,28,.94) 58%,rgba(168,85,247,.14));
  box-shadow:var(--shadow-lift);
}

@media (min-width:880px){
  .page-faq .support-cta-inner{
    grid-template-columns:minmax(0,1fr) auto;
    gap:32px;
  }
}

.page-faq .support-cta-copy{
  min-width:0;
}

.page-faq .support-cta-title{
  margin:9px 0 12px;
  font-size:clamp(21px,2.6vw,30px);
  line-height:1.26;
  font-weight:800;
  color:var(--c-mist);
}

.page-faq .support-cta-text{
  max-width:60ch;
  margin:0;
  font-size:14px;
  line-height:1.8;
  color:var(--c-steel);
  word-break:break-word;
}

.page-faq .support-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.page-faq .support-backtop{
  margin:18px 0 0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
}

.page-faq .support-backtop a{
  color:var(--c-steel);
  text-decoration:none;
  border-bottom:1px solid var(--line);
  transition:color .2s var(--ease), border-color .2s var(--ease);
}

.page-faq .support-backtop a:hover{
  color:var(--c-cyan-soft);
  border-color:var(--line-strong);
}