/* 华影剧汇 · site 9 · copper-studio 铜锈工作室 */

:root {
  --site-accent: #b87333;
  --site-accent-hover: #c9956a;
  --site-accent-dim: rgba(184, 115, 51, 0.12);
  --site-amber: #d4a056;
  --site-bg: #1a1410;
  --site-surface: #231a14;
  --site-surface-up: #2e231b;
  --site-text: #e8ddd0;
  --site-muted: #a89888;
  --site-border: rgba(232, 221, 208, 0.1);
  --site-glow: rgba(184, 115, 51, 0.08);
}

html {
  scroll-behavior: smooth;
}

body.body-mother-adopt {
  min-height: 100vh;
  background: var(--site-bg) !important;
  color: var(--site-text) !important;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

body.body-mother-adopt ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body.body-mother-adopt ::-webkit-scrollbar-track {
  background: var(--site-surface);
}

body.body-mother-adopt ::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--site-accent) 45%, var(--site-surface));
  border-radius: 4px;
}

/* ── 顶栏 ── */
body.body-mother-adopt header.bg-white {
  background: color-mix(in srgb, var(--site-bg) 92%, var(--site-surface)) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--site-border) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45) !important;
}

body.body-mother-adopt header .text-gray-900,
body.body-mother-adopt header .text-xl.font-bold {
  color: var(--site-accent) !important;
}

body.body-mother-adopt header .text-gray-700,
body.body-mother-adopt header nav a {
  color: var(--site-muted) !important;
}

body.body-mother-adopt header nav a:hover,
body.body-mother-adopt header nav a.text-blue-600,
body.body-mother-adopt header .hover\:text-blue-600:hover {
  color: var(--site-accent-hover) !important;
}

body.body-mother-adopt header .text-blue-600,
body.body-mother-adopt header svg.text-blue-600,
body.body-mother-adopt header .h-8.w-8.text-blue-600 {
  color: var(--site-accent) !important;
}

body.body-mother-adopt header .bg-red-500 {
  background: var(--site-amber) !important;
}

body.body-mother-adopt header input[type="search"] {
  background: var(--site-surface) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
}

body.body-mother-adopt header input[type="search"]::placeholder {
  color: var(--site-muted) !important;
}

body.body-mother-adopt header input[type="search"]:focus {
  border-color: var(--site-accent) !important;
  box-shadow: 0 0 0 2px var(--site-accent-dim) !important;
}

body.body-mother-adopt header .group:hover .absolute {
  background: var(--site-surface-up) !important;
  border: 1px solid var(--site-border);
}

body.body-mother-adopt header .hover\:bg-blue-50:hover {
  background: var(--site-accent-dim) !important;
}

/* ── 移动端导航 ── */
.mobile-nav {
  border-top: 1px solid var(--site-border);
  background: var(--site-surface);
}

.mobile-nav:not([hidden]) {
  display: block;
}

.mobile-nav__inner {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 16px 16px;
}

.mobile-nav__inner a {
  display: block;
  padding: 10px 12px;
  color: var(--site-muted);
  border-radius: 8px;
  font-size: 15px;
}

.mobile-nav__inner a:hover {
  background: var(--site-accent-dim);
  color: var(--site-accent);
}

.mobile-nav__search {
  margin-top: 8px;
}

.mobile-nav__search input {
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid var(--site-border);
  background: var(--site-bg);
  color: var(--site-text);
}

/* ── Hero 区块（铜锈底，无紫粉光斑） ── */
body.body-mother-adopt .bg-gradient-to-r.from-blue-600,
body.body-mother-adopt .bg-gradient-to-l.from-blue-600,
body.body-mother-adopt .bg-gradient-to-r.from-blue-600.via-purple-600 {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--site-bg) 75%, #3d2817) 0%,
    color-mix(in srgb, var(--site-surface) 85%, #4a3020) 55%,
    color-mix(in srgb, var(--site-bg) 70%, #2a1f18) 100%
  ) !important;
  border-bottom: 1px solid var(--site-border);
}

body.body-mother-adopt .hero-subtitle,
body.body-mother-adopt .hero-eyebrow,
body.body-mother-adopt .text-blue-100 {
  color: color-mix(in srgb, var(--site-muted) 90%, var(--site-text)) !important;
}

body.body-mother-adopt section .text-white {
  color: var(--site-text) !important;
}

