/* SPA→静态视觉桥 · lotus-ink 水墨东方 · 骨架布局保留 */
:root {
  --pop-red: #c0392b;
  --pop-blue: #3d5a6e;
  --pop-yellow: #c0392b;
  --pop-orange: #2c4a5e;
  --m14-bg: #f7f4ed;
  --m14-surface: #fffef9;
  --m14-text: #2c4a5e;
  --pink: var(--pop-orange);
  --blue: var(--pop-blue);
  --brand: var(--pop-orange);
  --accent: var(--pop-orange);
  --portal-accent: var(--pop-orange);
  --bg: var(--m14-bg);
  --surface: var(--m14-surface);
  --text: var(--m14-text);
  --muted: #6b7f8f;
  --card: var(--m14-surface);
  --header-bg: rgba(255, 254, 249, 0.92);
  --body-bg: var(--m14-bg);
  color-scheme: light;
}

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

body,
.page,
.page-main,
.site-wrap,
.app-shell,
.layout,
.main-wrap,
#app {
  background: transparent !important;
  color: inherit !important;
}

.cy-header {
  background: var(--header-bg) !important;
  border-bottom-color: rgba(44, 74, 94, 0.12) !important;
}

.cy-logo__mark {
  background: var(--pop-orange) !important;
  box-shadow: 0 4px 14px rgba(44, 74, 94, 0.22) !important;
  color: #fff !important;
}

.cy-logo__txt b {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: var(--m14-text) !important;
}

.cy-nav__item.is-active,
.cy-section__tabs a.is-active,
.cy-filterbar__opts a.is-active,
.cy-filterbar__opts button.is-active,
.cy-filterbar__opts span.is-active {
  background: var(--pop-orange) !important;
  color: #fff !important;
  box-shadow: 0 3px 10px rgba(44, 74, 94, 0.2) !important;
}

.cy-search:focus-within,
.cy-hero__form:focus-within {
  border-color: var(--pop-orange) !important;
}

.cy-hero__form button,
.cy-search-hero__form button,
.cy-overlay__form button,
.cy-empty__cta {
  background: var(--pop-orange) !important;
  box-shadow: 0 4px 14px rgba(44, 74, 94, 0.2) !important;
  color: #fff !important;
}

.site-header,
.header,
.topbar,
.nav-bar,
header.site-header {
  background: var(--header-bg) !important;
  border-bottom-color: rgba(44, 74, 94, 0.12) !important;
  color: var(--m14-text) !important;
}

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

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

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

.nav-search button,
.btn-primary,
.hero-actions .btn:first-child,
button[type="submit"],
.primary-btn,
.btn-accent,
.search-box button {
  background: var(--pop-orange) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(44, 74, 94, 0.18) !important;
}

.card,
.movie-card,
.poster-card,
.grid-card,
.media-card,
.item-card {
  background: var(--m14-surface) !important;
  border-color: rgba(44, 74, 94, 0.12) !important;
  color: var(--m14-text) !important;
}

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

.footer,
.site-footer,
footer,
.cy-footer {
  background: #f0ebe0 !important;
  color: var(--muted) !important;
  border-top: 1px solid rgba(44, 74, 94, 0.1) !important;
}

a {
  color: var(--pop-orange);
}

a:hover {
  color: var(--pop-red);
}

.cy-search input,
.cy-overlay__form input,
.cy-hero__form input {
  background: var(--m14-bg) !important;
  color: var(--m14-text) !important;
  border-color: rgba(44, 74, 94, 0.14) !important;
}

.cy-drawer__panel {
  background: var(--m14-surface) !important;
}

.cy-drawer__nav a {
  color: var(--m14-text) !important;
}

.cy-overlay__panel {
  background: var(--m14-surface) !important;
}