@charset "UTF-8";

/* Tangxin Theater H5 dark sync v3.
 * Keeps the public mobile homepage on the desktop VI palette and makes the
 * first rendered frame identical to the settled layout.
 */

@media screen and (max-width: 820px) {
  html.tx-h5-dark-sync,
  html.tx-h5-dark-sync body.home-index-body {
    background: #16080d !important;
    color: #fff3d9 !important;
    color-scheme: dark;
  }

  html.tx-h5-dark-sync body.home-index-body,
  html.tx-h5-dark-sync body.home-index-body .member-wrap,
  html.tx-h5-dark-sync body.home-index-body .container.home-unified,
  html.tx-h5-dark-sync body.home-index-body #topnav,
  html.tx-h5-dark-sync body.home-index-body #topnav .mobile-head {
    background-color: #16080d !important;
  }

  html.tx-h5-dark-sync body.home-index-body #topnav,
  html.tx-h5-dark-sync body.home-index-body #topnav .mobile-head,
  html.tx-h5-dark-sync body.home-index-body #topnav .mobile-head > .header {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html.tx-h5-dark-sync body.home-index-body #topnav .mobile-head {
    border-bottom: 1px solid rgba(255, 243, 217, .12) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .22) !important;
  }

  html.tx-h5-dark-sync body.home-index-body #topnav .mobile-head,
  html.tx-h5-dark-sync body.home-index-body #topnav .mobile-head * {
    transition-property: color, background-color, border-color !important;
  }

  html.tx-h5-dark-sync body.home-index-body #topnav .mobile-head .head_search_mobile_capsule.head_search_capsule_host {
    align-items: center !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
  }

  html.tx-h5-dark-sync body.home-index-body #topnav .mobile-head .head_search_capsule_host .head_menu_b {
    min-width: 44px !important;
    width: 44px !important;
  }

  html.tx-h5-dark-sync body.home-index-body #topnav .mobile-head .head_search_capsule_host .head_search_inner,
  html.tx-h5-dark-sync body.home-index-body #topnav .mobile-head .head_search_capsule_host .head_search_row,
  html.tx-h5-dark-sync body.home-index-body #topnav .mobile-head .head_search_capsule_host .head_search_capsule {
    margin: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html.tx-h5-dark-sync body.home-index-body #topnav .mobile-head .head_search_capsule_host input {
    min-width: 44px !important;
  }

  html.tx-h5-dark-sync body.home-index-body .home-refresh-btn {
    align-items: center;
    background: #2a0e17 !important;
    border: 1px solid rgba(255, 243, 217, .24) !important;
    color: #fff3d9 !important;
    display: inline-flex;
    font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    gap: 7px;
    justify-content: center;
    letter-spacing: .02em;
    line-height: 1 !important;
    min-height: 44px;
    padding: 0 18px !important;
    text-shadow: none !important;
  }

  html.tx-h5-dark-sync body.home-index-body .home-refresh-btn:hover,
  html.tx-h5-dark-sync body.home-index-body .home-refresh-btn:focus-visible {
    background: #580005 !important;
    border-color: #ee4668 !important;
    color: #fff3d9 !important;
  }

  body.home-index-body #bottomNav.hidden_mb,
  body.home-index-body .foot.foot_nav #bottomNav.hidden_mb,
  body.tx-vod-cinema-page #bottomNav.hidden_mb,
  body.tx-vod-cinema-page .foot.foot_nav #bottomNav.hidden_mb,
  body.auth-ui-page #bottomNav.hidden_mb,
  body.auth-ui-page .foot.foot_nav #bottomNav.hidden_mb {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #10070b !important;
    border-top: 1px solid #6b3628 !important;
    box-shadow: 0 -10px 24px #080305 !important;
  }

  body.home-index-body #bottomNav .bottom-nav-item,
  body.tx-vod-cinema-page #bottomNav .bottom-nav-item,
  body.auth-ui-page #bottomNav .bottom-nav-item {
    background: #10070b !important;
    color: #eadbd4 !important;
  }

  body.home-index-body #bottomNav .bottom-nav-item.active,
  body.tx-vod-cinema-page #bottomNav .bottom-nav-item.active,
  body.auth-ui-page #bottomNav .bottom-nav-item.active {
    background: #2a0e17 !important;
    color: #ff91a7 !important;
  }

  body.home-index-body #bottomNav .bottom-nav-text,
  body.tx-vod-cinema-page #bottomNav .bottom-nav-text,
  body.auth-ui-page #bottomNav .bottom-nav-text {
    color: inherit !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }
}

/* Keep the button readable if a desktop/member-selected light theme reaches
 * the shared home component. Mobile itself is intentionally dark. */
html.mac-theme-light body.home-index-body .home-refresh-btn {
  background: #fffdf9 !important;
  border-color: rgba(42, 31, 36, .24) !important;
  color: #2a1f24 !important;
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html.tx-h5-dark-sync body.home-index-body #topnav,
  html.tx-h5-dark-sync body.home-index-body #topnav *,
  html.tx-h5-dark-sync body.home-index-body .home-refresh-btn,
  html.tx-h5-dark-sync body.home-index-body #bottomNav,
  html.tx-h5-dark-sync body.home-index-body #bottomNav * {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
  }
}