/* sunset-brick · 暖沙底 + 砖红主色 + 深褐字 · 国产影视 VOD */
:root {
  --wj-bg: #f4ebe1;
  --wj-surface: #faf6f0;
  --wj-ink: #3d2b1f;
  --wj-ink-soft: #5c4335;
  --wj-muted: #8a7368;
  --wj-line: #e0d0c2;
  --wj-black: #2a1e16;
  --wj-yellow: #c04a32;
  --wj-yellow-deep: #a03d28;
  --wj-vermillion: #d4654a;
  --wj-radius: 0;
  color-scheme: light;
}

html,
body {
  background:
    radial-gradient(920px 420px at 0% -6%, rgba(192, 74, 50, 0.09), transparent 55%),
    radial-gradient(760px 360px at 100% 0%, rgba(212, 101, 74, 0.06), transparent 50%),
    linear-gradient(180deg, var(--wj-bg) 0%, #ede3d6 100%) !important;
  background-attachment: fixed;
  color: var(--wj-ink) !important;
}

.wj-header {
  background: var(--wj-black) !important;
  border-bottom-color: var(--wj-yellow) !important;
}

.wj-logo__mark {
  background: var(--wj-yellow) !important;
}

.wj-nav__link:hover,
.wj-nav__link.active,
.wj-nav a.active {
  color: var(--wj-vermillion) !important;
}

.wj-nav__menu {
  border-top-color: var(--wj-yellow) !important;
}

.wj-nav__menu-item:hover {
  color: var(--wj-yellow) !important;
  background: rgba(192, 74, 50, 0.1) !important;
}

.wj-search input:focus {
  border-color: var(--wj-yellow) !important;
  box-shadow: 0 0 0 2px rgba(192, 74, 50, 0.2) !important;
}

.wj-search button {
  background: var(--wj-yellow) !important;
  color: #fff !important;
}

.wj-hero {
  background: var(--wj-black) !important;
}

.wj-hero__veil {
  background: linear-gradient(
    105deg,
    rgba(42, 30, 22, 0.92) 0%,
    rgba(61, 43, 31, 0.78) 42%,
    rgba(192, 74, 50, 0.28) 100%
  ) !important;
}

.wj-hero__media img {
  filter: grayscale(0.15) contrast(1.08) sepia(0.12) !important;
  opacity: 0.62 !important;
}

.wj-hero__kicker {
  color: var(--wj-vermillion) !important;
}

.wj-hero__kicker::before {
  background: var(--wj-yellow) !important;
}

.wj-btn--primary,
.wj-btn--white {
  background: var(--wj-yellow) !important;
  color: #fff !important;
}

.wj-btn--outline {
  border-color: rgba(250, 246, 240, 0.55) !important;
  color: #faf6f0 !important;
}

.wj-btn--outline:hover {
  border-color: var(--wj-vermillion) !important;
  color: var(--wj-vermillion) !important;
  background: rgba(192, 74, 50, 0.12) !important;
}

.wj-section--alt {
  background: var(--wj-surface) !important;
}

.wj-section-head h2 {
  color: var(--wj-ink) !important;
}

.wj-section-head__more {
  color: var(--wj-yellow-deep) !important;
}

.wj-section-head__more:hover {
  color: var(--wj-yellow) !important;
}

.wj-cat-chip:hover,
.wj-cat-chip:focus-visible {
  border-color: var(--wj-yellow) !important;
  color: var(--wj-ink) !important;
  background: rgba(192, 74, 50, 0.06) !important;
}

.wj-cat-chip[data-index]::before {
  color: var(--wj-yellow) !important;
}

.wj-card {
  background: var(--wj-surface) !important;
  border-color: var(--wj-line) !important;
}

.wj-card:hover {
  border-color: var(--wj-yellow) !important;
  box-shadow: 0 10px 28px rgba(61, 43, 31, 0.1) !important;
}

.wj-card__score {
  background: var(--wj-black) !important;
  color: var(--wj-vermillion) !important;
}

.wj-card__tag {
  color: var(--wj-yellow-deep) !important;
  border-color: rgba(192, 74, 50, 0.28) !important;
}

.wj-spotlight {
  border-color: var(--wj-line) !important;
  background: var(--wj-surface) !important;
}

.wj-spotlight__meta span:first-child {
  color: var(--wj-yellow) !important;
}

.wj-cat-mast {
  background: var(--wj-black) !important;
  color: #faf6f0 !important;
}

.wj-cat-mast__kicker {
  color: var(--wj-vermillion) !important;
}

.wj-cat-rail__item.is-active {
  background: var(--wj-yellow) !important;
  color: #fff !important;
}

.wj-cat-rail__item:hover {
  border-color: var(--wj-yellow) !important;
  color: var(--wj-yellow-deep) !important;
}

.wj-sort button.is-active {
  background: var(--wj-black) !important;
  color: var(--wj-vermillion) !important;
}

.wj-footer {
  background: var(--wj-black) !important;
  color: rgba(250, 246, 240, 0.78) !important;
  border-top: 3px solid var(--wj-yellow) !important;
}

.wj-footer__col h4 {
  color: var(--wj-vermillion) !important;
}

.wj-footer__col a:hover {
  color: var(--wj-vermillion) !important;
}

.wj-features__title {
  color: var(--wj-ink) !important;
}

.wj-feature h3 {
  color: var(--wj-black) !important;
}

.wj-feature h3::before {
  background: var(--wj-yellow) !important;
}