/* 模板3 · dawn-coral · 晨光纸感 · 电视剧热播大全 */
:root {
  --nc-bg: #fff8f3;
  --nc-bg2: #fff1e8;
  --nc-surface: #ffffff;
  --nc-card: #fffdfb;
  --nc-card-hover: #fff5ee;
  --nc-text: #1e293b;
  --nc-text-soft: #64748b;
  --nc-muted: #94a3b8;
  --nc-magenta: #ea580c;
  --nc-cyan: #0ea5e9;
  --nc-magenta-dim: rgba(234, 88, 12, 0.1);
  --nc-cyan-dim: rgba(14, 165, 233, 0.1);
  --nc-line: rgba(30, 41, 59, 0.1);
  --nc-line-magenta: rgba(234, 88, 12, 0.35);
  --nc-line-cyan: rgba(14, 165, 233, 0.35);
  --nc-shadow: 0 10px 30px rgba(30, 41, 59, 0.08);
}

body.skin-dawn-coral,
body.skin-dawn-coral .app-shell {
  background: linear-gradient(180deg, var(--nc-bg) 0%, #fff 40%) !important;
  color: var(--nc-text) !important;
}

.nc-top-strip {
  background: linear-gradient(90deg, #fff7ed, #ffedd5) !important;
  border-bottom: 2px solid var(--nc-line-magenta) !important;
}

.nc-top-strip__text { color: #9a3412 !important; font-weight: 700; }
.nc-top-strip__dot { background: var(--nc-magenta) !important; }

.site-header--nc {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid var(--nc-line) !important;
  box-shadow: 0 4px 20px rgba(30, 41, 59, 0.06) !important;
}

.header-nc__logo {
  background: linear-gradient(135deg, #ea580c, #f97316) !important;
  color: #fff !important;
}

.header-nc__title { color: #1e293b !important; }
.header-nc__sub { color: var(--nc-text-soft) !important; }

.header-nc__search-btn,
.hero-nc__btn--primary {
  background: linear-gradient(135deg, #ea580c, #f97316) !important;
  color: #fff !important;
  border: none !important;
}

.header-nc__chip {
  border: 1px solid var(--nc-line) !important;
  color: var(--nc-text) !important;
  background: #fff !important;
}

.header-nc__chip--hot {
  border-color: var(--nc-line-magenta) !important;
  color: #c2410c !important;
  background: var(--nc-magenta-dim) !important;
}

.header-nc__cats {
  background: #fff7ed !important;
  border-bottom: 1px solid var(--nc-line) !important;
}

.header-nc__cat {
  color: #9a3412 !important;
  background: #fff !important;
  border: 1px solid var(--nc-line) !important;
}

.hero-nc {
  padding: 2rem 0 1.5rem;
  background:
    radial-gradient(circle at 85% 20%, rgba(14, 165, 233, 0.08), transparent 45%),
    radial-gradient(circle at 10% 80%, rgba(234, 88, 12, 0.1), transparent 40%),
    var(--nc-bg) !important;
  border-bottom: 1px solid var(--nc-line);
}

.hero-nc__bg { display: none !important; }

.hero-nc__kicker {
  color: #c2410c !important;
  font-weight: 700;
}

.hero-nc__title {
  color: #0f172a !important;
  font-size: clamp(1.45rem, 3.2vw, 1.9rem) !important;
  max-width: 22ch;
  line-height: 1.3;
}

.hero-nc__lead {
  color: var(--nc-text-soft) !important;
  max-width: 50ch;
  line-height: 1.65;
}

.hero-nc__tag {
  background: #fff !important;
  border: 1px solid var(--nc-line) !important;
  color: #9a3412 !important;
}

.cq-block--nc .cq-block__head h2 {
  color: #0f172a !important;
  font-size: 1.08rem !important;
}

.cq-block--nc .cq-block__sub {
  color: var(--nc-text-soft) !important;
}

.cq-card-grid--wall {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
}

.cq-card-grid--hot-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 0.75rem !important;
  padding-bottom: 0.35rem;
}

.cq-card-grid--hot-row .tuy-card {
  flex: 0 0 132px !important;
}

.home-cat-rail--nc .home-cat-rail__pill {
  background: #fff !important;
  border: 1px solid var(--nc-line) !important;
  color: var(--nc-text) !important;
}

.tuyona-features--nc {
  background: #fff !important;
  border: 1px solid var(--nc-line) !important;
  border-radius: 16px;
  padding: 1.25rem;
  box-shadow: var(--nc-shadow);
}

.tuyona-features--nc .tuyona-features__card {
  background: var(--nc-bg2) !important;
  border: 1px solid var(--nc-line) !important;
}

.site-footer--nc {
  background: #1e293b !important;
  color: #e2e8f0 !important;
}

.footer-nc__h--alt { color: #fdba74 !important; }

@media (max-width: 900px) {
  .cq-card-grid--wall { grid-template-columns: repeat(4, 1fr) !important; }
}

@media (max-width: 540px) {
  .cq-card-grid--wall { grid-template-columns: repeat(3, 1fr) !important; }
}