/* SPA→静态视觉桥 · steel-mono 工业冷感 · 钢蓝主色 */

:root {
  --pink: #5b8fb8;
  --blue: #5b8fb8;
  --brand: #5b8fb8;
  --accent: #5b8fb8;
  --portal-accent: #5b8fb8;
  --bg: #1a1d21;
  --surface: #252830;
  --text: #f5f7fa;
  --muted: #b8bcc4;
  --card: #252830;
  --header-bg: #1a1d21;
  --body-bg: #1a1d21;
  color-scheme: dark;
}

html,
body {
  background: #1a1d21 !important;
  color: #f5f7fa !important;
}

body,
.page,
.site-wrap,
.app-shell,
.layout,
.main-wrap,
#app,
.body-mother-adopt,
.guoju-site {
  background: #1a1d21 !important;
  color: #f5f7fa !important;
}

.site-header,
.header,
.topbar,
.nav-bar,
.header-main,
.portal-header,
header.site-header,
header.sticky,
.header-bar {
  background: color-mix(in srgb, #1a1d21 92%, #252830) !important;
  border-bottom-color: color-mix(in srgb, #5b8fb8 30%, transparent) !important;
  color: #f5f7fa !important;
}

.brand-text,
.brand-mark,
.site-brand,
.logo-text,
.header-brand__title,
.site-title,
.brand a {
  color: #5b8fb8 !important;
}

.main-nav a,
.header-main-nav__link,
.header-nav a,
.nav a,
.site-nav a {
  color: #b8bcc4 !important;
}

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

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

.card,
.movie-card,
.poster-card,
.grid-card,
.media-card,
.item-card,
.wythy-vcard,
.player-meta-card,
.category-tile,
.overview-card,
.filter-panel,
.rank-panel,
.page-hero,
.compact-hero {
  background: #252830 !important;
  border-color: color-mix(in srgb, #f5f7fa 10%, transparent) !important;
  color: #f5f7fa !important;
}

.section-title,
h1,
h2,
h3,
.home-h1,
.page-title,
.section-vod__head h2 {
  color: #f5f7fa !important;
}

.footer,
.site-footer,
footer {
  background: color-mix(in srgb, #1a1d21 94%, #000) !important;
  color: #b8bcc4 !important;
}

a {
  color: #5b8fb8;
}

.bg-white,
.bg-white\/95,
.bg-white\/90,
.bg-white\/80,
.bg-gray-50,
.bg-gray-100 {
  background-color: #252830 !important;
}

.text-gray-900,
.text-gray-800,
.text-gray-700 {
  color: #f5f7fa !important;
}

.text-gray-600,
.text-gray-500 {
  color: #b8bcc4 !important;
}

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

.border-gray-100,
.border-gray-200,
.border-gray-300,
.border-pink-100 {
  border-color: color-mix(in srgb, #f5f7fa 10%, transparent) !important;
}

.bg-gradient-to-r.from-pink-500,
.bg-gradient-to-br.from-pink-500,
.bg-gradient-to-r.from-pink-600,
.bg-gradient-to-br.from-pink-600,
.from-pink-500.to-purple-600,
.from-pink-600.via-purple-600.to-blue-600,
.via-purple-600,
.to-purple-600,
.to-blue-600,
.to-blue-500 {
  background-image: none !important;
  background-color: #252830 !important;
}

.bg-clip-text.text-transparent {
  color: #5b8fb8 !important;
  -webkit-text-fill-color: #5b8fb8 !important;
  background: none !important;
}

.hover\:bg-pink-50:hover,
.hover\:bg-gray-50:hover,
.hover\:bg-gray-100:hover,
.hover\:bg-gray-200:hover {
  background-color: rgba(91, 143, 184, 0.12) !important;
}

.hover\:text-pink-600:hover,
.hover\:text-purple-600:hover,
.hover\:text-purple-700:hover {
  color: #5b8fb8 !important;
}

.focus\:ring-pink-500:focus,
.focus\:ring-2:focus {
  --tw-ring-color: rgba(91, 143, 184, 0.45) !important;
}

input[type="search"],
input[type="text"],
select,
textarea {
  background-color: #141619 !important;
  border-color: color-mix(in srgb, #f5f7fa 14%, transparent) !important;
  color: #f5f7fa !important;
}

input::placeholder {
  color: #8a919a !important;
}

.bc-movie-card,
.bc-movie-stat,
.bc-movie-source__btn {
  background: #252830 !important;
  border-color: color-mix(in srgb, #5b8fb8 25%, transparent) !important;
  color: #f5f7fa !important;
}

.bc-movie-source__btn--active,
.bc-back-to-top {
  background: #5b8fb8 !important;
  background-image: none !important;
}

.bc-footer-brand {
  background: rgba(91, 143, 184, 0.12) !important;
  border-color: rgba(91, 143, 184, 0.28) !important;
}

.bc-footer-brand__icon {
  background: #5b8fb8 !important;
  background-image: none !important;
}

.bc-footer-brand__text {
  color: #c8d9ea !important;
  background: none !important;
  -webkit-text-fill-color: #c8d9ea !important;
}