body.body-mother-adopt .bg-white.text-blue-600 {
  background: var(--site-accent) !important;
  color: #fff !important;
}

body.body-mother-adopt .bg-white.text-blue-600:hover,
body.body-mother-adopt .hover\:bg-blue-50:hover.bg-white {
  background: var(--site-accent-hover) !important;
  color: #fff !important;
}

body.body-mother-adopt .border-white.text-white {
  border-color: color-mix(in srgb, var(--site-accent) 50%, transparent) !important;
  color: var(--site-accent-hover) !important;
}

body.body-mother-adopt .border-white.text-white:hover,
body.body-mother-adopt .hover\:bg-white.hover\:text-blue-600:hover {
  background: var(--site-accent-dim) !important;
  color: var(--site-accent) !important;
}

/* ── 区块 / 卡片 ── */
body.body-mother-adopt .bg-white {
  background: var(--site-surface) !important;
}

body.body-mother-adopt .bg-white.shadow-sm,
body.body-mother-adopt article.bg-white,
body.body-mother-adopt .vod-card {
  background: var(--site-surface) !important;
  border: 1px solid var(--site-border);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.28) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.body-mother-adopt article.bg-white:hover,
body.body-mother-adopt .vod-card:hover,
body.body-mother-adopt .hover\:shadow-md:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--site-accent) 28%, transparent);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.38) !important;
}

body.body-mother-adopt .text-gray-900,
body.body-mother-adopt h1.text-gray-900,
body.body-mother-adopt h2.text-gray-900,
body.body-mother-adopt h3.text-gray-900,
body.body-mother-adopt .font-semibold.text-gray-900 {
  color: var(--site-text) !important;
}

body.body-mother-adopt .text-gray-600,
body.body-mother-adopt .text-gray-500,
body.body-mother-adopt .text-gray-400 {
  color: var(--site-muted) !important;
}

body.body-mother-adopt .text-gray-700 {
  color: color-mix(in srgb, var(--site-text) 78%, var(--site-muted)) !important;
}

body.body-mother-adopt .text-blue-600,
body.body-mother-adopt a.text-blue-600,
body.body-mother-adopt .hover\:text-blue-600:hover {
  color: var(--site-accent) !important;
}

body.body-mother-adopt .hover\:text-blue-700:hover {
  color: var(--site-accent-hover) !important;
}

body.body-mother-adopt svg.text-blue-600,
body.body-mother-adopt svg.text-blue-500,
body.body-mother-adopt .h-6.w-6.text-blue-600,
body.body-mother-adopt .h-8.w-8.text-blue-500 {
  color: var(--site-accent) !important;
}

/* 分类磁贴 / 频道入口 */
body.body-mother-adopt .category-tile,
body.body-mother-adopt .overview-card {
  display: block;
  padding: 14px 16px;
  background: var(--site-surface-up) !important;
  border: 1px solid var(--site-border);
  border-radius: 10px;
  transition: border-color 0.2s, transform 0.2s;
}

body.body-mother-adopt .category-tile:hover,
body.body-mother-adopt .overview-card:hover {
  border-color: color-mix(in srgb, var(--site-accent) 35%, transparent);
  transform: translateY(-2px);
}

body.body-mother-adopt .category-tile strong,
body.body-mother-adopt .overview-main strong {
  display: block;
  color: var(--site-text);
  font-size: 14px;
  margin-bottom: 4px;
}

body.body-mother-adopt .category-tile span,
body.body-mother-adopt .overview-main span,
body.body-mother-adopt .overview-links span {
  color: var(--site-muted);
  font-size: 12px;
}

body.body-mother-adopt .overview-links {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--site-border);
}

body.body-mother-adopt .from-blue-50.to-purple-50,
body.body-mother-adopt .bg-gradient-to-br.from-blue-50 {
  background: var(--site-surface-up) !important;
  border: 1px solid var(--site-border);
}

/* 评分徽章 */
body.body-mother-adopt .bg-yellow-400 {
  background: var(--site-amber) !important;
  color: #1a1207 !important;
}

body.body-mother-adopt .text-yellow-900 {
  color: #1a1207 !important;
}

/* 标签 / 筛选 */
body.body-mother-adopt .bg-blue-50.text-blue-600,
body.body-mother-adopt .bg-blue-50 {
  background: var(--site-accent-dim) !important;
  color: var(--site-accent) !important;
}

