.page-faq{
  --faq-soft:#2C4157;
  --faq-line:rgba(30,92,150,.24);
  background:var(--glacier);
  color:var(--ink);
}

.page-faq img{
  max-width:100%;
  height:auto;
  display:block;
}

/* ---------- 首屏 ---------- */
.page-faq .faq-hero{
  position:relative;
  overflow:hidden;
  padding:26px 0 62px;
  color:var(--glacier);
  background:
    radial-gradient(120% 92% at 88% 10%, rgba(56,242,122,.17), transparent 56%),
    radial-gradient(90% 80% at 4% 98%, rgba(255,122,47,.15), transparent 62%),
    linear-gradient(158deg, var(--abyss) 0%, var(--deep) 100%);
}
.page-faq .faq-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:repeating-linear-gradient(112deg, rgba(220,231,241,.055) 0 1px, transparent 1px 28px);
}
.page-faq .faq-hero .wrap{
  position:relative;
  z-index:1;
}
.page-faq .faq-hero .breadcrumb{
  margin-bottom:22px;
}

.page-faq .faq-hero__grid{
  display:grid;
  gap:34px;
}

.page-faq .faq-hero__kicker{
  margin:0 0 14px;
  font-size:12px;
  letter-spacing:.22em;
  color:var(--signal);
}

.page-faq .faq-hero h1{
  margin:0 0 18px;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(29px,6vw,50px);
  line-height:1.14;
  letter-spacing:-.02em;
}

.page-faq .faq-hero__lede{
  margin:0 0 26px;
  max-width:44ch;
  font-size:16.5px;
  line-height:1.82;
  color:rgba(244,248,251,.84);
}

