/* SPA→静态视觉桥 · forest-moss · 骨架保留，苔绿纪录片气质 */
:root {
  --pink: #4a7c59;
  --blue: #4a7c59;
  --green: #3d6b4f;
  --orange: #d97706;
  --brand: #4a7c59;
  --accent: #d97706;
  --portal-accent: #3d6b4f;
  --bg: #eef2ec;
  --surface: #ffffff;
  --text: #1a2420;
  --muted: #6b7d72;
  --card: #ffffff;
  --header-bg: rgba(244, 247, 242, 0.94);
  --body-bg: #eef2ec;
  color-scheme: light;
}

html,
body {
  background: linear-gradient(160deg, #e8ece6 0%, #eef2ec 42%, #f4f7f2 100%) !important;
  color: #1a2420 !important;
}

.site-header,
.header,
.topbar,
.nav-bar,
header.site-header {
  background: rgba(244, 247, 242, 0.94) !important;
  border-bottom-color: rgba(74, 124, 89, 0.18) !important;
  color: #1a2420 !important;
}

.brand-text,
.brand-mark,
.site-brand,
.logo-text {
  color: #1a2420 !important;
}

.main-nav a,
.nav a,
.site-nav a {
  color: #3d4f46 !important;
}

.main-nav a:hover,
.main-nav a.active,
.nav a:hover,
.nav a.active {
  color: #3d6b4f !important;
}

.nav-search button,
.btn-primary,
button[type="submit"] {
  background: #4a7c59 !important;
  border-color: transparent !important;
  color: #fff !important;
}

.nav-search button:hover {
  background: #3d6b4f !important;
}

.primary-btn {
  background: #d97706 !important;
}

.primary-btn:hover {
  background: #b45309 !important;
}

.card,
.movie-card,
.poster-card,
.grid-card {
  background: #fff !important;
  border-color: rgba(212, 221, 214, 0.9) !important;
  color: #1a2420 !important;
}

.section-title,
h1,
h2,
h3,
.home-h1,
.page-title {
  color: inherit;
}

.footer,
.site-footer,
footer {
  background: linear-gradient(135deg, #1a2e24, #243d30) !important;
  color: #c8d9ce !important;
}

a {
  color: inherit;
}

/* ── 页脚 ABABSEO：居中飞行，非胶囊、无链接 ── */
.footer-ababseo {
  background: #141f19;
  border-top: 1px solid rgba(74, 124, 89, 0.22);
  padding: 20px 16px calc(16px + env(safe-area-inset-bottom, 0px));
  display: flex;
  justify-content: center;
  align-items: center;
}

.ababseo-sky--footer {
  position: relative;
  left: auto;
  bottom: auto;
  pointer-events: none;
  user-select: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.ababseo-sky--footer .ababseo-sky__frame {
  padding: 0;
  border-radius: 0;
  background: none;
  animation: none;
  box-shadow: none;
}

.ababseo-sky--footer .ababseo-sky__glow {
  inset: -18px -24px -8px;
  border-radius: 0;
  background: radial-gradient(ellipse at 50% 90%, rgba(74, 124, 89, 0.32), transparent 68%);
  animation: ababseo-glow-breathe 3.2s ease-in-out infinite;
}

.ababseo-sky--footer .ababseo-sky__scene {
  width: 140px;
  height: 88px;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  overflow: visible;
}

.ababseo-sky--footer .ababseo-sky__label {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.38em;
  padding-left: 0.38em;
  text-transform: uppercase;
  background: linear-gradient(110deg, #b8d4c0 0%, #6b9b7a 30%, #d97706 55%, #f59e0b 75%, #b8d4c0 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(0 2px 6px rgba(61, 107, 79, 0.35));
  animation: ababseo-label-flow 4.8s ease-in-out infinite;
}

.ababseo-sky--footer .ababseo-sky__label-dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #d97706;
  margin: 0 6px;
  vertical-align: middle;
  animation: ababseo-dot-pulse 1.6s ease-in-out infinite;
}

.ababseo-sky--footer .ababseo-sky__label-dot:last-child {
  animation-delay: 0.8s;
}

.ababseo-sky--footer .ababseo-sky__flame {
  background: linear-gradient(180deg, #b8d4c0, #d97706);
}

@media (max-width: 640px) {
  .footer-ababseo {
    padding-top: 16px;
  }

  .ababseo-sky--footer .ababseo-sky__scene {
    width: 118px;
    height: 72px;
  }

  .ababseo-sky--footer .ababseo-sky__label {
    font-size: 0.68rem;
    letter-spacing: 0.28em;
    padding-left: 0.28em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ababseo-sky--footer .ababseo-sky__jet,
  .ababseo-sky--footer .ababseo-sky__flame,
  .ababseo-sky--footer .ababseo-sky__label,
  .ababseo-sky--footer .ababseo-sky__glow,
  .ababseo-sky--footer .ababseo-sky__label-dot {
    animation: none !important;
  }
}