/* SPA→静态视觉桥 · site-5 · sunset-brick 砖红黄昏 */
:root {
  --brick-sand: #F5EBE0;
  --brick-sand2: #EDE3D6;
  --brick-surface: #FFFAF5;
  --brick-primary: #B8473A;
  --brick-primary-dark: #8F3529;
  --brick-primary-light: #D05A4C;
  --brick-accent: #C97B3A;
  --brick-text: #3D2B1F;
  --brick-text-soft: #5C4033;
  --brick-muted: #8A7268;
  --brick-line: rgba(61, 43, 31, 0.12);

  --bg: var(--brick-sand);
  --bg2: var(--brick-sand2);
  --card: var(--brick-surface);
  --text: var(--brick-text);
  --muted: var(--brick-muted);
  --line: var(--brick-line);
  --gold: var(--brick-primary);
  --gold-dim: rgba(184, 71, 58, 0.14);
  --red: var(--brick-primary);
  --radius: 12px;

  --portal-accent: var(--brick-primary);
  --portal-accent-hover: var(--brick-primary-dark);
  --portal-accent-light: var(--brick-primary-light);
  --portal-accent-dark: var(--brick-primary-dark);
  --portal-accent-soft: rgba(184, 71, 58, 0.1);
  --portal-coral: var(--brick-accent);
  --portal-coral-soft: rgba(201, 123, 58, 0.12);
  --portal-page: var(--brick-sand);
  --portal-footer: var(--brick-primary-dark);
  --portal-footer-mid: #6B2E24;

  --qjz-ink: var(--brick-text);
  --qjz-ink-muted: var(--brick-muted);
  --qjz-surface: var(--brick-surface);
  --qjz-surface-subtle: var(--brick-sand);
  --qjz-line: var(--brick-line);
  --qjz-line-strong: rgba(61, 43, 31, 0.2);
  --qjz-nav-bg: var(--brick-primary-dark);
  --qjz-nav-hover: rgba(255, 255, 255, 0.12);
  --qjz-radius-lg: 14px;
  --qjz-radius-md: 10px;
  --qjz-shadow-sm: 0 1px 4px rgba(61, 43, 31, 0.06);
  --qjz-shadow-md: 0 6px 24px rgba(61, 43, 31, 0.1);

  --pink: var(--brick-primary);
  --blue: var(--brick-primary-dark);
  --brand: var(--brick-primary);
  --accent: var(--brick-primary);
  --header-bg: var(--brick-surface);
  --body-bg: var(--brick-sand);
  color-scheme: light;
}

html,
body {
  background: var(--brick-sand) !important;
  color: var(--brick-text) !important;
}

body.body-tpl-portal.body-skin-sunset-brick {
  background: linear-gradient(180deg, #FAF3EB 0%, var(--brick-sand) 42%, var(--brick-sand2) 100%) !important;
  color: var(--brick-text) !important;
}

body,
.page,
.site-wrap,
.app-shell,
.layout,
.main-wrap,
#app {
  background: transparent !important;
  color: var(--brick-text) !important;
}

.site-header,
.header,
.topbar,
.nav-bar,
header.site-header {
  background: rgba(255, 250, 245, 0.96) !important;
  border-bottom-color: var(--brick-line) !important;
  color: var(--brick-text) !important;
}

.site-header--brick {
  backdrop-filter: blur(10px);
  box-shadow: 0 2px 14px rgba(61, 43, 31, 0.07) !important;
}

.header-qjz__logo {
  background: linear-gradient(145deg, var(--brick-primary-light), var(--brick-primary) 55%, var(--brick-primary-dark)) !important;
  box-shadow: 0 3px 12px rgba(184, 71, 58, 0.3) !important;
}

.header-qjz__title {
  color: var(--brick-primary-dark) !important;
}

.header-qjz__search-btn,
.header-qjz__btn--accent,
.nav-search button,
.btn-primary,
.primary-btn,
.qjz-boutique-card__cta,
.hero-cinema__btn--primary {
  background: linear-gradient(180deg, var(--brick-primary-light), var(--brick-primary)) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.header-qjz__band--primary {
  background: linear-gradient(90deg, var(--brick-primary-dark), var(--brick-primary) 50%, var(--brick-primary-dark)) !important;
}

.header-qjz__band--cats {
  background: var(--brick-sand) !important;
  border-top-color: var(--brick-line) !important;
}

.header-qjz__cat-label {
  color: var(--brick-primary-dark) !important;
  background: rgba(184, 71, 58, 0.1) !important;
}

.header-qjz__cat-link--active {
  background: linear-gradient(180deg, var(--brick-primary-light), var(--brick-primary)) !important;
}

.card,
.movie-card,
.fsp-hl-card,
.tuy-card,
.qjz-main-sheet,
.qjz-video-cat-card {
  background: var(--brick-surface) !important;
  border-color: var(--brick-line) !important;
  color: var(--brick-text) !important;
}

.tuy-card__badge {
  background: linear-gradient(135deg, var(--brick-primary), var(--brick-primary-dark)) !important;
}

.section-title,
h1, h2, h3,
.cq-block__head h2 {
  color: var(--brick-text) !important;
}

.footer-tuy__upper--brick {
  background: linear-gradient(180deg, var(--brick-primary-dark), #5A241C) !important;
}

.footer-tuy__cta {
  background: linear-gradient(135deg, var(--brick-accent), var(--brick-primary)) !important;
  box-shadow: 0 4px 14px rgba(184, 71, 58, 0.28) !important;
}

a {
  color: var(--brick-primary-dark);
}

.cq-link-all {
  color: var(--brick-primary) !important;
}

.cq-link-all:hover {
  color: var(--brick-primary-dark) !important;
}

.hero-cinema__backdrop {
  background:
    linear-gradient(105deg, rgba(61, 43, 31, 0.82) 0%, rgba(143, 53, 41, 0.65) 45%, rgba(61, 43, 31, 0.4) 100%),
    url(../../img/1.jpg) center/cover no-repeat !important;
}

.filter-chip--active {
  background: linear-gradient(135deg, var(--brick-primary-dark), var(--brick-primary)) !important;
  color: #fff !important;
}