/* 国剧大全 · 朱砂纸本主题 — 覆盖 xcbx888 紫系模板，全站页生效 */

:root {
  --gold: #c23a2b;
  --gold-dim: rgba(194, 58, 43, 0.12);
  --red: #9a2b22;
  --card: #fffdf8;
  --text: #1c1915;
  --muted: #6b6258;
  --line: #e4d8c4;
  --radius: 3px;
}

body.body-tpl-jx.body-tpl-portal,
body.body-tpl-jx {
  --jx-accent: #c23a2b;
  --jx-accent-muted: #a32d22;
  --jx-accent-light: #f3d6c8;
  --jx-accent-deep: #7a1f18;
  --jx-bg-0: #efe6d6;
  --jx-bg-1: #f3ebe0;
  --jx-bg-2: #e8dccb;
  --jx-surface: #fffdf8;
  --jx-surface-2: #faf4ea;
  --jx-surface-3: #f3ebe0;
  --jx-line: #e4d8c4;
  --jx-line-strong: #c4a574;
  --jx-ink: #1c1915;
  --jx-ink-soft: #3a332b;
  --jx-ink-muted: #6b6258;
  --jx-ink-faint: #9a8f82;
  --jx-red: #c23a2b;
  --jx-red-soft: #d4654a;
  --jx-red-deep: #8f261c;
  --jx-amber: #c4a574;
  --jx-amber-soft: #e8d5a8;
  --jx-amber-deep: #8a6d3b;
  --jx-cyan: #c23a2b;
  --jx-cyan-light: #c23a2b;
  --jx-hot-red: #c23a2b;
  --jx-hot-orange: #c47a2b;
  --jx-shadow-glow: 0 10px 24px rgba(194, 58, 43, 0.18);
  --portal-accent: #c23a2b;
  --portal-accent-hover: #8f261c;
  --portal-accent-light: #d4654a;
  --portal-accent-dark: #8f261c;
  --portal-accent-soft: rgba(194, 58, 43, 0.14);
  --portal-coral: #d4654a;
  --portal-page: #efe6d6;
  --paper: #f3ebe0;
  --paper-2: #e8dccb;
  --ink: #1c1915;
  --cinnabar: #c23a2b;
  --cinnabar-deep: #8f261c;
  --seal: #a32d22;
  --gold-line: #c4a574;
  --cream: #fffdf8;
  background: #efe6d6 !important;
  color: #1c1915 !important;
}

html,
body,
#root {
  background: #efe6d6;
}

body.body-tpl-jx a:focus-visible,
body.body-tpl-jx button:focus-visible,
body.body-tpl-jx input:focus-visible {
  outline-color: var(--cinnabar);
}

