/* support-v2 — AICAD technical support (WeChat after-sales)
   Round 1.1: dark wechat band · minimal QR frame · mobile nav clearance */

body.ll-shell[data-page="support"]{
  background:var(--ll-bg);
  overflow-x:clip;
}

/* ——— editorial hero (light) ——— */
.sp-hero{
  padding:clamp(5.5rem,10vw,7rem) var(--ll-gutter) clamp(1.5rem,3vw,2.25rem);
  background:var(--ll-bg);
}
.sp-hero__inner{
  width:min(var(--ll-max),100%);
  margin:0 auto;
}
.sp-breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:0.45rem;
  margin:0 0 1.25rem;font-size:0.86rem;color:var(--ll-muted);
}
.sp-breadcrumb a{color:var(--ll-muted)}
.sp-breadcrumb a:hover{color:var(--ll-ink)}
.sp-breadcrumb__sep{opacity:0.45}
.sp-breadcrumb [aria-current="page"]{color:var(--ll-ink)}

.sp-label{
  margin:0 0 0.75rem;
  font-size:0.78rem;font-weight:500;
  letter-spacing:0.14em;color:rgba(15,16,18,0.42);
}
.sp-hero h1{
  margin:0;max-width:14em;
  font-size:clamp(1.95rem,4vw,2.75rem);font-weight:440;
  letter-spacing:-0.035em;line-height:1.12;color:var(--ll-ink);
}
.sp-hero__lead{
  margin:1rem 0 0;max-width:34ch;
  font-size:clamp(1.08rem,1.5vw,1.22rem);font-weight:480;
  line-height:1.55;color:var(--ll-ink);
}
.sp-hero__desc{
  margin:0.85rem 0 0;max-width:42ch;
  font-size:clamp(0.98rem,1.15vw,1.05rem);line-height:1.7;color:var(--ll-muted);
}

/* ——— wechat support band (near-black editorial) ——— */
.sp-wechat{
  padding:clamp(3rem,6vw,4.5rem) var(--ll-gutter) clamp(3.25rem,6.5vw,5rem);
  background:#121315;
  scroll-margin-top:5.5rem;
}
.sp-wechat__inner{
  width:min(var(--ll-max),100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,clamp(400px,32vw,440px));
  gap:clamp(2rem,4.5vw,3.75rem);
  align-items:center;
}
.sp-wechat__copy{min-width:0}
.sp-wechat .sp-label{
  color:rgba(253,253,253,0.42);
}
.sp-wechat__copy h2{
  margin:0;
  font-size:clamp(1.55rem,2.6vw,2.05rem);font-weight:460;
  letter-spacing:-0.03em;line-height:1.2;color:#fdfdfd;
}
.sp-wechat__copy h2 span{display:block}
.sp-wechat__body{
  margin:1rem 0 0;max-width:38ch;
  font-size:1.02rem;line-height:1.7;color:rgba(253,253,253,0.64);
}

.sp-steps{
  list-style:none;margin:1.5rem 0 0;padding:0;
  display:grid;gap:0.55rem;
}
.sp-steps li{
  display:grid;
  grid-template-columns:2.25rem minmax(0,1fr);
  gap:0.65rem;align-items:baseline;
  margin:0;padding:0.35rem 0;
  border-top:1px solid rgba(253,253,253,0.12);
}
.sp-steps li:last-child{border-bottom:1px solid rgba(253,253,253,0.12)}
.sp-steps__num{
  font-size:0.8rem;font-weight:540;letter-spacing:0.08em;color:var(--ll-blue);
}
.sp-steps__text{
  margin:0;font-size:0.98rem;line-height:1.5;color:rgba(253,253,253,0.88);
}

/* QR — original white card sits directly on dark band (no thick frame) */
.sp-wechat__visual{
  margin:0;
  justify-self:end;
  width:100%;
  max-width:clamp(400px,32vw,440px);
  background:transparent;
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.sp-qr{
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  display:block;
  box-shadow:none;
}
.sp-qr img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
  border-radius:6px;
  border:1px solid rgba(253,253,253,0.14);
  /* no filter / opacity — full original QR card */
}

