/* lotus-ink · 水墨东方 · 电视剧大全 VOD 气质桥接
   宣纸白底 + 黛青主色 + 朱砂极少点缀；保留 portal 影视网格布局 */

body.body-tpl-portal {
  --li-paper: #f8f4ec;
  --li-paper-2: #f0ebe0;
  --li-paper-3: #e8e2d6;
  --li-ink: #2a4549;
  --li-ink-deep: #1e3336;
  --li-ink-mid: #3d5a62;
  --li-ink-light: #5c7378;
  --li-cinnabar: #b33a2a;
  --li-cinnabar-soft: #c94a3a;
  --li-cinnabar-dim: rgba(179, 58, 42, 0.14);
  --li-mist: rgba(42, 69, 73, 0.06);
  --li-line: rgba(42, 69, 73, 0.14);
  --li-surface: rgba(255, 252, 247, 0.92);
  --li-text: #2a3538;
  --li-text-dim: #5c6b6e;
  --li-text-mute: #7a878a;
  --portal-accent: var(--li-ink);
  --portal-accent-hover: var(--li-ink-deep);
  --portal-accent-light: var(--li-ink-mid);
  --portal-accent-dark: var(--li-ink-deep);
  --portal-accent-soft: var(--li-mist);
  --portal-page: var(--li-paper);
  --portal-footer: var(--li-ink-deep);
  --portal-footer-mid: #162a2e;
  --mc-coral: var(--li-cinnabar);
  --mc-amber: var(--li-ink-mid);
  background:
    radial-gradient(900px 480px at 8% -8%, rgba(42, 69, 73, 0.07), transparent 58%),
    radial-gradient(760px 420px at 92% 12%, var(--li-cinnabar-dim), transparent 62%),
    linear-gradient(180deg, var(--li-paper) 0%, var(--li-paper-2) 48%, var(--li-paper-3) 100%) !important;
  background-attachment: fixed;
  background-color: var(--li-paper);
  color: var(--li-text);
}

body.body-tpl-portal .site-header--portal {
  background: rgba(248, 244, 236, 0.94) !important;
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
  border-bottom: 1px solid var(--li-line) !important;
  box-shadow: 0 1px 0 rgba(42, 69, 73, 0.06), 0 6px 24px rgba(42, 69, 73, 0.06) !important;
}

body.body-tpl-portal .header-brand--ref .header-brand__logo {
  background: linear-gradient(145deg, var(--li-ink) 0%, var(--li-ink-mid) 100%) !important;
  box-shadow: 0 4px 14px rgba(42, 69, 73, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.18) !important;
  color: var(--li-paper) !important;
}

body.body-tpl-portal .header-brand__title {
  color: var(--li-ink-deep) !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  letter-spacing: 0.06em;
}

body.body-tpl-portal .header-main-nav__link {
  color: var(--li-ink-light) !important;
  border-radius: 8px;
}

body.body-tpl-portal .header-main-nav__link:hover {
  color: var(--li-ink-deep) !important;
  background: var(--li-mist) !important;
}

body.body-tpl-portal .header-main-nav__link--active {
  color: var(--li-paper) !important;
  background: var(--li-ink) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 4px 12px rgba(42, 69, 73, 0.18) !important;
}

body.body-tpl-portal .header-main-nav__ico {
  color: var(--li-ink-mid);
}

body.body-tpl-portal .header-main-nav__link--active .header-main-nav__ico {
  color: var(--li-paper);
}

body.body-tpl-portal .header-search--with-btn {
  background: #fff !important;
  border: 1px solid var(--li-line) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 2px rgba(42, 69, 73, 0.04) !important;
}

body.body-tpl-portal .header-search--with-btn:focus-within {
  border-color: var(--li-ink-mid) !important;
  box-shadow: 0 0 0 3px rgba(42, 69, 73, 0.1) !important;
}

body.body-tpl-portal .header-search--with-btn input {
  color: var(--li-text) !important;
}

body.body-tpl-portal .header-search--with-btn input::placeholder {
  color: var(--li-text-mute) !important;
}

body.body-tpl-portal .header-search__submit {
  background: var(--li-ink) !important;
  color: var(--li-paper) !important;
  border-radius: 0 8px 8px 0 !important;
  box-shadow: none !important;
}

body.body-tpl-portal .header-search__submit:hover {
  background: var(--li-ink-deep) !important;
  filter: none !important;
}

body.body-tpl-portal .header-link-login {
  color: var(--li-ink) !important;
  background: transparent !important;
}

body.body-tpl-portal .header-link-login:hover {
  color: var(--li-cinnabar) !important;
  background: var(--li-mist) !important;
}

