/* SPA→静态视觉桥 · midnight-gold · 骨架布局保留 */
:root {
  --mg-bg: #060608;
  --mg-bg2: #0c0c10;
  --mg-surface: #101014;
  --mg-card: #141418;
  --mg-card-hover: #1a1a20;
  --mg-text: #e4e4ea;
  --mg-text-soft: #a8a8b4;
  --mg-muted: #6e6e7a;
  --mg-gold: #d4af37;
  --mg-gold-light: #e8c96a;
  --mg-gold-dim: rgba(212, 175, 55, 0.12);
  --mg-blue: #4a9fd4;
  --mg-blue-light: #6bb8e8;
  --mg-blue-dim: rgba(74, 159, 212, 0.14);
  --mg-line: rgba(228, 228, 234, 0.08);
  --mg-line-strong: rgba(74, 159, 212, 0.28);
  --mg-shadow: 0 10px 40px rgba(0, 0, 0, 0.45);

  --bg: var(--mg-bg);
  --bg2: var(--mg-bg2);
  --card: var(--mg-card);
  --text: var(--mg-text);
  --muted: var(--mg-muted);
  --line: var(--mg-line);
  --gold: var(--mg-gold);
  --gold-dim: var(--mg-gold-dim);
  --red: #c45c4a;
  --radius: 10px;

  --portal-accent: var(--mg-blue);
  --portal-accent-hover: var(--mg-blue-light);
  --portal-accent-light: var(--mg-blue-light);
  --portal-accent-dark: #3a8fbf;
  --portal-accent-soft: var(--mg-blue-dim);
  --portal-page: var(--mg-bg);
  --portal-footer: #030304;
  --portal-footer-mid: #020203;

  --pink: var(--mg-gold);
  --blue: var(--mg-blue);
  --brand: var(--mg-gold);
  --accent: var(--mg-blue);
  --header-bg: var(--mg-surface);
  --body-bg: var(--mg-bg);
  color-scheme: dark;
}

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

body.body-tpl-portal.skin-midnight-gold {
  background: linear-gradient(180deg, var(--mg-bg2) 0%, var(--mg-bg) 40%, #030304 100%) !important;
  color: var(--mg-text) !important;
}

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

.site-header,
.header,
.topbar,
.nav-bar,
header.site-header {
  background: rgba(6, 6, 8, 0.94) !important;
  border-bottom-color: var(--mg-line) !important;
  color: var(--mg-text) !important;
}

.brand-text,
.brand-mark,
.site-brand,
.header-brand__title,
.header-qjz__title,
.site-title,
.header-mg__title {
  color: var(--mg-gold) !important;
}

.main-nav a,
.header-main-nav__link,
.header-qjz__nav-link,
.nav a,
.site-nav a,
.header-mg__nav-link {
  color: var(--mg-text-soft) !important;
}

.main-nav a:hover,
.main-nav a[aria-current="page"],
.header-main-nav__link:hover,
.header-main-nav__link--active,
.header-qjz__nav-link:hover,
.header-qjz__nav-link--active,
.header-mg__nav-link:hover {
  color: var(--mg-blue-light) !important;
}

.nav-search button,
.header-search__submit,
.header-qjz__search-btn,
.header-mg__search-btn,
.btn-primary,
.hero-mg__btn--primary,
.primary-btn,
.btn-accent,
.filter-chip--active,
.footer-mg__cta {
  background: var(--mg-blue) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.card,
.movie-card,
.fsp-hl-card,
.tuy-card,
.page-panel,
.qjz-main-sheet,
.mg-main-sheet,
.mg-sub-sheet {
  background: var(--mg-card) !important;
  border-color: var(--mg-line) !important;
  color: var(--mg-text) !important;
}

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

.hero-mg__title,
.vod-page-hero--mg h1,
.page-panel--mg h1,
.footer-mg__heading,
.footer-mg__logo-text strong {
  color: var(--mg-gold) !important;
}

.footer,
.site-footer,
footer,
.footer-tuy__upper,
.footer-mg__main {
  background: linear-gradient(180deg, var(--mg-bg2), var(--portal-footer)) !important;
  color: var(--mg-text-soft) !important;
}

.footer-tuy__cta,
.header-qjz__btn--accent {
  background: var(--mg-blue) !important;
  color: #fff !important;
}

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

.mg-link-all,
.cq-link-all {
  color: var(--mg-blue) !important;
}

.mg-link-all:hover,
.cq-link-all:hover {
  color: var(--mg-blue-light) !important;
}

.ghost-btn,
.hero-mg__btn--ghost,
.ghost-btn--mg {
  color: var(--mg-text) !important;
  border-color: var(--mg-line-strong) !important;
  background: transparent !important;
}

.pill-badge,
.pill-badge--mg {
  color: var(--mg-blue-light) !important;
  background: var(--mg-blue-dim) !important;
  border-color: var(--mg-line-strong) !important;
}

body.skin-midnight-gold .tuy-card__badge {
  background: var(--mg-gold) !important;
  color: var(--mg-bg) !important;
}

.detail-tags span,
.tuy-card__pills span {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: var(--mg-line) !important;
  color: var(--mg-text-soft) !important;
}

.bbaa-seo,
.bbaa-seo__text {
  pointer-events: none;
}