/* SPA→静态视觉桥 · site-24 · sunset-brick 砖红黄昏 */
:root {
  --pink: #b5453a;
  --blue: #b5453a;
  --brand: #b5453a;
  --accent: #b5453a;
  --accent-hover: #963830;
  --accent-soft: rgba(181, 69, 58, 0.12);
  --portal-accent: #b5453a;
  --ink-accent: #8b4513;
  --bg: #f5ebe0;
  --surface: #fff8f0;
  --surface-2: #f0e4d6;
  --text: #3d2914;
  --text-muted: #6b5344;
  --muted: #6b5344;
  --card: #fff8f0;
  --header-bg: #fff8f0;
  --body-bg: #f5ebe0;
  --line: rgba(61, 41, 20, 0.12);
  color-scheme: light;
}

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

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

.site-header,
.header,
.topbar,
.nav-bar,
.header-main,
.portal-header,
header.site-header,
.header-bar,
.body-mother-adopt > header {
  background: color-mix(in srgb, var(--surface) 94%, var(--bg)) !important;
  border-bottom: 1px solid var(--line) !important;
  color: var(--text) !important;
  box-shadow: 0 2px 16px rgba(61, 41, 20, 0.08) !important;
}

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

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

.nav-search input,
.daphne-header-search input {
  background: var(--surface) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

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

.card,
.movie-card,
.poster-card,
.grid-card,
.media-card,
.item-card,
.wythy-vcard {
  background: var(--surface) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

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

.text-gray-900,
.text-gray-800,
.text-gray-700 {
  color: var(--text) !important;
}

.text-gray-600,
.text-gray-500 {
  color: var(--text-muted) !important;
}

.text-gray-400,
.text-gray-300 {
  color: #8a7262 !important;
}

.bg-white {
  background: var(--surface) !important;
}

.bg-gray-50,
.bg-gray-100 {
  background: var(--surface-2) !important;
}

.bg-blue-100 {
  background: var(--accent-soft) !important;
}

.text-blue-600,
.text-blue-400,
.text-blue-500 {
  color: var(--accent) !important;
}

.footer,
.site-footer,
footer,
.body-mother-adopt > footer {
  background: color-mix(in srgb, var(--surface-2) 80%, var(--bg)) !important;
  color: var(--text-muted) !important;
  border-top: 1px solid var(--line) !important;
}

.footer a,
.site-footer a {
  color: var(--accent) !important;
}

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

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

.bg-gradient-to-r.from-blue-600,
.bg-gradient-to-r.from-blue-600.via-purple-600,
.bg-gradient-to-r.from-purple-600 {
  background: linear-gradient(135deg, #b5453a 0%, #c96a52 55%, #d4896a 100%) !important;
}

.text-blue-100 {
  color: rgba(255, 248, 240, 0.92) !important;
}

.daphne-video-body {
  background: var(--bg) !important;
}

.daphne-player-card,
.daphne-player-card + *,
.body-mother-adopt .daphne-video-body .bg-white,
.play-info-card {
  background: var(--surface) !important;
  border: 1px solid var(--line);
}

.daphne-side-rec-item:hover {
  background: var(--accent-soft) !important;
}

.daphne-side-rec-item:hover .daphne-side-rec-title {
  color: var(--accent) !important;
}

.daphne-side-rec-title {
  color: var(--text) !important;
}

.mother-play-desc {
  max-width: 80rem;
  margin: 1rem auto 2rem;
  padding: 0 1rem;
  color: var(--text-muted);
  line-height: 1.75;
}

.mother-related {
  max-width: 80rem;
  margin: 0 auto 3rem;
  padding: 0 1rem;
}

.mother-related h2 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--text);
}

.mother-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (min-width: 640px) {
  .mother-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .mother-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.body-mother-adopt ::-webkit-scrollbar-track {
  background: var(--bg) !important;
}

.body-mother-adopt ::-webkit-scrollbar-thumb {
  background: #c9b8a8 !important;
}

.body-mother-adopt ::-webkit-scrollbar-thumb:hover {
  background: var(--accent) !important;
}