body.body-tpl-portal .header-reg--portal {
  background: var(--li-cinnabar) !important;
  color: var(--li-paper) !important;
  box-shadow: 0 4px 14px rgba(179, 58, 42, 0.28) !important;
}

body.body-tpl-portal .hero-cq--banner {
  background:
    radial-gradient(680px 360px at 12% 40%, rgba(42, 69, 73, 0.1), transparent 62%),
    radial-gradient(520px 300px at 88% 60%, var(--li-cinnabar-dim), transparent 65%),
    linear-gradient(165deg, var(--li-paper) 0%, var(--li-paper-2) 55%, var(--li-paper-3) 100%) !important;
  border-bottom: 1px solid var(--li-line) !important;
}

body.body-tpl-portal .hero-cq--banner::before {
  background-image:
    linear-gradient(rgba(42, 69, 73, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42, 69, 73, 0.04) 1px, transparent 1px) !important;
  opacity: 0.35 !important;
}

body.body-tpl-portal .hero-cq__bokeh--banner {
  background:
    radial-gradient(ellipse 60% 45% at 18% 35%, rgba(42, 69, 73, 0.08), transparent 62%),
    radial-gradient(ellipse 50% 38% at 82% 68%, rgba(179, 58, 42, 0.1), transparent 62%) !important;
  opacity: 0.75 !important;
  filter: blur(1px) !important;
}

body.body-tpl-portal .hero-cq--banner .hero-cq__title {
  color: var(--li-ink-deep) !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  letter-spacing: 0.02em;
}

body.body-tpl-portal .hero-cq--banner .hero-cq__lead--line1,
body.body-tpl-portal .hero-cq--banner .hero-cq__lead--line2 {
  color: var(--li-text-dim) !important;
}

body.body-tpl-portal .hero-cq--banner .btn-cq--hero-primary {
  background: var(--li-ink) !important;
  color: var(--li-paper) !important;
  box-shadow: 0 8px 22px rgba(42, 69, 73, 0.22) !important;
}

body.body-tpl-portal .hero-cq--banner .btn-cq--hero-primary:hover {
  background: var(--li-ink-deep) !important;
  filter: none !important;
}

body.body-tpl-portal .hero-cq--banner .btn-cq--hero-secondary {
  background: transparent !important;
  color: var(--li-ink) !important;
  border: 1.5px solid var(--li-ink) !important;
  box-shadow: none !important;
}

body.body-tpl-portal .hero-cq--banner .btn-cq--hero-secondary:hover {
  background: var(--li-mist) !important;
}

body.body-tpl-portal .hero-cq--banner .btn-cq--hero-secondary svg {
  color: var(--li-cinnabar) !important;
}

body.body-tpl-portal .hero-cq--banner .hero-cq__stat {
  background: var(--li-surface) !important;
  border: 1px solid var(--li-line) !important;
  box-shadow: 0 4px 16px rgba(42, 69, 73, 0.06) !important;
  backdrop-filter: blur(8px);
}

body.body-tpl-portal .hero-cq--banner .hero-cq__stat-icon {
  color: var(--li-ink-mid) !important;
}

body.body-tpl-portal .hero-cq--banner .hero-cq__stat-num {
  color: var(--li-ink-deep) !important;
  background: none !important;
  -webkit-background-clip: unset !important;
}

body.body-tpl-portal .hero-cq--banner .hero-cq__stat-label {
  color: var(--li-text-dim) !important;
}

body.body-tpl-portal .cq-block__head h2,
body.body-tpl-portal .home-pop-cats__title {
  color: var(--li-ink-deep) !important;
}

body.body-tpl-portal .cq-block__head h2::after,
body.body-tpl-portal .home-pop-cats__title::after {
  background: linear-gradient(90deg, var(--li-ink) 0%, var(--li-cinnabar) 100%) !important;
  width: 40px !important;
  height: 2px !important;
}

body.body-tpl-portal .cq-block__sub {
  color: var(--li-text-dim) !important;
}

body.body-tpl-portal .cq-link-all {
  color: var(--li-ink) !important;
  background: var(--li-mist) !important;
  border: 1px solid var(--li-line) !important;
}

body.body-tpl-portal .cq-link-all:hover {
  color: var(--li-cinnabar) !important;
  background: var(--li-cinnabar-dim) !important;
  border-color: rgba(179, 58, 42, 0.28) !important;
}

body.body-tpl-portal .home-pop-cats__card {
  background: var(--li-surface) !important;
  border: 1px solid var(--li-line) !important;
  color: var(--li-ink-deep) !important;
  box-shadow: 0 4px 16px rgba(42, 69, 73, 0.06) !important;
}

body.body-tpl-portal .home-pop-cats__card::before {
  background: linear-gradient(135deg, transparent 0%, var(--li-ink) 80%, var(--li-cinnabar) 100%) !important;
  opacity: 0.45 !important;
}