/* ========== 头部：报头式双线，文字导航，去掉胶囊图标栏 ========== */
body.body-tpl-jx .jx-header.site-header--main {
  background: #faf4ea !important;
  border-bottom: none;
  box-shadow: none;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.body-tpl-jx .jx-header.site-header--main::after {
  content: "";
  display: block;
  height: 4px;
  background:
    linear-gradient(#c23a2b, #c23a2b) 0 0 / 100% 2px no-repeat,
    linear-gradient(#c4a574, #c4a574) 0 100% / 100% 1px no-repeat;
}

body.body-tpl-jx .jx-header__bar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px 18px;
  padding: 10px 0;
  min-height: 3.75rem;
}

body.body-tpl-jx .jx-header__brand {
  border-radius: 0;
  padding: 0;
  gap: 10px;
}

body.body-tpl-jx .jx-header__brand:hover {
  background: transparent;
}

body.body-tpl-jx .jx-header__logo {
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 2px;
  background: #c23a2b;
  border: 1px solid #7a1f18;
  box-shadow: 2px 2px 0 #2a2118;
}

body.body-tpl-jx .jx-header__logo svg path,
body.body-tpl-jx .jx-header__logo stop {
  stop-color: #fff8ee !important;
}

body.body-tpl-jx .jx-header__title {
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: #1c1915 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
}

body.body-tpl-jx .jx-header__tagline {
  letter-spacing: 0.22em;
  color: #8a7560;
  font-size: 0.625rem;
}

body.body-tpl-jx .jx-header__rule {
  display: none;
}

body.body-tpl-jx .jx-header__nav-shell {
  flex: 1 1 auto;
  order: 0;
  min-width: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

body.body-tpl-jx .jx-header__nav {
  gap: 0;
  padding: 0;
}

body.body-tpl-jx .jx-header__nav-ico {
  display: none !important;
}

body.body-tpl-jx .jx-header__nav-link {
  gap: 0;
  padding: 8px 12px;
  border-radius: 0;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #4a433a;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 2px solid transparent;
}

body.body-tpl-jx .jx-header__nav-link:hover {
  color: #c23a2b;
  background: transparent !important;
}

body.body-tpl-jx .jx-header__nav-link--active,
body.body-tpl-jx .jx-header__nav-link[aria-current="page"] {
  color: #c23a2b !important;
  background: transparent !important;
  border-bottom-color: #c23a2b;
}

body.body-tpl-jx .jx-header__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 0;
  flex-shrink: 0;
}

body.body-tpl-jx .jx-header__search-btn,
body.body-tpl-jx .jx-header__login {
  border-radius: 2px !important;
  background: transparent !important;
  border: 1px solid #c4a574 !important;
  color: #3a332b !important;
  box-shadow: none !important;
  min-height: 2.25rem;
}

body.body-tpl-jx .jx-header__login {
  background: #c23a2b !important;
  border-color: #8f261c !important;
  color: #fff8ee !important;
}

body.body-tpl-jx .jx-header__search-btn:hover {
  border-color: #c23a2b !important;
  color: #c23a2b !important;
}

/* ========== 数据条：墨底横幅，不再用四色卡片 ========== */
body.body-tpl-jx .fv-statsbar {
  background: #2a2118;
  border-bottom: 2px solid #c4a574;
  padding: 0;
}

body.body-tpl-jx .fv-statsbar__inner {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  padding: 0.85rem 0;
}

body.body-tpl-jx .fv-statsbar__item,
body.body-tpl-jx .fv-statsbar__item--gold,
body.body-tpl-jx .fv-statsbar__item--violet,
body.body-tpl-jx .fv-statsbar__item--orange,
body.body-tpl-jx .fv-statsbar__item--cyan {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-right: 1px solid rgba(196, 165, 116, 0.28) !important;
  padding: 0.2rem 0.75rem;
  color: #f3e6d0;
}

body.body-tpl-jx .fv-statsbar__item:last-child {
  border-right: none !important;
}

body.body-tpl-jx .fv-statsbar__num {
  color: #f8efe2;
  font-weight: 800;
  letter-spacing: 0.04em;
}

body.body-tpl-jx .fv-statsbar__label,
body.body-tpl-jx .fv-statsbar__ico {
  color: #c4a574;
}

/* ========== 中部轮播：与主栏同宽，控件不再压住文案 ========== */
body.body-tpl-jx .fv-hero,
body.body-tpl-jx .jx-hero {
  position: relative;
  margin: 0;
  max-width: none;
  min-height: 26rem;
  border-radius: 0;
  overflow: hidden;
  border: none;
  box-shadow: none;
  padding: 0;
}

body.body-tpl-jx .fv-hero__glow,
body.body-tpl-jx .fv-inner-hero__glow {
  background: none !important;
  display: none;
}

body.body-tpl-jx .fv-hero__bg,
body.body-tpl-jx .jx-hero__bg {
  filter: saturate(0.88) contrast(1.04);
}

body.body-tpl-jx .fv-hero__shade {
  background: linear-gradient(90deg, rgba(20, 15, 12, 0.82) 0%, rgba(20, 15, 12, 0.45) 46%, rgba(20, 15, 12, 0.12) 100%) !important;
}

body.body-tpl-jx .fv-hero__inner,
body.body-tpl-jx .jx-hero__inner,
body.body-tpl-jx .container.fv-hero__inner {
  position: relative;
  z-index: 2;
  width: min(80rem, calc(100% - 32px));
  max-width: min(80rem, calc(100% - 32px));
  height: auto !important;
  min-height: 26rem;
  margin: 0 auto;
  padding: 2.4rem 0.25rem 4.25rem;
  background: transparent;
  border: none;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.7rem;
  color: #f8efe2;
}

body.body-tpl-jx .fv-hero__title,
body.body-tpl-jx .jx-hero__title {
  max-width: 36rem;
  margin: 0;
  color: #fff8ee !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #fff8ee !important;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
}

body.body-tpl-jx .fv-hero__lead,
body.body-tpl-jx .jx-hero__lead,
body.body-tpl-jx .fv-hero__meta {
  max-width: 36rem;
  margin: 0;
  color: #e8dccb !important;
  text-align: left;
}

body.body-tpl-jx .fv-hero__crumbs {
  color: #d8cbb8;
}

body.body-tpl-jx .fv-hero__score,
body.body-tpl-jx .fv-hero__stars.is-on,
body.body-tpl-jx .fv-hero__stars .is-on {
  color: #e8b84a;
}

body.body-tpl-jx .fv-hero__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.body-tpl-jx .fv-hero__tags li,
body.body-tpl-jx .jx-hero__tag,
body.body-tpl-jx .fv-hero__tags > * {
  background: #c23a2b !important;
  color: #fff8ee !important;
  border-radius: 1px !important;
  border: none !important;
  letter-spacing: 0.12em;
  padding: 0.15rem 0.55rem;
}

body.body-tpl-jx .fv-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
  margin: 0.15rem 0 0;
}

body.body-tpl-jx .fv-hero__btn,
body.body-tpl-jx .fv-hero__btn--primary,
body.body-tpl-jx .jx-hero__btn--solid,
body.body-tpl-jx .fv-hero__cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 2.6rem;
  padding: 0.45rem 1.2rem;
  background: #c23a2b !important;
  border: 1px solid #8f261c !important;
  color: #fff8ee !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}

body.body-tpl-jx .fv-hero__btn--ghost,
body.body-tpl-jx .jx-hero__btn--ghost {
  background: transparent !important;
  border: 1px solid rgba(248, 239, 226, 0.55) !important;
  color: #fff8ee !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}

body.body-tpl-jx .fv-hero__nav {
  position: absolute !important;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 1rem !important;
  z-index: 4;
  width: auto !important;
  height: auto !important;
  min-height: 0;
  transform: none !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 1rem;
  margin: 0;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.body-tpl-jx .fv-hero__arrow,
body.body-tpl-jx .fv-hero__nav > button {
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  padding: 0;
  background: rgba(250, 244, 234, 0.92) !important;
  color: #1c1915 !important;
  border: 1px solid #c4a574 !important;
  border-radius: 2px !important;
  line-height: 1;
}

body.body-tpl-jx .fv-hero__dots {
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto;
  height: auto;
}

body.body-tpl-jx .fv-hero__dots button,
body.body-tpl-jx .fv-hero__dot {
  width: 8px;
  height: 8px;
  padding: 0;
  background: rgba(248, 239, 226, 0.45) !important;
  border: none !important;
  border-radius: 1px !important;
}

body.body-tpl-jx .fv-hero__dots button.is-active,
body.body-tpl-jx .fv-hero__dot.is-on {
  width: 22px;
  background: #c23a2b !important;
}

body.body-tpl-jx .fv-crumbs a {
  color: #8f261c;
}

body.body-tpl-jx .fv-crumbs,
body.body-tpl-jx .fv-crumbs > span {
  color: #6b6258;
}

body.body-tpl-jx .fv-hero .fv-crumbs a,
body.body-tpl-jx .fv-hero .fv-crumbs > span {
  min-height: 0 !important;
}

body.body-tpl-jx .fv-hero .fv-crumbs a {
  color: #f3d6c8;
}

body.body-tpl-jx .fv-hero .fv-crumbs,
body.body-tpl-jx .fv-hero .fv-crumbs > span {
  color: #c4b8a6;
}

/* ========== 区块标题 ========== */
body.body-tpl-jx .fv-main {
  padding-top: 2rem;
  width: min(80rem, calc(100% - 32px));
}

body.body-tpl-jx .fv-sec__head {
  align-items: center;
  border-bottom: 1px solid #e4d8c4;
  padding-bottom: 0.75rem;
  margin-bottom: 1.15rem;
}

body.body-tpl-jx .fv-sec__head:before {
  background: #c23a2b !important;
  border-radius: 0 !important;
  width: 3px !important;
}

body.body-tpl-jx .fv-sec__title {
  color: #1c1915 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #1c1915 !important;
  font-weight: 800;
  letter-spacing: 0.14em;
}

body.body-tpl-jx .fv-sec__sub {
  color: #6b6258 !important;
}

body.body-tpl-jx .fv-sec__more {
  color: #c23a2b !important;
  border-radius: 2px !important;
  border: 1px solid #c4a574 !important;
  padding: 0.25rem 0.7rem;
  background: #fffdf8 !important;
}

body.body-tpl-jx .fv-sec__more:hover {
  background: #fff6ee !important;
  border-color: #c23a2b !important;
  color: #8f261c !important;
}

/* ========== 卡片：票根/印章风 ========== */
body.body-tpl-jx .fv-card {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  gap: 8px;
}

body.body-tpl-jx .fv-card:hover {
  border-color: transparent;
  box-shadow: none;
  transform: none;
}

body.body-tpl-jx .fv-card:hover .fv-card__media {
  border-color: #c23a2b !important;
  box-shadow: none !important;
}

body.body-tpl-jx .fv-card__media {
  border-radius: 2px !important;
  border: 1px solid #e4d8c4 !important;
  box-shadow: none !important;
  background: #2a2118 !important;
  overflow: hidden;
}

body.body-tpl-jx .fv-card__media,
body.body-tpl-jx .fv-card__media img {
  border-radius: 2px !important;
}

body.body-tpl-jx .fv-card__play {
  background: #c23a2b !important;
  color: #fff8ee !important;
  border-radius: 50%;
}

body.body-tpl-jx .fv-card__badge,
body.body-tpl-jx .fv-card__badge--new,
body.body-tpl-jx .fv-card__badge--4k,
body.body-tpl-jx .fv-card__badge--hot,
body.body-tpl-jx .fv-card__badge--top,
body.body-tpl-jx .fv-card__score-pill {
  border-radius: 1px !important;
  letter-spacing: 0.08em;
  font-weight: 700;
  box-shadow: none !important;
}

body.body-tpl-jx .fv-card__badge--new {
  background: #c23a2b !important;
  color: #fff8ee !important;
}

body.body-tpl-jx .fv-card__badge--4k {
  background: #2a2118 !important;
  color: #f3e6d0 !important;
}

body.body-tpl-jx .fv-card__badge--hot,
body.body-tpl-jx .fv-card__badge--top-1 {
  background: #c23a2b !important;
  color: #fff8ee !important;
}

body.body-tpl-jx .fv-card__badge--top-2,
body.body-tpl-jx .fv-card__badge--top-3 {
  background: #8a7560 !important;
  color: #fff8ee !important;
}

body.body-tpl-jx .fv-card__score-pill {
  background: #c23a2b !important;
  color: #fff8ee !important;
}

body.body-tpl-jx .fv-card__body {
  padding: 0.15rem 2px 0;
  background: transparent;
}

body.body-tpl-jx .fv-card__title,
body.body-tpl-jx .fv-card__title a {
  color: #1c1915;
}

body.body-tpl-jx .fv-card__title a:hover {
  color: #c23a2b;
}

body.body-tpl-jx .fv-card__sub,
body.body-tpl-jx .fv-card__views,
body.body-tpl-jx .fv-card__meta-i {
  color: #6b6258;
}

body.body-tpl-jx .fv-card__metaline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
  margin-top: 0.15rem;
}

body.body-tpl-jx .fv-card__stars .is-on {
  color: #c23a2b;
}

/* ========== 分类入口 ========== */
body.body-tpl-jx .fv-cats {
  gap: 0.85rem;
}

body.body-tpl-jx .fv-cat {
  background: #fffdf8 !important;
  border: 1px solid #e4d8c4 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}

body.body-tpl-jx .fv-cat:hover {
  border-color: #c23a2b !important;
  box-shadow: 4px 4px 0 rgba(194, 58, 43, 0.16) !important;
}

body.body-tpl-jx .fv-cat__title {
  color: #1c1915;
  letter-spacing: 0.12em;
}

body.body-tpl-jx .fv-cat__desc {
  color: #6b6258;
}

/* ========== 底部数据条 ========== */
body.body-tpl-jx .fv-substats {
  background: transparent;
  padding: 0 0 2rem;
}

body.body-tpl-jx .fv-substats__grid {
  gap: 0.75rem;
}

body.body-tpl-jx .fv-substats__card,
body.body-tpl-jx .fv-substats__card--gold,
body.body-tpl-jx .fv-substats__card--violet,
body.body-tpl-jx .fv-substats__card--red,
body.body-tpl-jx .fv-substats__card--star {
  background: #fffdf8 !important;
  border: 1px solid #e4d8c4 !important;
  border-top: 3px solid #c23a2b !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  color: #1c1915;
}

body.body-tpl-jx .fv-substats__num {
  color: #c23a2b;
}

body.body-tpl-jx .fv-substats__label,
body.body-tpl-jx .fv-substats__ico {
  color: #6b6258;
}

/* ========== 页脚：墨底报尾 ========== */
body.body-tpl-jx .fv-footer,
body.body-tpl-jx .site-footer {
  background: #221c16 !important;
  color: #d8cbb8;
  border-top: 4px solid #c23a2b;
  margin-top: auto;
}

body.body-tpl-jx .fv-footer__inner {
  padding-top: 2.25rem;
}

body.body-tpl-jx .fv-footer__name,
body.body-tpl-jx .fv-footer__title {
  color: #f8efe2;
  letter-spacing: 0.16em;
}

body.body-tpl-jx .fv-footer__intro,
body.body-tpl-jx .fv-footer__contact,
body.body-tpl-jx .fv-footer__copy,
body.body-tpl-jx .fv-footer__friends {
  color: #b8a894;
}

body.body-tpl-jx .fv-footer__links a,
body.body-tpl-jx .fv-footer__legal a,
body.body-tpl-jx .fv-footer__friends a {
  color: #e8dccb !important;
}

body.body-tpl-jx .fv-footer__links a:hover,
body.body-tpl-jx .fv-footer__legal a:hover {
  color: #c23a2b !important;
}

body.body-tpl-jx .fv-footer__dot,
body.body-tpl-jx .fv-footer__dot--red,
body.body-tpl-jx .fv-footer__dot--orange,
body.body-tpl-jx .fv-footer__dot--pink,
body.body-tpl-jx .fv-footer__dot--violet {
  background: #c23a2b !important;
}

body.body-tpl-jx .fv-footer__mark {
  filter: none;
}

body.body-tpl-jx .fv-footer__bottom {
  border-top: 1px solid rgba(196, 165, 116, 0.28);
  margin-top: 1.5rem;
  padding-top: 1rem;
}

body.body-tpl-jx .ababseo-inline__brand {
  background-image: linear-gradient(135deg, #c23a2b 0%, #c4a574 50%, #8f261c 100%);
}

/* ========== 分类 / 列表 / 搜索内页头 ========== */
body.body-tpl-jx .fv-inner-hero {
  background: #faf4ea;
  border-bottom: 1px solid #e4d8c4;
  padding: 1.1rem 0 1rem;
}

body.body-tpl-jx .fv-inner-hero__glow {
  display: none;
}

body.body-tpl-jx .fv-inner-hero__inner {
  border-left: 4px solid #c23a2b;
  padding-left: 1.1rem;
}

body.body-tpl-jx .fv-inner-hero__title {
  color: #1c1915;
  letter-spacing: 0.12em;
  font-weight: 800;
}

body.body-tpl-jx .fv-inner-hero__lead {
  color: #6b6258;
}

body.body-tpl-jx .fv-sortbar {
  gap: 0;
  background: #fffdf8;
  border: 1px solid #e4d8c4;
  border-radius: 2px;
  padding: 3px;
  width: fit-content;
  max-width: 100%;
}

body.body-tpl-jx .fv-sortbar__btn {
  border-radius: 1px !important;
  background: transparent !important;
  border: none !important;
  color: #4a433a !important;
  box-shadow: none !important;
}

body.body-tpl-jx .fv-sortbar__btn.is-active,
body.body-tpl-jx .fv-sortbar__btn[aria-selected="true"] {
  background: #c23a2b !important;
  color: #fff8ee !important;
}

body.body-tpl-jx .fv-search {
  background: #fffdf8;
  border: 1px solid #e4d8c4;
  border-radius: 2px;
}

body.body-tpl-jx .fv-search__input {
  color: #1c1915;
  background: transparent;
}

body.body-tpl-jx .fv-search__btn {
  background: #c23a2b !important;
  color: #fff8ee !important;
  border-radius: 2px !important;
}

body.body-tpl-jx .fv-chips,
body.body-tpl-jx .fv-chip {
  border-radius: 2px;
}

body.body-tpl-jx .fv-chip {
  background: #fffdf8;
  border: 1px solid #e4d8c4;
  color: #4a433a;
}

body.body-tpl-jx .fv-chip--active {
  background: #c23a2b;
  border-color: #8f261c;
  color: #fff8ee;
}

/* ========== 分页 ========== */
body.body-tpl-jx .fv-pager {
  border-top-color: #e4d8c4;
}

body.body-tpl-jx .fv-pager__btn {
  background: #fffdf8;
  border-color: #e4d8c4;
  color: #4a433a;
  border-radius: 2px;
}

body.body-tpl-jx .fv-pager__btn:hover:not(:disabled) {
  border-color: #c23a2b;
  color: #c23a2b;
  background: #fff6ee;
}

body.body-tpl-jx .fv-pager__btn.is-active {
  border-color: #8f261c;
  background: #c23a2b;
  color: #fff8ee;
  box-shadow: 3px 3px 0 rgba(42, 33, 24, 0.2);
}

/* ========== 详情页 ========== */
body.body-tpl-jx .fv-detail-hero,
body.body-tpl-jx .fv-detail-page {
  background: transparent;
}

body.body-tpl-jx .fv-detail-hero__shade {
  background: linear-gradient(90deg, rgba(26, 20, 14, 0.78), rgba(26, 20, 14, 0.28)) !important;
}

body.body-tpl-jx .fv-detail-hero__inner,
body.body-tpl-jx .fv-detail-hero__body {
  color: #f8efe2;
}

body.body-tpl-jx .fv-detail-hero__title {
  letter-spacing: 0.08em;
}

body.body-tpl-jx .fv-detail-hero__cta,
body.body-tpl-jx .fv-detail-hero__cta a,
body.body-tpl-jx .fv-detail-hero a.fv-btn,
body.body-tpl-jx .fv-btn--solid {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0.45rem 1.15rem;
  background: #c23a2b !important;
  border: 1px solid #8f261c !important;
  color: #fff8ee !important;
  border-radius: 2px !important;
  box-shadow: 3px 3px 0 #2a2118 !important;
  text-decoration: none !important;
}

body.body-tpl-jx .fv-detail-hero__facts li,
body.body-tpl-jx .fv-detail-hero__meta li,
body.body-tpl-jx .fv-detail-hero [class*="tag"],
body.body-tpl-jx .fv-detail-hero__body li {
  border-radius: 1px;
}

body.body-tpl-jx .fv-btn--ghost {
  background: transparent !important;
  border: 1px solid #c4a574 !important;
  color: #f8efe2 !important;
  border-radius: 2px !important;
}

body.body-tpl-jx .fv-detail-hero__cover {
  border-radius: 2px;
  border: 1px solid #c4a574;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.25);
}

body.body-tpl-jx .fv-detail-hero__cover-badge,
body.body-tpl-jx .fv-detail-hero__score {
  background: #c23a2b !important;
  color: #fff8ee !important;
  border-radius: 1px !important;
}

body.body-tpl-jx .fv-block,
body.body-tpl-jx .fv-play__block {
  background: #fffdf8;
  border: 1px solid #e4d8c4;
  border-radius: 2px;
}

body.body-tpl-jx .fv-block__h,
body.body-tpl-jx .fv-play__title {
  color: #1c1915;
}

body.body-tpl-jx .fv-block__p {
  color: #4a433a;
}

/* ========== 播放页 ========== */
body.body-tpl-jx .fv-play-page,
body.body-tpl-jx .fv-play__container {
  background: transparent;
}

body.body-tpl-jx .fv-play__stage,
body.body-tpl-jx .fv-play__video {
  border-radius: 2px;
  border: 1px solid #2a2118;
  background: #140f0c;
}

body.body-tpl-jx .fv-play__head,
body.body-tpl-jx .fv-play__meta,
body.body-tpl-jx .fv-play__cat {
  color: #4a433a;
}

body.body-tpl-jx .fv-play__score {
  color: #c23a2b;
}

body.body-tpl-jx .fv-play__action-btn,
body.body-tpl-jx .fv-play__actions a,
body.body-tpl-jx .fv-play__actions button {
  border-radius: 2px !important;
  border-color: #e4d8c4 !important;
  background: #fffdf8 !important;
  color: #1c1915 !important;
}

/* ========== 空状态 / 通用按钮 ========== */
body.body-tpl-jx .fv-empty {
  color: #6b6258;
}

body.body-tpl-jx .fv-feature {
  border: 1px solid #e4d8c4;
  background: #fffdf8;
  border-radius: 2px;
}

body.body-tpl-jx .fv-feature__cta,
body.body-tpl-jx .fv-feature__play {
  background: #c23a2b !important;
  color: #fff8ee !important;
}

/* ========== 移动端 ========== */
@media (max-width: 960px) {
  body.body-tpl-jx .jx-header__bar {
    flex-wrap: wrap;
    align-items: center;
  }

  body.body-tpl-jx .jx-header__nav-shell {
    flex-basis: 100%;
    order: 3;
    border-top: 1px solid #e4d8c4;
  }

  body.body-tpl-jx .fv-hero,
  body.body-tpl-jx .jx-hero {
    max-width: none;
    box-shadow: none;
    min-height: 20rem;
  }

  body.body-tpl-jx .fv-hero__inner,
  body.body-tpl-jx .jx-hero__inner,
  body.body-tpl-jx .container.fv-hero__inner {
    margin: 0 auto;
    padding: 1.6rem 0 3.6rem;
    max-width: min(80rem, calc(100% - 24px));
    width: min(80rem, calc(100% - 24px));
    min-height: 20rem;
  }

  body.body-tpl-jx .fv-statsbar__inner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.body-tpl-jx .fv-statsbar__item {
    border-right: none !important;
    border-bottom: 1px solid rgba(196, 165, 116, 0.22) !important;
  }
}

@media (max-width: 640px) {
  body.body-tpl-jx .jx-header__title {
    letter-spacing: 0.1em;
    font-size: 1.15rem;
  }

  body.body-tpl-jx .jx-header__nav-link {
    padding: 9px 12px 8px;
    letter-spacing: 0.06em;
  }

  body.body-tpl-jx .fv-hero,
  body.body-tpl-jx .jx-hero {
    max-width: none;
  }

  body.body-tpl-jx .fv-hero__title,
  body.body-tpl-jx .fv-hero__lead {
    max-width: 100%;
  }
}