/* SPA→静态视觉桥 · arctic-mint 极地薄荷 · 冰蓝白底 + 薄荷绿主色 */
:root {
  --mint: #14b8a6;
  --mint-light: #5eead4;
  --mint-dark: #0d9488;
  --ice: #f0f9ff;
  --ice-deep: #e0f2fe;
  --cyan: #22d3ee;
  --ink: #374151;
  --muted: #64748b;
  --soft: #f0f9ff;
  --panel: #ffffff;
  --line: #dbeafe;
  --dark: #1e293b;
  --red: var(--mint);
  --orange: var(--mint-light);
  --yellow: var(--mint-light);
  --blue: var(--mint-dark);
  --accent: var(--mint);
  --brand: var(--mint-dark);
  --portal-accent: var(--mint);
  --bg: #f0f9ff;
  --surface: #ffffff;
  --text: #374151;
  --card: #ffffff;
  --header-bg: rgba(255, 255, 255, 0.94);
  --body-bg: #f0f9ff;
  color-scheme: light;
}

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

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

.top-strip {
  height: 4px;
  background: linear-gradient(90deg, var(--mint-dark), var(--mint), var(--cyan));
}

.site-header,
.header,
.topbar,
.nav-bar,
.header-main,
.portal-header,
header.site-header,
.header-bar {
  background: var(--header-bg) !important;
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
  color: var(--text) !important;
}

.brand-text,
.site-brand,
.logo-text,
.header-brand__title,
.site-title {
  background: linear-gradient(90deg, var(--mint-dark), var(--mint), var(--cyan)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

.brand-mark {
  background: linear-gradient(135deg, var(--mint-dark), var(--mint), var(--cyan)) !important;
  box-shadow: 0 8px 22px rgba(20, 184, 166, 0.28) !important;
}

.main-nav a,
.header-main-nav__link,
.nav a,
.site-nav a {
  color: #374151 !important;
  font-weight: 700;
}

.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(--mint-dark) !important;
}

.nav-search button,
.btn-primary,
.hero-actions .btn:first-child,
button[type="submit"],
.primary-btn,
.btn-accent {
  background: var(--mint) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(20, 184, 166, 0.22) !important;
}

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

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

.footer,
.site-footer,
footer {
  background: #fff !important;
  border-top: 1px solid var(--line) !important;
  color: var(--muted) !important;
}

a {
  color: var(--mint-dark);
}