body.body-tpl-portal .home-pop-cats__card::after {
  background: radial-gradient(circle at 50% 110%, var(--_ring, var(--li-ink)) 0%, transparent 60%) !important;
  opacity: 0.12 !important;
}

body.body-tpl-portal .home-pop-cats__card--purple { --_ring: var(--li-ink-mid); }
body.body-tpl-portal .home-pop-cats__card--teal { --_ring: var(--li-ink); }
body.body-tpl-portal .home-pop-cats__card--blue { --_ring: var(--li-ink-light); }
body.body-tpl-portal .home-pop-cats__card--red { --_ring: var(--li-cinnabar); }
body.body-tpl-portal .home-pop-cats__card--green { --_ring: var(--li-ink-mid); }
body.body-tpl-portal .home-pop-cats__card--amber { --_ring: var(--li-cinnabar-soft); }

body.body-tpl-portal .home-pop-cats__card:hover {
  border-color: rgba(42, 69, 73, 0.28) !important;
  box-shadow: 0 10px 28px rgba(42, 69, 73, 0.1) !important;
}

body.body-tpl-portal .home-pop-cats__name {
  color: var(--li-ink-deep) !important;
}

body.body-tpl-portal .home-pop-cats__count {
  color: var(--li-text-dim) !important;
}

body.body-tpl-portal .cq-hl-card.fsp-hl-card,
body.body-tpl-portal .tuy-card.fsp-hl-card {
  background: #fff !important;
  border: 1px solid var(--li-line) !important;
  box-shadow: 0 4px 18px rgba(42, 69, 73, 0.06) !important;
}

body.body-tpl-portal .cq-hl-card.fsp-hl-card:hover,
body.body-tpl-portal .tuy-card.fsp-hl-card:hover {
  border-color: rgba(42, 69, 73, 0.22) !important;
  box-shadow: 0 12px 32px rgba(42, 69, 73, 0.12) !important;
  transform: translateY(-4px);
}

body.body-tpl-portal .tuy-card__badge {
  background: var(--li-ink) !important;
  color: var(--li-paper) !important;
  box-shadow: none !important;
}

body.body-tpl-portal .tuy-card .fsp-hl-card__body h3.tuy-card__title {
  color: var(--li-ink-deep) !important;
}

body.body-tpl-portal .tuy-card__title a:hover {
  color: var(--li-cinnabar) !important;
  background: none !important;
  -webkit-background-clip: unset !important;
}

body.body-tpl-portal .tuy-card .tuy-card__desc {
  color: var(--li-text-dim) !important;
}

body.body-tpl-portal .tuy-card__pills span {
  background: var(--li-mist) !important;
  color: var(--li-ink) !important;
  border: 1px solid var(--li-line) !important;
}

body.body-tpl-portal .tuy-card__meta {
  color: var(--li-text-mute) !important;
}

body.body-tpl-portal .tuyona-features__card {
  background: var(--li-surface) !important;
  border: 1px solid var(--li-line) !important;
  box-shadow: 0 4px 18px rgba(42, 69, 73, 0.05) !important;
}

body.body-tpl-portal .tuyona-features__card::before {
  background: linear-gradient(90deg, var(--li-ink), var(--li-cinnabar)) !important;
  width: 48px !important;
  height: 2px !important;
}

body.body-tpl-portal .tuyona-features__card h3 {
  color: var(--li-ink-deep) !important;
}

body.body-tpl-portal .tuyona-features__card p {
  color: var(--li-text-dim) !important;
}

body.body-tpl-portal .tuyona-features__icon {
  background: var(--li-mist) !important;
  border: 1px solid var(--li-line) !important;
  color: var(--li-cinnabar) !important;
  box-shadow: none !important;
}

body.body-tpl-portal .page-panel,
body.body-tpl-portal .page-panel.portal-panel,
body.body-tpl-portal .portal-panel {
  background: #fff !important;
  border: 1px solid var(--li-line) !important;
  color: var(--li-text) !important;
  box-shadow: 0 4px 18px rgba(42, 69, 73, 0.05) !important;
}

body.body-tpl-portal .detail-hero__inner {
  background: linear-gradient(135deg, rgba(248, 244, 236, 0.96), rgba(240, 235, 224, 0.94)) !important;
}

body.body-tpl-portal .detail-hero__body h1 {
  color: var(--li-ink-deep) !important;
  background: none !important;
  -webkit-background-clip: unset !important;
}

body.body-tpl-portal .detail-hero__desc {
  color: var(--li-text-dim) !important;
}

body.body-tpl-portal .pill-badge {
  color: var(--li-cinnabar) !important;
  background: var(--li-cinnabar-dim) !important;
  border: 1px solid rgba(179, 58, 42, 0.22) !important;
}

