/* SPA→静态视觉桥 · from=m30 · midnight-gold 微调 · 骨架布局保留 */
:root {
  --m30-bg: #111827;
  --m30-surface: #042f2e;
  --m30-accent: #ec4899;
  --m30-text: #fbcfe8;
  --mg-gold: #d4a853;
  --mg-gold-dim: rgba(212, 168, 83, 0.14);
  --mg-blue: #38bdf8;
  --mg-blue-dim: rgba(56, 189, 248, 0.12);
  --mg-ink: #e2e8f0;
  --mg-muted: #94a3b8;
  --mg-line: rgba(236, 72, 153, 0.18);

  --pink: var(--m30-accent);
  --blue: var(--mg-blue);
  --brand: var(--m30-accent);
  --accent: var(--m30-accent);
  --portal-accent: var(--m30-accent);
  --bg: var(--m30-bg);
  --surface: var(--m30-surface);
  --text: var(--m30-text);
  --muted: var(--mg-muted);
  --card: var(--m30-surface);
  --header-bg: var(--m30-bg);
  --body-bg: var(--m30-bg);
  --gold: var(--mg-gold);
  --gold-dim: var(--mg-gold-dim);
  color-scheme: dark;
}

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

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

.site-header,
.header,
.topbar,
.nav-bar,
.header-main,
.portal-header,
header.site-header,
.header-bar,
.yygk2-header {
  background: color-mix(in srgb, var(--m30-bg) 90%, var(--m30-surface)) !important;
  border-bottom-color: var(--mg-line) !important;
  color: var(--mg-ink) !important;
}

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

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

.main-nav a:hover,
.main-nav a[aria-current="page"],
.header-main-nav__link:hover,
.header-main-nav__link[aria-current="page"],
.nav a:hover,
.nav a.active,
.yygk2-nav__pill:hover,
.yygk2-nav__pill.is-active {
  color: var(--m30-text) !important;
}

.nav-search button,
.btn-primary,
.hero-actions .btn:first-child,
button[type="submit"],
.primary-btn,
.btn-accent,
.yygk2-header__search-go,
.yygk2-btn--solid {
  background: linear-gradient(135deg, var(--m30-accent), color-mix(in srgb, var(--m30-accent) 70%, #831843)) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.card,
.movie-card,
.poster-card,
.grid-card,
.media-card,
.item-card,
.yygk-vcard,
.yygk2-hero__card {
  background: var(--m30-surface) !important;
  border-color: var(--mg-line) !important;
  color: var(--mg-ink) !important;
}

.section-title,
h1,
h2,
h3,
.home-h1,
.page-title,
.yygk2-block__h,
.yygk-catpage__h1,
.yygk2-detail-title {
  color: var(--mg-gold) !important;
}

.footer,
.site-footer,
footer,
.yygk2-footer {
  background: color-mix(in srgb, var(--m30-bg) 94%, #000) !important;
  color: var(--mg-muted) !important;
}

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

.yygk-vcard__stat--score,
.yygk-vcard__ico--star,
.yygk2-detail-score {
  color: var(--mg-gold) !important;
}