/* theme: aopie.cn hue=280 accent=349 */
:root {
  --gold: hsl(280, 69%, 57%);
  --gold-deep: hsl(280, 73%, 41%);
  --gold-soft: hsla(280, 69%, 57%, 0.16);
  --crimson: hsl(349, 56%, 57%);
  --crimson-deep: hsl(349, 60%, 45%);
  --line-soft: hsla(280, 69%, 57%, 0.14);
  --line: hsl(280, 22%, 22%);
  --bg: hsl(280, 16%, 5%);
  --bg2: hsl(280, 14%, 7%);
  --panel: hsl(280, 12%, 9%);
}
body {
  background: radial-gradient(1200px 600px at 80% -10%, hsla(280,69%,57%,0.09), transparent 60%),
    radial-gradient(900px 500px at -10% 30%, hsla(349,56%,57%,0.07), transparent 60%),
    var(--bg) !important;
}
.top-strip {
  background: linear-gradient(90deg, var(--gold-deep), var(--gold) 50%, var(--gold-deep)) !important;
}
.site-header {
  border-bottom-color: var(--line-soft) !important;
  box-shadow: 0 1px hsla(280,69%,57%,0.08), 0 12px 40px #00000073 !important;
}
.header-brand__logo,
.footer-fsp__logo-mark {
  background: radial-gradient(circle at 30% 30%, hsl(280,69%,75%), var(--gold) 55%, var(--gold-deep)) !important;
  box-shadow: 0 0 0 1px var(--gold-deep), 0 8px 22px hsla(280,69%,57%,0.32) !important;
}
.btn-hero--primary {
  background: var(--gold) !important;
  box-shadow: 0 12px 32px hsla(280,69%,57%,0.38) !important;
}
.header-search button,
.header-auth .btn-auth--primary {
  background: var(--gold) !important;
  border-color: var(--gold-deep) !important;
}
html:not(.site-brand-ready) .top-strip,
html:not(.site-brand-ready) .header-brand__text,
html:not(.site-brand-ready) .hero-fsp__kicker,
html:not(.site-brand-ready) .hero-fsp__title,
html:not(.site-brand-ready) .hero-fsp__lead,
html:not(.site-brand-ready) .footer-fsp__logo > span:not(.footer-fsp__logo-mark),
html:not(.site-brand-ready) .footer-fsp__intro,
html:not(.site-brand-ready) .footer-fsp__copyright {
  visibility: hidden;
}
.top-strip {
  text-transform: none !important;
  letter-spacing: 0.06em !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}