/* SPA→静态视觉桥 · lotus-ink 水墨东方 · 保留 m63 明暗结构 */
:root {
  --pink: #3d5c5c;
  --blue: #2c4a4a;
  --brand: #2c4a4a;
  --accent: #2c4a4a;
  --accent-deep: #1a3333;
  --portal-accent: #2c4a4a;
  --portal-accent-light: #3d5c5c;
  --portal-accent-hover: #1a3333;
  --portal-accent-soft: rgba(44, 74, 74, 0.12);
  --vermillion: #c23a2a;
  --gold: #c23a2a;
  --gold-dim: rgba(194, 58, 42, 0.14);
  --bg: #f7f4ed;
  --surface: #fffcf7;
  --text: #1c1917;
  --muted: #6b6560;
  --card: #fffcf7;
  --header-bg: #faf8f3;
  --body-bg: #f7f4ed;
  --yzz-accent: #2c4a4a;
  --yzz-accent-deep: #1a3333;
  --yzz-teal: #3d5c5c;
  --yzz-nav-bg: #1a3333;
  --yzz-ink: #1c1917;
  --yzz-muted: #6b6560;
  color-scheme: light;
}

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

body.body-tpl-portal.body-tpl-yzz {
  --qjz-nav-bg: #1a3333;
  --portal-accent: #2c4a4a;
  --portal-accent-light: #3d5c5c;
  --portal-accent-hover: #1a3333;
  --portal-accent-soft: rgba(44, 74, 74, 0.12);
  background: var(--body-bg);
  color: var(--text);
}

/* 顶栏：宣纸白 */
.yzz-site-header--cinema,
.site-header,
header.site-header {
  background: var(--header-bg) !important;
  border-bottom-color: rgba(44, 74, 74, 0.1) !important;
  color: var(--text) !important;
}

.yzz-site-header__titles strong,
.brand-text,
.site-brand,
.logo-text {
  color: var(--yzz-ink) !important;
}

.yzz-site-header__search-submit,
.nav-search button,
.btn-primary,
.yzz-hero__btn--primary,
button[type="submit"].yzz-site-header__search-submit {
  background: linear-gradient(135deg, #3d5c5c, #2c4a4a) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.yzz-site-header__btn--solid {
  background: linear-gradient(135deg, #c23a2a, #a83224) !important;
  color: #fff !important;
}

/* 深色导航条 */
.yzz-site-header__nav-wrap {
  background: var(--yzz-nav-bg) !important;
}

.yzz-site-header__nav-region {
  color: #c23a2a !important;
}

.yzz-site-header__link--active {
  background: rgba(61, 92, 92, 0.35) !important;
  color: #fff !important;
}

.yzz-site-header__link:hover {
  color: #e8e4da !important;
}

/* Hero 黛青深色区 */
.yzz-hero--cinema {
  color: #f7f4ed;
}

.yzz-hero__title-accent {
  color: #c23a2a !important;
  background: none !important;
  -webkit-text-fill-color: #c23a2a !important;
}

.yzz-hero--lotus .yzz-hero__title-accent {
  color: #e8e4da !important;
  -webkit-text-fill-color: #e8e4da !important;
}

.yzz-hero__kicker-dot {
  background: #c23a2a !important;
}

.yzz-section__more,
.yzz-section__more:hover,
a.yzz-section__more {
  color: var(--accent) !important;
}

/* 分类色块：宣纸灰阶 + 黛青强调 */
body.body-tpl-portal.body-tpl-yzz .yzz-cat-tile,
body.body-tpl-portal.body-tpl-yzz .category-tile {
  background: var(--surface) !important;
  border: 1px solid rgba(44, 74, 74, 0.1) !important;
  box-shadow: 0 4px 18px rgba(26, 51, 51, 0.05) !important;
}

body.body-tpl-portal.body-tpl-yzz .yzz-cat-tile__name,
body.body-tpl-portal.body-tpl-yzz .category-tile strong {
  color: var(--yzz-ink) !important;
}

body.body-tpl-portal.body-tpl-yzz .yzz-cat-tile__glow {
  background: radial-gradient(circle, rgba(44, 74, 74, 0.15) 0%, transparent 72%) !important;
}

body.body-tpl-portal.body-tpl-yzz .yzz-cat-tile:hover,
body.body-tpl-portal.body-tpl-yzz .category-tile:hover {
  border-color: rgba(44, 74, 74, 0.35) !important;
  transform: translateY(-2px);
}

body.body-tpl-portal.body-tpl-yzz .yzz-cat-tile:hover .yzz-cat-tile__name,
body.body-tpl-portal.body-tpl-yzz .category-tile:hover strong {
  color: var(--accent) !important;
}

body.body-tpl-portal.body-tpl-yzz .yzz-cat-tile--violet,
body.body-tpl-portal.body-tpl-yzz .yzz-cat-tile--blue,
body.body-tpl-portal.body-tpl-yzz .yzz-cat-tile--rose,
body.body-tpl-portal.body-tpl-yzz .yzz-cat-tile--pink,
body.body-tpl-portal.body-tpl-yzz .yzz-cat-tile--cyan,
body.body-tpl-portal.body-tpl-yzz .yzz-cat-tile--amber,
body.body-tpl-portal.body-tpl-yzz .yzz-cat-tile--teal,
body.body-tpl-portal.body-tpl-yzz .yzz-cat-tile--purple,
body.body-tpl-portal.body-tpl-yzz .yzz-cat-tile--fuchsia,
body.body-tpl-portal.body-tpl-yzz .yzz-cat-tile--indigo {
  background: var(--surface) !important;
}

/* 卡片与面板 */
.yzz-panel,
.card,
.movie-card,
.yzz-film-card {
  background: var(--card) !important;
  border-color: rgba(44, 74, 74, 0.08) !important;
  color: var(--text) !important;
}

.yzz-film-card__score {
  background: linear-gradient(135deg, #3d5c5c, #2c4a4a) !important;
}

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

.yzz-section__subtitle,
.yzz-film-card__meta,
.yzz-film-card__synopsis {
  color: var(--yzz-muted) !important;
}

/* dock 频道快捷入口 */
.yzz-hero__dock-card {
  background: rgba(247, 244, 237, 0.08) !important;
  border-color: rgba(247, 244, 237, 0.12) !important;
}

.yzz-hero__dock-card:hover {
  border-color: rgba(194, 58, 42, 0.4) !important;
  background: rgba(247, 244, 237, 0.14) !important;
}

/* 页脚 */
.yzz-site-footer,
.site-footer,
footer {
  background: #1a3333 !important;
  color: #d6d3d1 !important;
}

.yzz-site-footer__brand-text,
.yzz-site-footer a:hover {
  color: #c23a2a !important;
}

.yzz-site-footer__col-bar {
  background: #c23a2a !important;
}

a {
  color: var(--accent);
}

a:hover {
  color: var(--accent-deep);
}

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