body.body-mother-adopt .bg-blue-600.text-white {
  background: var(--site-accent) !important;
  color: #fff !important;
}

body.body-mother-adopt select.bg-white,
body.body-mother-adopt .border-gray-300 {
  background: var(--site-surface) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
}

body.body-mother-adopt .hover\:bg-gray-50:hover {
  background: var(--site-surface-up) !important;
}

/* section-block（homeSections） */
body.body-mother-adopt .section-block {
  padding: 2rem 0;
}

body.body-mother-adopt .section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
}

body.body-mother-adopt .section-head h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--site-text);
}

body.body-mother-adopt .movie-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  body.body-mother-adopt .movie-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  body.body-mother-adopt .movie-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
  }
}

body.body-mother-adopt .movie-grid .vod-card,
body.body-mother-adopt .movie-grid .wythy-vcard {
  list-style: none;
}

/* 中区推荐栅格 */
.vod-grid-center {
  margin-left: auto;
  margin-right: auto;
}

/* ── 播放器 ── */
body.body-mother-adopt .mirror-player-slot {
  max-width: 1280px;
  margin: 20px auto;
  padding: 0 16px;
}

body.body-mother-adopt .mirror-local-player,
body.body-mother-adopt .mirror-player-slot video {
  width: 100%;
  border-radius: 10px;
  border: 1px solid var(--site-border);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
  background: #000 !important;
}

body.body-mother-adopt .mother-play-desc {
  color: var(--site-muted);
  line-height: 1.85;
  font-size: 15px;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

body.body-mother-adopt .vod-play .flex.flex-wrap.gap-2 span {
  display: inline-block;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 4px;
  background: var(--site-accent-dim);
  color: var(--site-accent);
}

body.body-mother-adopt .video-error {
  display: grid;
  place-items: center;
  padding: 2rem;
  color: var(--site-muted);
  background: var(--site-surface);
  border: 1px solid var(--site-border);
  border-radius: 10px;
  margin-top: 12px;
}

/* ── 页脚 ── */
body.body-mother-adopt footer.bg-gray-900 {
  background: color-mix(in srgb, var(--site-bg) 96%, #000) !important;
  border-top: 1px solid var(--site-border);
}

body.body-mother-adopt footer .text-blue-400 {
  color: var(--site-accent) !important;
}

body.body-mother-adopt footer .text-gray-300,
body.body-mother-adopt footer .text-gray-400,
body.body-mother-adopt footer .text-gray-500 {
  color: var(--site-muted) !important;
}

body.body-mother-adopt footer a.hover\:text-white:hover {
  color: var(--site-accent) !important;
}

body.body-mother-adopt footer .border-gray-800 {
  border-color: var(--site-border) !important;
}

body.body-mother-adopt .ababseo-mark__name {
  background: linear-gradient(90deg, var(--site-accent), var(--site-amber));
  -webkit-background-clip: text;
  background-clip: text;
}

/* ── wythy 卡片兼容 ── */
body.body-mother-adopt .wythy-vcard {
  display: block;
  background: var(--site-surface);
  border: 1px solid var(--site-border);
  border-radius: 10px;
  overflow: hidden;
}

body.body-mother-adopt .wythy-vcard__title {
  color: var(--site-text);
}

body.body-mother-adopt .wythy-vcard__meta {
  color: var(--site-muted);
  font-size: 13px;
}

body.body-mother-adopt .wythy-vcard__tag {
  background: var(--site-accent);
  color: #fff;
}

body.body-mother-adopt .wythy-vcard__score {
  background: var(--site-amber);
  color: #1a1207;
}

/* ── 移动端 ── */
@media (max-width: 768px) {
  body.body-mother-adopt header .max-w-7xl {
    padding-left: 12px;
    padding-right: 12px;
  }

  body.body-mother-adopt .text-3xl.md\:text-5xl,
  body.body-mother-adopt .text-4xl.md\:text-6xl {
    font-size: 1.5rem !important;
  }

  body.body-mother-adopt .hero-subtitle,
  body.body-mother-adopt section .text-xl.md\:text-2xl {
    font-size: 0.9rem !important;
  }

  body.body-mother-adopt .mirror-player-slot {
    padding: 0 12px;
    margin: 12px auto;
  }

  body.body-mother-adopt .vod-card .p-3 {
    padding: 10px;
  }

  body.body-mother-adopt .py-12.md\:py-16,
  body.body-mother-adopt .py-20 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}