body.body-tpl-portal .primary-btn {
  background: var(--li-ink) !important;
  color: var(--li-paper) !important;
  box-shadow: 0 6px 18px rgba(42, 69, 73, 0.2) !important;
}

body.body-tpl-portal .ghost-btn {
  background: transparent !important;
  border: 1px solid var(--li-line) !important;
  color: var(--li-ink) !important;
}

body.body-tpl-portal .ghost-btn:hover {
  border-color: var(--li-ink-mid) !important;
  background: var(--li-mist) !important;
  color: var(--li-ink-deep) !important;
}

body.body-tpl-portal .detail-tags span {
  background: var(--li-mist) !important;
  border: 1px solid var(--li-line) !important;
  color: var(--li-ink) !important;
}

body.body-tpl-portal .detail-info-grid div {
  background: var(--li-mist) !important;
  border: 1px solid var(--li-line) !important;
  color: var(--li-text) !important;
}

body.body-tpl-portal .section-head--tight h2 {
  color: var(--li-ink-deep) !important;
}

body.body-tpl-portal .section-sub {
  color: var(--li-text-dim) !important;
}

body.body-tpl-portal .video-card {
  background: #fff !important;
  border: 1px solid var(--li-line) !important;
}

body.body-tpl-portal .video-body h3 {
  color: var(--li-ink-deep) !important;
}

body.body-tpl-portal .video-body h3 a:hover {
  color: var(--li-cinnabar) !important;
}

body.body-tpl-portal .tag-left {
  background: var(--li-cinnabar) !important;
  color: var(--li-paper) !important;
}

body.body-tpl-portal .filter-chip {
  background: #fff !important;
  border: 1px solid var(--li-line) !important;
  color: var(--li-ink) !important;
}

body.body-tpl-portal .filter-chip--active,
body.body-tpl-portal .inner-page--cq .filter-chip--active {
  background: var(--li-ink) !important;
  color: var(--li-paper) !important;
  box-shadow: 0 4px 12px rgba(42, 69, 73, 0.18) !important;
}

body.body-tpl-portal .footer-tuy__upper {
  background: linear-gradient(180deg, var(--li-ink-deep) 0%, #142528 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.body-tpl-portal .footer-tuy__upper::before {
  background: linear-gradient(90deg, transparent, rgba(179, 58, 42, 0.35), transparent) !important;
}

body.body-tpl-portal .footer-tuy__logo-text strong {
  color: var(--li-paper) !important;
  background: none !important;
  -webkit-background-clip: unset !important;
}

body.body-tpl-portal .footer-tuy__logo-text span,
body.body-tpl-portal .footer-tuy__intro {
  color: rgba(248, 244, 236, 0.72) !important;
}

body.body-tpl-portal .footer-tuy__h--pink {
  color: var(--li-paper) !important;
}

body.body-tpl-portal .footer-tuy__h--pink::after {
  background: var(--li-cinnabar) !important;
}

body.body-tpl-portal .footer-tuy__pills > span {
  color: rgba(248, 244, 236, 0.88) !important;
  border-color: rgba(248, 244, 236, 0.28) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

body.body-tpl-portal .footer-tuy__cta {
  background: var(--li-cinnabar) !important;
  color: var(--li-paper) !important;
  box-shadow: 0 4px 14px rgba(179, 58, 42, 0.32) !important;
}

body.body-tpl-portal .footer-tuy__nav a {
  color: rgba(248, 244, 236, 0.78) !important;
}

body.body-tpl-portal .footer-tuy__nav a:hover,
body.body-tpl-portal .footer-tuy__mid-links a:hover {
  color: var(--li-paper) !important;
}

body.body-tpl-portal .footer-tuy__mid {
  background: #0f1f22 !important;
  border-top-color: rgba(255, 255, 255, 0.06) !important;
}

body.body-tpl-portal .footer-tuy__copy {
  color: rgba(248, 244, 236, 0.62) !important;
}

body.body-tpl-portal .footer-tuy__sub,
body.body-tpl-portal .footer-tuy__sep {
  color: rgba(248, 244, 236, 0.42) !important;
}

body.body-tpl-portal .footer-tuy__mid-links a {
  color: rgba(248, 244, 236, 0.72) !important;
}

body.body-tpl-portal .footer-tuy__seo {
  background: #0a1618 !important;
  color: rgba(248, 244, 236, 0.45) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
}

@media (max-width: 900px) {
  body.body-tpl-portal .header-main-nav.open {
    background: var(--li-paper) !important;
    border: 1px solid var(--li-line) !important;
    box-shadow: 0 12px 32px rgba(42, 69, 73, 0.12) !important;
  }
}