/* Vermillion Gazette — paper magazine skin, distinct from the dark neon/purple template */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap");

:root {
  --gz-paper: #f3e4c8;
  --gz-paper-2: #ead6b0;
  --gz-cream: #fff7e8;
  --gz-ink: #1a130e;
  --gz-ink-2: #2b2118;
  --gz-muted: #6d5843;
  --gz-line: #d4be96;
  --gz-stamp: #c1272d;
  --gz-stamp-2: #8d1a1f;
  --gz-gold: #b8923a;
  --gz-width: 1180px;
  --bg: var(--gz-paper);
  --bg2: var(--gz-paper-2);
  --card: var(--gz-cream);
  --text: var(--gz-ink);
  --muted: var(--gz-muted);
  --line: var(--gz-line);
  --gold: var(--gz-stamp);
  --nc-line: var(--gz-line);
  --nc-text: var(--gz-ink);
  --nc-text-soft: var(--gz-ink-2);
  --nc-text-muted: var(--gz-muted);
  --nc-surface-strong: var(--gz-cream);
  --nc-radius: 4px;
  --nc-grad-primary: none;
  --nc-grad-warm: none;
}

html body.body-tpl-portal.body-tpl-yygk.body-tpl-cnportal.body-tpl-wythyclone {
  background: var(--gz-paper) !important;
  color: var(--gz-ink) !important;
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(26, 19, 14, 0.035) 1px, transparent 0),
    linear-gradient(180deg, #f8edd4 0%, var(--gz-paper) 28%, #efe0bc 100%) !important;
  background-size: 7px 7px, auto !important;

  &,
  #root {
    background: var(--gz-paper) !important;
    color: var(--gz-ink) !important;
  }

  .container,
  .wythy-header .container,
  .wythy-home-main > .container,
  .wythy-home-hero__shell,
  .wythy-footer__inner,
  .yygk-catpage__inner,
  .yygk2-watch-wrap,
  .yygk2-detail-shell,
  .yygk2-search-layout,
  .wythy-inner-page__wrap,
  .nj-page-wrap {
    width: min(var(--gz-width), calc(100% - 32px)) !important;
    max-width: var(--gz-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .wythy-header,
  .wythy-footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Header: two-tier newspaper masthead */
  .wythy-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    background: var(--gz-cream) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  .wythy-header__bar {
    border-bottom: 4px double var(--gz-ink) !important;
    background: var(--gz-cream) !important;
  }

  .wythy-header__inner {
    display: grid !important;
    grid-template-columns: auto minmax(12rem, 1fr) auto !important;
    grid-template-areas:
      "brand search actions"
      "nav nav nav" !important;
    align-items: center !important;
    column-gap: 1rem !important;
    row-gap: 0.55rem !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0.7rem 0 0 !important;
    flex-wrap: nowrap !important;
  }

  .wythy-header__brand {
    grid-area: brand !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--gz-ink) !important;
  }

  .wythy-header__film-ico {
    color: var(--gz-stamp) !important;
    width: 28px !important;
    height: 28px !important;
  }

  .wythy-header__brand-text {
    font-family: "Noto Serif SC", "Songti SC", serif !important;
    font-size: 1.55rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
    color: var(--gz-ink) !important;
  }

  .wythy-header__search {
    grid-area: search !important;
    display: flex !important;
    align-items: stretch !important;
    max-width: none !important;
    width: 100% !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1.5px solid var(--gz-ink) !important;
    border-radius: 0 !important;
    background: #fffdf6 !important;
    overflow: hidden !important;
  }

  .wythy-header__search input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 0 12px !important;
    background: transparent !important;
    color: var(--gz-ink) !important;
    border: 0 !important;
    line-height: 1 !important;
  }

  .wythy-header__search-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    padding: 0 16px !important;
    background: var(--gz-stamp) !important;
    color: #fff8ea !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  .wythy-header__actions {
    grid-area: actions !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    margin: 0 !important;
  }

  .wythy-header__vip,
  .wythy-header__auth {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    padding: 0 14px !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }

  .wythy-header__vip {
    background: var(--gz-ink) !important;
    color: var(--gz-cream) !important;
    border: 1.5px solid var(--gz-ink) !important;
  }

  .wythy-header__auth--in {
    background: transparent !important;
    color: var(--gz-ink) !important;
    border: 1.5px solid var(--gz-ink) !important;
  }

  .wythy-header__auth--up {
    background: var(--gz-stamp) !important;
    color: #fff8ea !important;
    border: 1.5px solid var(--gz-stamp) !important;
  }

  .wythy-header__nav {
    grid-area: nav !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    border-top: 1px solid var(--gz-ink) !important;
    padding: 0 !important;
    margin-top: 0.15rem !important;
  }

  .wythy-header__nav-link {
    position: relative !important;
    padding: 0.65rem 1rem !important;
    color: var(--gz-ink-2) !important;
    font-weight: 700 !important;
    font-size: 0.92rem !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  .wythy-header__nav-link:first-child {
    padding-left: 0 !important;
  }

  .wythy-header__nav-link.is-active,
  .wythy-header__nav-link[aria-current="page"] {
    color: var(--gz-stamp) !important;
    background: transparent !important;
    box-shadow: inset 0 -3px 0 var(--gz-stamp) !important;
  }

  .wythy-header__burger span {
    background: var(--gz-ink) !important;
  }

  .wythy-drawer__panel {
    background: var(--gz-cream) !important;
    color: var(--gz-ink) !important;
    border-left: 4px solid var(--gz-stamp) !important;
  }

  .wythy-drawer__title,
  .wythy-drawer__a,
  .wythy-drawer__auth-row a {
    color: var(--gz-ink) !important;
  }

  .wythy-drawer__a.active {
    color: var(--gz-stamp) !important;
  }

  /* Hero: left-aligned gazette cover */
  .wythy-home-hero {
    padding: 1.25rem 0 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .wythy-home-hero:before,
  .wythy-home-hero:after,
  .wythy-home-hero__panel:before,
  .wythy-home-hero__panel:after {
    display: none !important;
  }

  .wythy-home-hero__shell {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .wythy-home-hero__panel {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 1.25rem 1.35rem 1.2rem 1.4rem !important;
    border-radius: 0 !important;
    background: var(--gz-cream) !important;
    color: var(--gz-ink) !important;
    box-shadow: none !important;
    border: 1.5px solid var(--gz-ink) !important;
    border-left: 10px solid var(--gz-stamp) !important;
    text-align: left !important;
  }

  .wythy-home-hero__eyebrow {
    display: inline-block !important;
    margin: 0 0 0.7rem !important;
    padding: 0.15rem 0.55rem !important;
    border-radius: 0 !important;
    background: var(--gz-stamp) !important;
    color: #fff8ea !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.16em !important;
  }

  .wythy-home-hero__title {
    font-family: "Noto Serif SC", "Songti SC", serif !important;
    font-size: clamp(1.9rem, 4.2vw, 3rem) !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
    letter-spacing: 0.04em !important;
    color: var(--gz-ink) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
    margin: 0 0 0.7rem !important;
  }

  .wythy-home-hero__lead {
    color: var(--gz-ink-2) !important;
    max-width: 40rem !important;
    margin: 0 0 0.85rem !important;
    font-size: 1rem !important;
  }

  .wythy-home-hero__brand {
    display: inline-flex !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--gz-muted) !important;
  }

  .wythy-home-hero__brand-name {
    color: var(--gz-stamp) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    font-weight: 800 !important;
  }

  /* Mid: paper sections */
  .wythy-section-card,
  .wythy-section-card--alt {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 1.35rem 0 0 !important;
    margin: 0 !important;
  }

  .wythy-section-card__head {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin-bottom: 0.95rem !important;
    padding-bottom: 0.45rem !important;
    border-bottom: 2px solid var(--gz-ink) !important;
  }

  .wythy-section-card__h2,
  .wythy-why .wythy-section-card__h2 {
    font-family: "Noto Serif SC", "Songti SC", serif !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: var(--gz-ink) !important;
    letter-spacing: 0.06em !important;
  }

  .wythy-section-card__h2:before {
    content: "" !important;
    display: inline-block !important;
    width: 0.55rem !important;
    height: 1.05em !important;
    margin-right: 0.55rem !important;
    background: var(--gz-stamp) !important;
    vertical-align: -0.12em !important;
  }

  .wythy-section-card__more {
    color: var(--gz-stamp) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: auto !important;
    line-height: 1.2 !important;
  }

  .cn-portal-hero__long {
    color: var(--gz-ink-2) !important;
    max-width: 52rem !important;
    margin: 0 0 0.65rem !important;
    line-height: 1.7 !important;
  }

  .cn-portal-hero__long + .cn-portal-hero__long {
    margin-bottom: 0 !important;
  }

  .wythy-cat-tiles,
  .wythy-cats .wythy-cat-tiles {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
    list-style: none !important;
    margin: 0.75rem 0 0 !important;
    padding: 0 !important;
    counter-reset: gz-tile;
  }

  .wythy-cat-tiles > li,
  .wythy-cats .wythy-cat-tiles > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wythy-cat-tiles__card,
  .wythy-cats .wythy-cat-tiles__card {
    counter-increment: gz-tile;
    position: relative !important;
    min-height: 7.2rem !important;
    padding: 1.15rem 1rem 1rem 1.35rem !important;
    border-radius: 0 !important;
    background: var(--gz-cream) !important;
    border: 1.5px solid var(--gz-ink) !important;
    border-left-width: 12px !important;
    border-left-style: dotted !important;
    border-left-color: var(--gz-stamp) !important;
    color: var(--gz-ink) !important;
    box-shadow: 4px 4px 0 var(--gz-ink) !important;
    overflow: hidden !important;
  }

  .wythy-cat-tiles li:nth-child(2) .wythy-cat-tiles__card,
  .wythy-cat-tiles li:nth-child(3) .wythy-cat-tiles__card,
  .wythy-cat-tiles li:nth-child(4) .wythy-cat-tiles__card {
    background: var(--gz-cream) !important;
  }

  .wythy-cat-tiles__card:before {
    content: counter(gz-tile, decimal-leading-zero);
    position: absolute;
    right: 0.7rem;
    top: 0.45rem;
    font-family: "Noto Serif SC", serif;
    font-size: 1.7rem;
    font-weight: 900;
    color: rgba(193, 39, 45, 0.18);
    line-height: 1;
  }

  .wythy-cat-tiles__card:hover {
    transform: translate(-2px, -2px) !important;
    box-shadow: 6px 6px 0 var(--gz-stamp) !important;
  }

  .wythy-cat-tiles__label {
    font-family: "Noto Serif SC", serif !important;
    font-size: 1.12rem !important;
    font-weight: 800 !important;
    color: var(--gz-ink) !important;
  }

  .wythy-cat-tiles__sub {
    color: var(--gz-muted) !important;
    font-size: 0.78rem !important;
  }

  .wythy-why__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.9rem !important;
  }

  .wythy-why__card {
    display: block !important;
    list-style: none !important;
    background: var(--gz-cream) !important;
    border: 1.5px solid var(--gz-ink) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 1.1rem 1.05rem !important;
    margin: 0 !important;
  }

  .wythy-why__h3 {
    font-family: "Noto Serif SC", serif !important;
    color: var(--gz-stamp) !important;
  }

  .wythy-why__text {
    color: var(--gz-ink-2) !important;
  }

  .cn-portal-toolbar,
  .cn-portal-genres,
  .cn-portal-sort,
  .yygk-catpage__sort {
    background: transparent !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .cn-portal-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
    margin: 0.85rem 0 0.75rem !important;
  }

  .cn-portal-genres__btn,
  .cn-portal-sort button,
  .yygk-catpage__sort button,
  .yygk-genre-strip__a {
    background: var(--gz-cream) !important;
    color: var(--gz-ink-2) !important;
    border: 1px solid var(--gz-ink) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .cn-portal-genres__btn.is-active,
  .cn-portal-sort button.is-active,
  .yygk-catpage__sort button.is-active,
  .yygk-genre-strip__a.is-active {
    background: var(--gz-stamp) !important;
    color: #fff8ea !important;
    border-color: var(--gz-stamp) !important;
  }

  .cn-portal-section__meta,
  .yygk-catpage__meta,
  .yygk-catpage__lead {
    color: var(--gz-muted) !important;
  }

  /* Cards: vertical poster tickets */
  .yygk-cat-grid,
  .yygk-cat-grid--search,
  .yygk-cat-grid--related,
  .yygk-cat-grid--watch {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 1.15rem 1rem !important;
  }

  .yygk-vcard,
  .yygk-vcard--grid,
  .yygk-vcard--feat,
  .yygk-vcard--latest {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    background: var(--gz-cream) !important;
    border: 1.5px solid var(--gz-ink) !important;
    border-radius: 0 !important;
    box-shadow: 3px 3px 0 rgba(26, 19, 14, 0.18) !important;
    overflow: hidden !important;
    color: var(--gz-ink) !important;
  }

  .yygk-vcard:hover,
  .yygk-vcard--grid:hover {
    transform: translate(-2px, -2px) !important;
    box-shadow: 5px 5px 0 var(--gz-stamp) !important;
    border-color: var(--gz-ink) !important;
  }

  .yygk-vcard__media {
    aspect-ratio: 2 / 3 !important;
    background: #2b2118 !important;
  }

  .yygk-vcard__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .yygk-vcard__body,
  .yygk-vcard__body--grid,
  .yygk-vcard__body--feat,
  .yygk-vcard__body--latest {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0.5rem 0.55rem 0.55rem !important;
    background: var(--gz-cream) !important;
    gap: 0.2rem !important;
  }

  .yygk-vcard__title,
  .yygk-vcard__title--grid,
  .yygk-vcard__meta,
  .yygk-vcard__meta--grid,
  .yygk-vcard__stats,
  .yygk-vcard__stats--grid {
    margin: 0 !important;
  }

  .yygk-vcard__stats,
  .yygk-vcard__stats--grid {
    padding: 0.15rem 0 0 !important;
  }

  .yygk-vcard__title,
  .yygk-vcard__title--grid {
    font-family: "Noto Serif SC", serif !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    color: var(--gz-ink) !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .yygk-vcard__desc,
  .yygk-vcard__desc--grid,
  .yygk-vcard__desc--feat,
  .yygk-vcard__desc--latest,
  .yygk-vcard__actors,
  .yygk-vcard__actors--grid {
    display: none !important;
  }

  .yygk-vcard__pill,
  .yygk-vcard__stat,
  .yygk-vcard__stat--genre {
    background: transparent !important;
    color: var(--gz-muted) !important;
    border: 0 !important;
    font-size: 0.72rem !important;
  }

  .yygk-vcard__stat:nth-child(2),
  .yygk-vcard__stat--score {
    color: var(--gz-stamp) !important;
    font-weight: 800 !important;
  }

  .yygk-vcard__hq,
  .yygk-vcard__cty {
    border-radius: 0 !important;
    font-weight: 700 !important;
  }

  .yygk-vcard__hq {
    background: var(--gz-stamp) !important;
    color: #fff8ea !important;
  }

  .yygk-vcard__cty--jp {
    background: var(--gz-ink) !important;
    color: #fff8ea !important;
  }

  .yygk-vcard__cty--kr {
    background: #1f4e79 !important;
    color: #fff8ea !important;
  }

  .yygk-vcard__dur {
    background: rgba(26, 19, 14, 0.78) !important;
    color: #fff8ea !important;
    border-radius: 0 !important;
  }

  /* Category / inner pages */
  .yygk-catpage,
  .yygk2-cinema,
  .wythy-inner-page,
  .yygk-search-page,
  .yygk-detail-page,
  .inner-page {
    background: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .yygk-catpage__inner,
  .yygk2-watch-wrap,
  .nj-page-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .yygk-catpage__head,
  .yygk2-cinema-hero,
  .wythy-inner-page__head {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    padding: 0.4rem 0 0.85rem !important;
    border-bottom: 4px double var(--gz-ink) !important;
    background: transparent !important;
    background-image: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .yygk-catpage__head:before,
  .yygk-catpage__head:after,
  .yygk2-cinema-hero:before,
  .yygk2-cinema-hero:after {
    display: none !important;
  }

  .yygk-catpage__h1,
  .wythy-inner-page__h1,
  .yygk2-search-hero h1,
  .nj-play-head__h1,
  .yygk2-play-head h1,
  .yygk2-detail-title {
    font-family: "Noto Serif SC", serif !important;
    color: var(--gz-ink) !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
  }

  .yygk-breadcrumb,
  .yygk-breadcrumb a,
  .yygk2-cinema-crumb,
  .yygk2-cinema-backlink {
    color: var(--gz-muted) !important;
  }

  .yygk-genre-strip,
  .yygk2-genre-strip {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
    margin: 1rem 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .yygk2-cinema-backlink {
    border: 1.5px solid var(--gz-ink) !important;
    padding: 0.3rem 0.7rem !important;
    color: var(--gz-ink) !important;
    text-decoration: none !important;
  }

  /* Play / detail */
  .yygk-play-page,
  .yygk2-cinema-watch,
  .nj-play-page {
    background: transparent !important;
  }

  .yygk2-play-stage,
  .nj-play-sheet,
  .home-sheet,
  .nj-page-sheet {
    background: var(--gz-cream) !important;
    border: 1.5px solid var(--gz-ink) !important;
    border-radius: 0 !important;
    box-shadow: 6px 6px 0 rgba(26, 19, 14, 0.16) !important;
    overflow: hidden !important;
  }

  .yygk2-play-player,
  .nj-play-player,
  .yygk2-video-frame,
  .video-frame {
    background: #120e0b !important;
  }

  .nj-play-player__title {
    color: #fff8ea !important;
  }

  .yygk2-play-head,
  .nj-play-head,
  .yygk2-play-about,
  .nj-play-about {
    background: var(--gz-cream) !important;
    color: var(--gz-ink) !important;
  }

  .nj-play-meta__score,
  .yygk2-play-meta .nj-play-meta__score {
    background: var(--gz-stamp) !important;
    color: #fff8ea !important;
    border-radius: 0 !important;
    font-weight: 800 !important;
  }

  .yygk2-play-actions button,
  .nj-play-actions button,
  .yygk2-btn,
  .yygk-btn--primary {
    background: var(--gz-stamp) !important;
    color: #fff8ea !important;
    border: 1.5px solid var(--gz-stamp) !important;
    border-radius: 0 !important;
  }

  .yygk2-btn--line,
  .yygk-btn--ghost {
    background: transparent !important;
    color: var(--gz-ink) !important;
    border: 1.5px solid var(--gz-ink) !important;
  }

  .yygk2-detail-hero,
  .yygk2-detail-shell,
  .yygk2-detail-info {
    background: transparent !important;
    color: var(--gz-ink) !important;
  }

  .yygk2-detail-score {
    background: var(--gz-stamp) !important;
    color: #fff8ea !important;
  }

  .yygk-search-page .container,
  .yygk2-search-hero,
  .content-shell.inner-page:not(.nj-play-page) > .container {
    background: var(--gz-cream) !important;
    border: 1.5px solid var(--gz-ink) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Footer: ink colophon */
  .wythy-footer {
    margin-top: 3.2rem !important;
    background: var(--gz-ink) !important;
    border-top: 8px solid var(--gz-stamp) !important;
    color: #e8d7b6 !important;
    padding: 2rem 0 0 !important;
  }

  .wythy-footer__inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .wythy-footer:before,
  .wythy-footer:after {
    display: none !important;
  }

  .wythy-footer__strip-title,
  .wythy-footer__text-card-h,
  .wythy-footer__col-title,
  .wythy-footer__sitename {
    font-family: "Noto Serif SC", serif !important;
    color: #fff4dc !important;
  }

  .wythy-footer__card-strip {
    padding-bottom: 1.4rem !important;
    border-bottom: 1px solid rgba(232, 215, 182, 0.18) !important;
  }

  .wythy-footer__card-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1rem !important;
  }

  .wythy-footer__text-card {
    background: #241b14 !important;
    border: 1px solid rgba(232, 215, 182, 0.16) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .wythy-footer__text-card-lead,
  .wythy-footer__tagline,
  .wythy-footer__disclaimer,
  .wythy-footer__copy,
  .wythy-footer__text-card-meta {
    color: #cbb892 !important;
  }

  .wythy-footer__text-card-link,
  .wythy-footer__links a,
  .wythy-footer__text-card-cta {
    color: #fff4dc !important;
  }

  .wythy-footer__text-card-cta {
    display: inline-block !important;
    margin-top: 0.6rem !important;
    border: 1px solid #e8d7b6 !important;
    padding: 0.25rem 0.65rem !important;
    border-radius: 0 !important;
    text-decoration: none !important;
  }

  .wythy-footer__text-card-cta--ghost {
    background: transparent !important;
  }

  .wythy-footer__text-card-badge {
    border-radius: 0 !important;
    background: var(--gz-stamp) !important;
    color: #fff8ea !important;
  }

  .wythy-footer__lower {
    padding-top: 1.4rem !important;
  }

  .wythy-footer__bar {
    border-top: 1px solid rgba(232, 215, 182, 0.16) !important;
  }

  .wythy-footer__credit-text {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    color: #e8d7b6 !important;
    filter: none !important;
    animation: none !important;
    letter-spacing: 0.14em !important;
  }

  ::-webkit-scrollbar-track {
    background: #ead6b0;
  }
  ::-webkit-scrollbar-thumb {
    background: var(--gz-stamp);
  }
}

@media (max-width: 1199px) {
  html body.body-tpl-portal.body-tpl-yygk.body-tpl-cnportal.body-tpl-wythyclone {
    .yygk-cat-grid,
    .yygk-cat-grid--search,
    .yygk-cat-grid--related,
    .yygk-cat-grid--watch {
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
  }
}

@media (max-width: 980px) {
  html body.body-tpl-portal.body-tpl-yygk.body-tpl-cnportal.body-tpl-wythyclone {
    .wythy-cat-tiles,
    .wythy-cats .wythy-cat-tiles,
    .wythy-why__grid,
    .wythy-footer__card-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .yygk-cat-grid,
    .yygk-cat-grid--search,
    .yygk-cat-grid--related,
    .yygk-cat-grid--watch {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
}

@media (max-width: 820px) {
  html body.body-tpl-portal.body-tpl-yygk.body-tpl-cnportal.body-tpl-wythyclone {
    .wythy-header__inner {
      grid-template-columns: 1fr auto !important;
      grid-template-areas:
        "brand actions"
        "search search" !important;
      padding-bottom: 0.75rem !important;
    }
    .wythy-header__nav {
      display: none !important;
    }
    .wythy-header__search {
      max-width: none !important;
    }
    .yygk-cat-grid,
    .yygk-cat-grid--search,
    .yygk-cat-grid--related,
    .yygk-cat-grid--watch {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
}

@media (max-width: 560px) {
  html body.body-tpl-portal.body-tpl-yygk.body-tpl-cnportal.body-tpl-wythyclone {
    .wythy-header__search,
    .wythy-header__vip,
    .wythy-header__auth {
      display: none !important;
    }
    .wythy-header__inner {
      grid-template-areas: "brand actions" !important;
    }
    .wythy-cat-tiles,
    .wythy-cats .wythy-cat-tiles,
    .wythy-why__grid,
    .wythy-footer__card-grid,
    .yygk-cat-grid,
    .yygk-cat-grid--search,
    .yygk-cat-grid--related,
    .yygk-cat-grid--watch {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .wythy-home-hero__panel {
      padding: 1.15rem 1rem 1.1rem 1.15rem !important;
      border-left-width: 7px !important;
    }
  }
}
/* static-compat */
.skip-link {
  position: absolute;
  left: 12px;
  top: -48px;
  z-index: 200;
  padding: 8px 12px;
  background: #c1272d;
  color: #fff8ea;
  text-decoration: none;
  font-weight: 700;
}
.skip-link:focus { top: 12px; }
body.is-drawer-open { overflow: hidden; touch-action: none; }
.wythy-drawer[hidden] { display: none !important; }
.wythy-drawer.is-open { display: block !important; }
.wythy-drawer.is-open .wythy-drawer__panel { transform: none; }
.wythy-drawer__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.wythy-drawer__close {
  border: 1px solid #c1272d;
  background: #fff8ea;
  color: #1a130e;
  height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.yygk-vcard__play {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.28);
  position: relative;
}
.yygk-vcard__play:after {
  content: "";
  position: absolute;
  left: 17px;
  top: 13px;
  border-style: solid;
  border-width: 9px 0 9px 14px;
  border-color: transparent transparent transparent #fff;
}
.ep-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
.ep-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #c1272d;
  color: #1a130e;
  background: #fff8ea;
  text-decoration: none;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
.ep-btn.is-on, .ep-btn:hover { background: #c1272d; color: #fff8ea; }
.nj-play-head__kicker { margin: 0 0 8px; color: #6d5843; font-size: 14px; }
.auth-form { max-width: 420px; margin: 24px 0 48px; display: grid; gap: 12px; }
.auth-form__label { font-size: 14px; color: #6d5843; }
.auth-form input,
.wythy-header__search input,
.wythy-drawer__search input,
#search-q {
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid #c9b48a;
  background: #fff8ea;
  font-size: 16px;
}
.auth-form button,
.wythy-header__search-btn {
  min-height: 42px;
  border: 0;
  background: #c1272d;
  color: #fff8ea;
  font-weight: 700;
  cursor: pointer;
  font-size: 16px;
}
.video-el, video.video-el {
  width: 100%;
  height: auto;
  max-height: 78vh;
  display: block;
  background: #120e0b;
  object-fit: contain;
}
@media (hover: none) {
  .yygk-vcard, .wythy-header__nav-link, .ep-btn, .cn-portal-genres__btn {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@supports (padding: max(0px)) {
  .wythy-header__inner,
  .wythy-home-hero__shell,
  .wythy-footer__inner {
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
  }
  body { padding-bottom: env(safe-area-inset-bottom, 0px); }
}