/* SPA→静态视觉桥 · lotus-ink · 宣纸白 + 黛青 + 朱砂点缀 */
:root {
  --pink: #c0392b;
  --blue: #3d6b6b;
  --brand: #2d4a4a;
  --accent: #c0392b;
  --portal-accent: #c0392b;
  --gold: #8b6914;
  --gold-dim: #6b5010;
  --cold-blue: #3d6b6b;
  --bg: #f7f3eb;
  --surface: #faf8f4;
  --surface-2: #f0ebe0;
  --text: #1a3333;
  --text-muted: #5a6e6e;
  --muted: #5a6e6e;
  --card: #faf8f4;
  --header-bg: #faf8f4;
  --body-bg: #f7f3eb;
  --line: rgba(45, 74, 74, 0.12);
  --ink-wash: rgba(45, 74, 74, 0.06);
  color-scheme: light;
}

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

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

.site-header,
.header,
.topbar,
.nav-bar,
.header-main,
.portal-header,
header.site-header,
header.bg-white,
.header-bar {
  background: color-mix(in srgb, var(--header-bg) 96%, #fff) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 2px 16px rgba(45, 74, 74, 0.06) !important;
  color: var(--text) !important;
}

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

.main-nav a,
.header-main-nav__link,
.nav a,
.site-nav a {
  color: var(--text-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 {
  color: var(--accent) !important;
}

.nav-search button,
.btn-primary,
.hero-actions .btn:first-child,
button[type="submit"],
.primary-btn,
.btn-accent {
  background: var(--brand) !important;
  border-color: transparent !important;
  color: #faf8f4 !important;
}

.card,
.movie-card,
.poster-card,
.grid-card,
.media-card,
.item-card {
  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  color: var(--text) !important;
}

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

.rank-badge,
.a2-play__score strong {
  color: #faf8f4 !important;
}

.a2-play__score {
  background: linear-gradient(145deg, var(--brand), #3d6b6b) !important;
  box-shadow: 0 6px 20px rgba(45, 74, 74, 0.2) !important;
}

.a2-play__score span {
  color: rgba(250, 248, 244, 0.85) !important;
}

.text-yellow-400,
.text-yellow-500,
.a2-play-rail__meta {
  color: var(--gold) !important;
}

.footer,
.site-footer,
footer,
footer.bg-gray-900 {
  background: var(--brand) !important;
  color: rgba(250, 248, 244, 0.82) !important;
  border-top: 2px solid color-mix(in srgb, var(--accent) 35%, transparent) !important;
}

.footer a,
.site-footer a,
footer a {
  color: rgba(250, 248, 244, 0.9) !important;
}

.footer a:hover,
.site-footer a:hover,
footer a:hover {
  color: #f5d0cc !important;
}

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

a:hover {
  color: var(--accent);
}

.page-main {
  background: transparent !important;
}