/* Chinese support page: centered, compact hero composition. */

body.ll-shell[data-page="support"] .sp-hero{
  padding-top:clamp(6rem,10vw,7.25rem);
  padding-bottom:clamp(2.75rem,5vw,4rem);
}

body.ll-shell[data-page="support"] .sp-hero__inner{
  width:min(48rem,100%);
  text-align:center;
}

body.ll-shell[data-page="support"] .sp-breadcrumb{
  justify-content:center;
  margin-bottom:1.5rem;
}

body.ll-shell[data-page="support"] .sp-hero .sp-label{
  margin-bottom:0.65rem;
  letter-spacing:0;
}

body.ll-shell[data-page="support"] .sp-hero h1{
  max-width:none;
  letter-spacing:0;
}

body.ll-shell[data-page="support"] .sp-hero__lead{
  max-width:38em;
  margin:1.15rem auto 0;
}

body.ll-shell[data-page="support"] .sp-hero__desc{
  max-width:42em;
  margin:0.65rem auto 0;
}

body.ll-shell[data-page="support"] .sp-end{
  padding-top:clamp(2.5rem,5vw,3.5rem);
  padding-bottom:clamp(3rem,6vw,4.5rem);
}

body.ll-shell[data-page="support"] .sp-end__inner{
  width:min(36rem,100%);
  justify-content:center;
  gap:1rem;
}

body.ll-shell[data-page="support"] .sp-end__sep{
  display:none;
}

body.ll-shell[data-page="support"] .sp-end__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:13.5rem;
  min-height:3.35rem;
  padding:0.75rem 1.25rem;
  border:1px solid #b8cad7;
  border-radius:6px;
  background:#fff;
  color:#20384a;
  font-size:1.08rem;
  font-weight:600;
  line-height:1.35;
  text-align:center;
  transition:border-color 180ms ease-out,background 180ms ease-out,color 180ms ease-out,transform 180ms ease-out;
}

body.ll-shell[data-page="support"] .sp-end__link--muted{
  border-color:#0877cf;
  background:#0877cf;
  color:#fff;
  font-weight:600;
}

body.ll-shell[data-page="support"] .sp-end__link:hover{
  border-color:#0877cf;
  background:#f2f8fc;
  color:#0068b9;
  transform:translateY(-1px);
}

body.ll-shell[data-page="support"] .sp-end__link--muted:hover{
  border-color:#0068b9;
  background:#0068b9;
  color:#fff;
}

body.ll-shell[data-page="support"] .sp-end__link:focus-visible{
  outline:2px solid #0877cf;
  outline-offset:3px;
}

@media (max-width:640px){
  body.ll-shell[data-page="support"] .sp-hero{
    padding-top:5.75rem;
    padding-bottom:2.75rem;
  }

  body.ll-shell[data-page="support"] .sp-breadcrumb{
    margin-bottom:1.25rem;
  }

  body.ll-shell[data-page="support"] .sp-hero__lead,
  body.ll-shell[data-page="support"] .sp-hero__desc{
    max-width:22rem;
  }

  body.ll-shell[data-page="support"] .sp-end__inner{
    flex-direction:row;
    align-items:stretch;
    width:min(22rem,100%);
    gap:0.75rem;
  }

  body.ll-shell[data-page="support"] .sp-end__link{
    flex:1 1 0;
    width:auto;
    min-width:0;
    padding-inline:0.75rem;
    font-size:1rem;
  }
}

@media (prefers-reduced-motion:reduce){
  body.ll-shell[data-page="support"] .sp-end__link{
    transition:none;
  }
}