/* ——— preparation ——— */
.sp-prep{
  padding:clamp(3rem,6vw,4.5rem) var(--ll-gutter);
  background:var(--ll-white);
  border-top:0;
}
.sp-prep__inner{
  width:min(var(--ll-max),100%);
  margin:0 auto;
  max-width:48rem;
}
.sp-prep h2{
  margin:0;
  font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:460;
  letter-spacing:-0.025em;color:var(--ll-ink);
}
.sp-prep__list{
  list-style:none;margin:1.5rem 0 0;padding:0;
}
.sp-prep__list li{
  display:grid;
  grid-template-columns:3rem minmax(0,1fr);
  gap:0.75rem 1.15rem;
  padding:1.05rem 0;
  border-bottom:1px solid var(--ll-line);
}
.sp-prep__list li:first-child{border-top:1px solid var(--ll-line)}
.sp-prep__num{
  font-size:0.82rem;font-weight:540;letter-spacing:0.1em;color:var(--ll-blue);
  padding-top:0.15rem;
}
.sp-prep__title{
  margin:0;font-size:1.05rem;font-weight:520;color:var(--ll-ink);
}
.sp-prep__desc{
  margin:0.35rem 0 0;font-size:0.98rem;line-height:1.6;color:var(--ll-muted);
}
.sp-prep__note{
  margin:1.25rem 0 0;
  font-size:0.92rem;line-height:1.65;color:rgba(15,16,18,0.48);
  max-width:48ch;
}

/* ——— end links (secondary) ——— */
.sp-end{
  padding:clamp(2.25rem,4.5vw,3.25rem) var(--ll-gutter) clamp(3.5rem,7vw,5rem);
  background:var(--ll-bg);
  border-top:1px solid var(--ll-line);
}
.sp-end__inner{
  width:min(var(--ll-max),100%);
  margin:0 auto;
  display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;
}
.sp-end__link{
  font-size:1.02rem;font-weight:500;color:var(--ll-ink);
  border-bottom:1px solid rgba(15,16,18,0.18);
  padding-bottom:0.12rem;
  transition:color 0.2s var(--ll-ease), border-color 0.2s var(--ll-ease);
}
.sp-end__link:hover{
  color:var(--ll-blue);
  border-bottom-color:var(--ll-blue);
}
.sp-end__link--muted{
  font-weight:460;color:var(--ll-muted);
  border-bottom-color:rgba(15,16,18,0.12);
}
.sp-end__link--muted:hover{color:var(--ll-ink);border-bottom-color:rgba(15,16,18,0.28)}
.sp-end__sep{
  width:1px;height:1em;background:var(--ll-line);
}

/* ——— responsive ——— */
@media (max-width:1023px){
  .sp-wechat__inner{
    grid-template-columns:1fr;
    gap:1.75rem;
  }
  .sp-wechat__visual{
    justify-self:stretch;
    max-width:min(420px,100%);
    margin:0 auto;
  }
}

@media (max-width:640px){
  .sp-hero h1{max-width:none}
  .sp-hero__lead,.sp-hero__desc{max-width:none}
  /* clear fixed nav so “微信技术支持” sits ≥24px below nav chrome */
  .sp-wechat{
    padding-top:6rem;
    padding-bottom:clamp(2.75rem,8vw,3.75rem);
    scroll-margin-top:5.75rem;
  }
  .sp-wechat .sp-label{
    scroll-margin-top:5.75rem;
  }
  .sp-wechat__visual{
    max-width:none;
    width:100%;
  }
  .sp-qr{
    padding:0;
  }
  .sp-prep__list li{
    grid-template-columns:2.5rem minmax(0,1fr);
    gap:0.5rem 0.85rem;
  }
  .sp-end__inner{flex-direction:column;align-items:flex-start;gap:0.85rem}
  .sp-end__sep{display:none}
}

@media (prefers-reduced-motion: reduce){
  .sp-end__link{transition:none}
}