/* 站点11 · arctic-mint 视觉桥 · 冰蓝白底 + 薄荷绿主色 + 石墨字 · 母版 m42 结构 */
:root {
  --sky: #7dd3fc;
  --blue: #0ea5e9;
  --cyan: #5eead4;
  --ink: #374151;
  --muted: #6b7280;
  --line: #d1e9ef;
  --soft: #f0f9fc;
  --card: #ffffff;
  --shadow: 0 16px 44px rgba(55, 65, 81, 0.08);

  --arctic-bg: #f0f9fc;
  --arctic-bg2: #fafcfd;
  --arctic-ice: #e0f4f8;
  --arctic-deep: #1e3a4a;
  --arctic-primary: #14b8a6;
  --arctic-primary-hover: #0d9488;
  --arctic-mint: #2dd4bf;
  --arctic-accent: #7dd3fc;
  --arctic-surface: #ffffff;
  --arctic-ink: #374151;
  --arctic-muted: #6b7280;
  --arctic-line: #d1e9ef;
  --arctic-nav: #ffffff;
  --arctic-footer: #1a2e38;
  --brand: #14b8a6;
  --accent: #2dd4bf;
  color-scheme: light;
}

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

body.body-mother-adopt,
body.arctic-vod-body {
  --portal-accent: var(--arctic-primary);
  --portal-coral: var(--arctic-mint);
  --portal-page: var(--arctic-bg);
  background: var(--arctic-bg) !important;
  color: var(--arctic-ink) !important;
}

.page-main,
#app,
.app-shell {
  background: transparent !important;
}

.site-nav,
header.site-nav {
  background: var(--arctic-nav) !important;
  border-bottom: 1px solid var(--arctic-line) !important;
  box-shadow: 0 4px 24px rgba(55, 65, 81, 0.06) !important;
}

.site-nav .brand,
.site-nav .nav-links a,
.site-nav .nav-dropdown button {
  color: var(--arctic-ink) !important;
}

.site-nav .brand-icon {
  background: linear-gradient(135deg, var(--arctic-primary), var(--arctic-mint)) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(20, 184, 166, 0.28) !important;
}

.site-nav .nav-search input {
  background: var(--arctic-bg) !important;
  border: 1px solid var(--arctic-line) !important;
  color: var(--arctic-ink) !important;
}

.site-nav .nav-search button {
  background: var(--arctic-primary) !important;
  color: #fff !important;
}

.site-footer {
  background: linear-gradient(180deg, var(--arctic-footer) 0%, #122029 100%) !important;
}

.primary-btn {
  background: var(--arctic-primary) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(20, 184, 166, 0.28) !important;
}

.primary-btn:hover {
  background: var(--arctic-primary-hover) !important;
}

.section-link {
  background: rgba(20, 184, 166, 0.1) !important;
  color: var(--arctic-primary-hover) !important;
}

.movie-card {
  border-color: var(--arctic-line) !important;
}

.category-tile {
  border-color: var(--arctic-line) !important;
}

.page-hero,
.hero-shell,
.arctic-page-hero {
  background: linear-gradient(165deg, #e0f4f8 0%, #f0f9fc 45%, #ffffff 100%) !important;
  color: var(--arctic-ink) !important;
}

.page-hero h1,
.page-hero p,
.page-hero .crumbs,
.page-hero .crumbs a,
.page-hero .eyebrow {
  color: var(--arctic-ink) !important;
}

.page-hero .crumbs {
  color: var(--arctic-muted) !important;
}

.page-hero .crumbs a {
  color: var(--arctic-primary-hover) !important;
}

.arctic-hot-panel,
.hot-panel {
  background: linear-gradient(135deg, #f0fdf9 0%, #ecfeff 100%) !important;
  border: 1px solid rgba(20, 184, 166, 0.12) !important;
  border-radius: 1.25rem;
}

.rank-num {
  background: var(--arctic-primary) !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}