/* SPA→静态视觉桥 · midnight-gold · 骨架保留 */
:root {
  --pink: #3b82f6;
  --blue: #3b82f6;
  --brand: #e2e8f0;
  --accent: #3b82f6;
  --portal-accent: #3b82f6;
  --gold: #d4af37;
  --gold-dim: rgba(212, 175, 55, 0.14);
  --ice: #14141f;
  --graphite: #f1f5f9;
  --bg: #080810;
  --surface: #14141f;
  --text: #e2e8f0;
  --muted: #94a3b8;
  --card: #14141f;
  --line: #2a2a3e;
  --header-bg: rgba(8, 8, 16, 0.94);
  --body-bg: #080810;
  color-scheme: dark;
}

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

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

.site-header,
.header,
.topbar,
.nav-bar,
.header-main,
.portal-header,
header.site-header,
.header-bar {
  background: var(--header-bg) !important;
  border-bottom-color: var(--line) !important;
  color: var(--text) !important;
  backdrop-filter: blur(14px);
}

.brand-text,
.brand-mark,
.site-brand,
.logo-text,
.header-brand__title,
.site-title,
.brand a {
  color: var(--text) !important;
}

.main-nav a,
.header-main-nav__link,
.nav a,
.site-nav a {
  color: var(--muted) !important;
}

.main-nav a:hover,
.main-nav a[aria-current="page"],
.header-main-nav__link:hover,
.header-main-nav__link[aria-current="page"],
.header-main-nav__link--active,
.nav a:hover,
.nav a.active {
  color: #fff !important;
}

.nav-search button,
.btn-primary,
.hero-actions .btn:first-child,
button[type="submit"],
.primary-btn,
.btn-accent,
.header-search__submit {
  background: linear-gradient(135deg, #2563eb, #3b82f6) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.card,
.movie-card,
.poster-card,
.grid-card,
.media-card,
.item-card,
.fsp-hl-card,
.tuy-card,
.video-card {
  background: var(--card) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

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

.footer,
.site-footer,
footer {
  background: transparent !important;
  color: inherit !important;
}

a {
  color: var(--blue);
}

.mirror-player-slot {
  max-width: min(80rem, calc(100% - 32px));
  margin: 0 auto 24px;
  padding: 0 16px;
}

.mirror-player-slot video,
.player-box video {
  width: 100%;
  border-radius: 14px;
  background: #000;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55);
}

.mother-play-desc {
  max-width: min(80rem, calc(100% - 32px));
  margin: 0 auto 40px;
  padding: 0 16px;
  color: var(--muted);
  line-height: 1.75;
  font-size: 15px;
}