/* SPA→静态视觉桥 · from=m26 · forest-moss 苔原纪录片 */
:root {
  --orange: #d97706;
  --pink: #f59e0b;
  --vermilion: #3d5a45;
  --purple: #5a7a62;
  --ink: #1c2e22;
  --muted: #5c6b5e;
  --paper: #e8ede6;
  --paper-warm: #f2f5f0;
  --line: rgba(61, 90, 69, 0.16);
  --shadow: 0 24px 70px rgba(28, 46, 34, 0.1);
  --accent: #3d5a45;
  --brand: #2f4636;
  --bg: #e8ede6;
  --surface: #ffffff;
  --text: #1c2e22;
  --card: #ffffff;
  --header-bg: rgba(232, 237, 230, 0.94);
  --body-bg: linear-gradient(180deg, #e8ede6 0%, #f2f5f0 28%, #ffffff 100%);
  color-scheme: light;
}

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

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

/* 顶栏：浅绿灰底 + 苔绿字 */
.site-header,
.header,
.topbar,
.nav-bar,
.header-main,
.portal-header,
header.site-header,
.header-bar {
  background: linear-gradient(
    90deg,
    rgba(232, 237, 230, 0.96),
    rgba(242, 245, 240, 0.94)
  ) !important;
  border-bottom-color: var(--line) !important;
  color: var(--ink) !important;
}

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

.brand,
.footer-brand {
  background: linear-gradient(90deg, #2f4636, #3d5a45) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

.brand-mark {
  background: linear-gradient(135deg, #3d5a45, #d97706) !important;
  box-shadow: 0 12px 28px rgba(61, 90, 69, 0.28) !important;
}

.main-nav a,
.header-main-nav__link,
.nav a,
.site-nav a,
.nav-link,
.desktop-nav a {
  color: #3d4f40 !important;
}

.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,
.nav-link:hover,
.nav-link.active {
  color: #fff !important;
  background: linear-gradient(90deg, #3d5a45, #5a7a62) !important;
}

/* 按钮：苔绿主色 + 琥珀高光 */
.nav-search button,
.btn-primary,
.hero-actions .btn:first-child,
button[type="submit"],
.primary-btn,
.btn-accent,
.quick-search button,
.reset-filter {
  background: linear-gradient(90deg, #3d5a45, #5a7a62) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 16px 40px rgba(61, 90, 69, 0.22) !important;
}

.primary-btn:hover,
.btn-primary:hover {
  background: linear-gradient(90deg, #2f4636, #3d5a45) !important;
}

/* 卡片：白底 + 苔绿边框 */
.card,
.movie-card,
.poster-card,
.grid-card,
.media-card,
.item-card {
  background: #fff !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
}

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

.section-icon {
  background: linear-gradient(135deg, #3d5a45, #5a7a62) !important;
  box-shadow: 0 14px 36px rgba(61, 90, 69, 0.22) !important;
}

.footer,
.site-footer,
footer.footer {
  background: linear-gradient(135deg, #1c2e22, #2f4636) !important;
  color: #c8d4ca !important;
}

.footer a:hover {
  color: #f59e0b !important;
}

a {
  color: #3d5a45;
}

.breadcrumb a,
.channel-row a,
.rank-card em {
  color: #3d5a45 !important;
}

.tag-row span {
  background: #f2f5f0 !important;
  color: #2f4636 !important;
  border-color: rgba(61, 90, 69, 0.18) !important;
}

.band-section,
.home-rank-section {
  background: linear-gradient(135deg, #eef2eb, #f5f0e6) !important;
}

.home-hot-tag:hover {
  color: #2f4636 !important;
  border-color: #d97706 !important;
}

.home-section-more {
  color: #3d5a45 !important;
  border-color: rgba(61, 90, 69, 0.22) !important;
}

.home-section-more:hover {
  color: #d97706 !important;
  background: #f2f5f0 !important;
}

.page-hero,
.category-hero {
  background: linear-gradient(135deg, #eef2eb, #f5f0e6) !important;
  border-bottom-color: var(--line) !important;
}

.category-hero {
  background: #1c2e22 !important;
}

.category-hero h1,
.category-hero p,
.category-hero .eyebrow {
  color: #fff !important;
}

.category-hero:after {
  background: radial-gradient(circle at 20% 20%, rgba(217, 119, 6, 0.28), transparent 35%), linear-gradient(90deg, rgba(28, 46, 34, 0.96), rgba(47, 70, 54, 0.72)) !important;
}

.detail-hero,
.hero {
  background: #1c2e22 !important;
}

.detail-hero:after,
.hero-slide:after {
  background: radial-gradient(circle at 20% 20%, rgba(90, 122, 98, 0.32), transparent 35%), linear-gradient(90deg, rgba(28, 46, 34, 0.96), rgba(47, 70, 54, 0.66), rgba(28, 46, 34, 0.88)) !important;
}

.mobile-nav a.is-active {
  color: #3d5a45 !important;
  background: #f2f5f0 !important;
}

.nav-link.active {
  background: linear-gradient(90deg, #3d5a45, #5a7a62) !important;
  box-shadow: 0 12px 30px rgba(61, 90, 69, 0.25) !important;
}

/* 骨架类名兼容 */
.site-header .brand-text {
  background: linear-gradient(90deg, #2f4636, #3d5a45);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}