.page-faq .faq-hero__quick{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.page-faq .faq-hero__figure{
  margin:0;
  transform:rotate(-2deg);
}
.page-faq .faq-hero__figure img{
  width:100%;
  border-radius:var(--r-lg);
  border:1px solid rgba(56,242,122,.4);
}

/* ---------- 两栏问答区 ---------- */
.page-faq .faq-body{
  padding:52px 0 20px;
}

.page-faq .faq-layout{
  display:grid;
  gap:30px;
}

.page-faq .faq-rail__label{
  margin:0 0 14px;
  font-size:11.5px;
  letter-spacing:.24em;
  color:var(--gray);
}

.page-faq .faq-rail__nav ol{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:row;
  gap:8px;
  overflow-x:auto;
  padding-bottom:8px;
  -webkit-overflow-scrolling:touch;
}

.page-faq .faq-rail__nav a{
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:9px 15px;
  font-size:14.5px;
  color:var(--faq-soft);
  text-decoration:none;
  white-space:nowrap;
  background:#fff;
  border:1px solid var(--mist);
  border-radius:var(--pill);
  transition:color .2s ease, background-color .2s ease, border-color .2s ease;
}
.page-faq .faq-rail__nav .mono{
  font-size:11px;
  color:var(--lime);
}
.page-faq .faq-rail__nav a:hover,
.page-faq .faq-rail__nav a:focus-visible{
  color:var(--ink);
  border-color:var(--signal);
  background:rgba(56,242,122,.12);
}
.page-faq .faq-rail__nav a:focus-visible{
  outline:2px solid var(--signal);
  outline-offset:2px;
}

.page-faq:has(#access:target) .faq-rail__nav a[href="#access"],
.page-faq:has(#data:target) .faq-rail__nav a[href="#data"],
.page-faq:has(#lineup:target) .faq-rail__nav a[href="#lineup"],
.page-faq:has(#report:target) .faq-rail__nav a[href="#report"],
.page-faq:has(#account:target) .faq-rail__nav a[href="#account"],
.page-faq:has(#partner:target) .faq-rail__nav a[href="#partner"],
.page-faq:has(#contact:target) .faq-rail__nav a[href="#contact"]{
  color:var(--ink);
  border-color:var(--signal);
  background:rgba(56,242,122,.16);
}

.page-faq .faq-rail__hint{
  margin:14px 0 0;
  font-size:13px;
  line-height:1.7;
  color:var(--gray);
}

.page-faq .faq-stream{
  display:flex;
  flex-direction:column;
  gap:46px;
  min-width:0;
}

.page-faq .faq-group{
  scroll-margin-top:120px;
  min-width:0;
}

.page-faq .faq-group__head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:start;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid var(--mist);
}
.page-faq .faq-group__num{
  writing-mode:vertical-rl;
  font-size:11px;
  font-weight:700;
  letter-spacing:.24em;
  color:var(--lime);
  padding-top:2px;
}
.page-faq .faq-group__title{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(21px,3.4vw,28px);
  line-height:1.25;
  letter-spacing:-.01em;
}
.page-faq .faq-group__lede{
  margin:8px 0 0;
  max-width:46ch;
  font-size:14.5px;
  line-height:1.74;
  color:var(--faq-soft);
}

.page-faq .faq-group__items{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* ---------- 问答题 ---------- */
.page-faq .qa{
  background:#fff;
  border:1px solid var(--mist);
  border-radius:var(--r-md);
  overflow:hidden;
  transition:border-color .22s ease, box-shadow .22s ease;
}
.page-faq .qa[open]{
  border-color:rgba(56,242,122,.6);
  box-shadow:0 16px 34px -26px rgba(11,31,58,.6);
}
.page-faq .qa__q{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:16px 18px;
  font-size:16px;
  font-weight:600;
  line-height:1.54;
  color:var(--ink);
  cursor:pointer;
  list-style:none;
  transition:font-size .2s ease, color .2s ease, padding .2s 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:18px;
  line-height:1.2;
  color:var(--lime);
}
.page-faq .qa[open] .qa__q{
  font-size:17.5px;
  padding-bottom:8px;
}
.page-faq .qa[open] .qa__q::after{
  content:"–";
  color:var(--sunset-ink);
}
.page-faq .qa__q:focus-visible{
  outline:2px solid var(--signal);
  outline-offset:-3px;
}
.page-faq .qa__a{
  padding:0 18px 18px;
  font-size:15.5px;
  line-height:1.8;
  color:var(--faq-soft);
}
.page-faq .qa__a p{
  margin:0 0 9px;
}
.page-faq .qa__a p:last-child{
  margin-bottom:0;
}
.page-faq .qa__a .mono{
  font-size:14px;
  color:var(--ink);
  word-break:break-all;
}
.page-faq .qa__link{
  color:var(--lime);
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:3px;
}
.page-faq .qa__link:hover,
.page-faq .qa__link:focus-visible{
  color:var(--sunset-ink);
}

/* ---------- 联系渠道 ---------- */
.page-faq .faq-contact-card{
  background:linear-gradient(155deg, var(--abyss) 0%, var(--deep) 100%);
  border-radius:var(--r-lg);
  padding:24px 20px;
  color:var(--glacier);
}
.page-faq .faq-contact-card__main{
  display:grid;
  gap:26px;
}
.page-faq .faq-clock{
  text-align:center;
  padding:8px 0 4px;
}
.page-faq .faq-clock svg{
  width:132px;
  height:132px;
  max-width:100%;
}
.page-faq .faq-clock__cap{
  margin:10px 0 0;
  font-size:16px;
  font-weight:700;
  color:var(--signal);
  letter-spacing:.04em;
}
.page-faq .faq-clock__sub{
  margin:4px 0 0;
  font-size:12.5px;
  letter-spacing:.2em;
  color:var(--gray);
}
.page-faq .faq-channels{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.page-faq .faq-channels__item{
  padding:14px 16px;
  border:1px solid rgba(56,242,122,.28);
  border-radius:var(--r-sm);
  background:rgba(11,31,58,.42);
}
.page-faq .faq-channels__k{
  display:block;
  font-size:12px;
  letter-spacing:.2em;
  color:var(--gray);
  margin-bottom:6px;
}
.page-faq .faq-channels__v{
  display:block;
  font-size:16px;
  font-weight:700;
  color:var(--signal);
  word-break:break-all;
}
.page-faq .faq-channels__d{
  margin:8px 0 0;
  font-size:14.5px;
  line-height:1.72;
  color:rgba(244,248,251,.78);
}
.page-faq .faq-contact-card__figure{
  margin:24px 0 0;
}
.page-faq .faq-contact-card__figure img{
  width:100%;
  border-radius:var(--r-md);
  border:1px solid rgba(220,231,241,.2);
  object-fit:cover;
}

/* ---------- 相关页面 ---------- */
.page-faq .faq-more{
  margin-top:64px;
  padding:52px 0 64px;
  background:linear-gradient(160deg, var(--deep) 0%, var(--abyss) 100%);
  color:var(--glacier);
}
.page-faq .faq-more__head{
  max-width:56ch;
  margin-bottom:30px;
}
.page-faq .faq-more__head h2{
  margin:0 0 12px;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(24px,4vw,34px);
  letter-spacing:-.015em;
}
.page-faq .faq-more__head p{
  margin:0;
  font-size:15.5px;
  line-height:1.8;
  color:rgba(244,248,251,.8);
}
.page-faq .faq-more__head .mono{
  color:var(--signal);
  font-size:14px;
  word-break:break-all;
}
.page-faq .faq-more__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}
.page-faq .faq-more__item{
  display:flex;
  flex-direction:column;
  gap:8px;
  height:100%;
  padding:18px 18px 20px;
  border:1px solid rgba(220,231,241,.2);
  border-radius:var(--r-md);
  background:rgba(5,16,31,.32);
  text-decoration:none;
  transition:border-color .22s ease, background-color .22s ease, transform .22s ease;
}
.page-faq .faq-more__name{
  font-family:var(--font-display);
  font-size:18px;
  font-weight:800;
  color:var(--glacier);
}
.page-faq .faq-more__desc{
  font-size:14.5px;
  line-height:1.7;
  color:var(--gray);
  transition:color .22s ease;
}
.page-faq .faq-more__item:hover,
.page-faq .faq-more__item:focus-visible{
  border-color:var(--signal);
  background:rgba(18,58,99,.6);
  transform:translateY(-3px);
}
.page-faq .faq-more__item:hover .faq-more__desc,
.page-faq .faq-more__item:focus-visible .faq-more__desc{
  color:rgba(244,248,251,.92);
}
.page-faq .faq-more__item:focus-visible{
  outline:2px solid var(--signal);
  outline-offset:3px;
}

/* ---------- 断点 ---------- */
@media (min-width:600px){
  .page-faq .faq-hero{
    padding:32px 0 74px;
  }
  .page-faq .faq-rail__nav ol{
    flex-wrap:wrap;
    overflow:visible;
  }
  .page-faq .faq-more__list{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  .page-faq .faq-contact-card{
    padding:32px 28px;
  }
}

@media (min-width:900px){
  .page-faq .faq-hero__grid{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:52px;
    align-items:center;
  }
  .page-faq .faq-contact-card__main{
    grid-template-columns:200px minmax(0,1fr);
    align-items:start;
    gap:32px;
  }
  .page-faq .faq-clock{
    padding-top:12px;
  }
  .page-faq .faq-channels{
    gap:12px;
  }
}

@media (min-width:960px){
  .page-faq .faq-layout{
    grid-template-columns:236px minmax(0,1fr);
    gap:56px;
    align-items:start;
  }
  .page-faq .faq-rail{
    position:sticky;
    top:96px;
  }
  .page-faq .faq-rail__nav ol{
    flex-direction:column;
    gap:2px;
    overflow:visible;
    padding-bottom:0;
  }
  .page-faq .faq-rail__nav a{
    background:transparent;
    border:0;
    border-radius:0 var(--r-sm) var(--r-sm) 0;
    border-left:2px solid var(--mist);
    padding:10px 14px;
    white-space:normal;
  }
  .page-faq .faq-rail__nav a:hover,
  .page-faq .faq-rail__nav a:focus-visible,
  .page-faq:has(#access:target) .faq-rail__nav a[href="#access"],
  .page-faq:has(#data:target) .faq-rail__nav a[href="#data"],
  .page-faq:has(#lineup:target) .faq-rail__nav a[href="#lineup"],
  .page-faq:has(#report:target) .faq-rail__nav a[href="#report"],
  .page-faq:has(#account:target) .faq-rail__nav a[href="#account"],
  .page-faq:has(#partner:target) .faq-rail__nav a[href="#partner"],
  .page-faq:has(#contact:target) .faq-rail__nav a[href="#contact"]{
    border-left-color:var(--signal);
    background:rgba(56,242,122,.1);
  }
}

@media (min-width:1180px){
  .page-faq .faq-body{
    padding:64px 0 24px;
  }
  .page-faq .faq-more__list{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
}

@media (prefers-reduced-motion: reduce){
  .page-faq .faq-hero__figure{
    transform:none;
  }
  .page-faq .qa,
  .page-faq .faq-more__item,
  .page-faq .faq-rail__nav a,
  .page-faq .qa__q{
    transition:none;
  }
  .page-faq .faq-more__item:hover,
  .page-faq .faq-more__item:focus-visible{
    transform:none;
  }
}