/* MoneySB PC template: Tencent Video inspired structure, without Tencent marks/assets. */
@media (min-width: 769px) {
  :root {
    --tv-green: #00e2c3;
    --tv-green-2: #00cc4c;
    --tv-white: #fff;
    --tv-soft: rgba(255,255,255,.72);
    --tv-muted: rgba(255,255,255,.48);
    --tv-bg: #111;
    --tv-panel: #181818;
    --tv-line: rgba(255,255,255,.08);
  }

  html,
  body {
    min-width: 1200px;
    margin: 0;
    background: #111 !important;
    color: var(--tv-white) !important;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    letter-spacing: 0;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  a:hover {
    color: var(--tv-green) !important;
  }

  .qv-body .site-head-wrap,
  .qv-body #topnav,
  .qv-body .head_box {
    display: none !important;
  }

  .qv-app {
    min-height: 100vh;
    background: #111;
  }

  .qv-rail {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    width: 214px;
    height: 100vh;
    padding: 30px 0 36px 28px;
    box-sizing: border-box;
    background: linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.58) 58%, rgba(0,0,0,0));
  }

  .qv-logo {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 30px;
    color: #fff !important;
    font-size: 23px;
    font-weight: 800;
    white-space: nowrap;
  }

  .qv-logo-mark {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: linear-gradient(135deg, #15e66f, #10d5ff);
  }

  .qv-logo-mark i {
    width: 0;
    height: 0;
    margin-left: 3px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 13px solid #fff;
  }

  .qv-rail-nav {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-left: 46px;
  }

  .qv-rail-nav a {
    height: 43px;
    display: flex;
    align-items: center;
    color: rgba(255,255,255,.54);
    font-size: 17px;
    font-weight: 700;
    white-space: nowrap;
  }

  .qv-rail-nav a.active {
    color: var(--tv-green) !important;
  }

  .qv-stage {
    min-height: 100vh;
    overflow: hidden;
  }

  .qv-hero-screen {
    position: relative;
    min-height: 860px;
    height: 100vh;
    background: #111;
  }

  .qv-hero-bg {
    position: absolute;
    inset: 0 0 0 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.01);
  }

  .qv-real-hero.qv-hero-bg {
    filter: blur(28px) saturate(1.32);
    opacity: .48;
    transform: scale(1.14);
    background-position: center;
  }

  .qv-hero-poster {
    display: block;
    position: absolute;
    z-index: 7;
    right: 16%;
    top: 11%;
    height: 64vh;
    max-height: 620px;
    min-height: 460px;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 34px 90px rgba(0,0,0,.62);
  }

  .qv-hero-poster::after {
    content: "";
  }

  .qv-hero-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.54) 18%, rgba(0,0,0,.08) 47%, rgba(0,0,0,.36) 100%),
      linear-gradient(0deg, #111 0%, rgba(17,17,17,.86) 10%, rgba(17,17,17,.10) 42%, rgba(17,17,17,.14) 100%);
  }

  .qv-demo-hero.qv-hero-bg {
    background-image: url("../img/hero-drama.png");
  }

  .qv-has-real-hero .qv-demo-hero {
    display: none !important;
  }

  .qv-no-real-hero .qv-real-hero {
    display: none !important;
  }

  .qv-top-search {
    display: none !important;
    position: absolute;
    top: 28px;
    right: 48px;
    z-index: 12;
    width: 420px;
    height: 42px;
    display: grid;
    grid-template-columns: 1fr 78px;
    overflow: hidden;
    border-radius: 23px;
    background: rgba(255,255,255,.18);
    backdrop-filter: blur(16px);
  }

  .qv-top-search input {
    min-width: 0;
    border: 0;
    outline: 0;
    padding: 0 18px;
    background: transparent;
    color: #fff;
    font-size: 14px;
  }

  .qv-top-search input::placeholder {
    color: rgba(255,255,255,.62);
  }

  .qv-top-search button {
    border: 0;
    color: #fff;
    background: rgba(0,226,195,.42);
    font-weight: 800;
    cursor: pointer;
  }

  .qv-hero-info {
    position: absolute;
    z-index: 10;
    left: 210px;
    top: 56%;
    transform: translateY(-50%);
    width: 560px;
  }

  .qv-title-logo {
    margin-bottom: 34px;
    color: #f3cf78;
    font-size: 54px;
    line-height: 1;
    font-family: "KaiTi", "STKaiti", serif;
    font-weight: 400;
    letter-spacing: 5px;
    text-shadow: 0 7px 30px rgba(0,0,0,.42);
  }

  .qv-title-logo-real {
    max-width: 540px;
    color: #fff;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: 46px;
    line-height: 1.14;
    font-weight: 900;
    letter-spacing: 0;
  }

  .qv-hero-info p {
    margin: 0 0 36px;
    max-width: 520px;
    color: #fff;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 700;
    text-shadow: 0 2px 12px rgba(0,0,0,.42);
  }

  .qv-watch {
    height: 56px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 0 30px;
    border-radius: 30px;
    color: #fff !important;
    background: rgba(255,255,255,.22);
    font-size: 24px;
    font-weight: 800;
    backdrop-filter: blur(12px);
  }

  .qv-watch span {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
  }

  .qv-watch:hover {
    background: rgba(255,255,255,.3);
  }

  .qv-hero-bottom {
    position: absolute;
    z-index: 11;
    left: 210px;
    right: 56px;
    bottom: 94px;
    height: 275px;
  }

  .qv-hot-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 46px;
    display: flex;
    align-items: center;
    gap: 26px;
    margin-bottom: 0;
    color: var(--tv-muted);
  }

  .qv-hot-nav strong {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
  }

  .qv-hot-nav strong::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 22px;
    margin-left: 28px;
    vertical-align: -4px;
    background: rgba(255,255,255,.26);
  }

  .qv-hot-nav a {
    color: rgba(255,255,255,.52);
    font-size: 18px;
    font-weight: 700;
  }

  .qv-hot-nav a.active {
    color: #fff !important;
  }

  .qv-mini-wrap {
    position: absolute;
    right: 0;
    bottom: 70px;
    width: 620px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 104px;
    align-items: end;
    gap: 24px;
  }

  .qv-mini-list {
    display: grid;
    grid-template-columns: repeat(5, 96px);
    gap: 15px;
  }

  .qv-mini-card {
    min-width: 0;
    display: block;
  }

  .qv-mini-pic {
    position: relative;
    display: block;
    height: 144px;
    border-radius: 8px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-color: rgba(255,255,255,.08);
  }

  .qv-mini-pic::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.5));
  }

  .qv-mini-card em {
    position: relative;
    display: inline-flex;
    margin: -30px 0 8px 10px;
    z-index: 2;
    max-width: 78px;
    height: 22px;
    align-items: center;
    padding: 0 8px;
    border-radius: 4px;
    color: #fff;
    background: #ff6b15;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .qv-mini-card strong {
    display: block;
    color: rgba(255,255,255,.72);
    font-size: 15px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
  }

  .qv-mini-card:hover .qv-mini-pic {
    outline: 2px solid rgba(255,255,255,.72);
  }

  .demo-a,
  .demo-b,
  .demo-c,
  .demo-d,
  .demo-e {
    background-image: url("../img/hero-drama.png");
    background-size: 360%;
  }

  .demo-a { background-position: 48% 36%; }
  .demo-b { background-position: 65% 35%; }
  .demo-c { background-position: 78% 38%; }
  .demo-d { background-position: 56% 54%; }
  .demo-e { background-position: 88% 48%; }

  .qv-has-real-mini .qv-demo-mini {
    display: none !important;
  }

  .qv-refresh {
    margin-bottom: 42px;
    color: rgba(255,255,255,.52);
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
  }

  .qv-dark-section {
    position: relative;
    padding: 0 56px 56px 210px;
    background: #111;
  }

  .qv-section-head {
    height: 54px;
    display: flex;
    align-items: center;
    gap: 28px;
    margin-bottom: 18px;
  }

  .qv-section-head h2 {
    margin: 0;
    color: #fff;
    font-size: 28px;
    font-weight: 800;
  }

  .qv-section-head h2::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 22px;
    margin-left: 28px;
    vertical-align: -4px;
    background: rgba(255,255,255,.22);
  }

  .qv-section-head div {
    display: flex;
    align-items: center;
    gap: 24px;
  }

  .qv-section-head a {
    color: rgba(255,255,255,.46);
    font-size: 17px;
    font-weight: 700;
  }

  .qv-section-head a.active {
    color: #fff !important;
  }

  .qv-content-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 28px;
  }

  .qv-poster-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 30px 20px;
  }

  .qv-poster-grid-wide {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .qv-card {
    min-width: 0;
  }

  .qv-card-pic {
    position: relative;
    display: block;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    border-radius: 8px;
    background: #222;
    background-size: cover;
    background-position: center;
  }

  .qv-card-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .25s ease;
  }

  .qv-card:hover .qv-card-pic img {
    transform: scale(1.055);
  }

  .qv-card-shade,
  .qv-card-mask {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 42%, rgba(0,0,0,.68));
  }

  .qv-card-pic em,
  .qv-card-note {
    position: absolute;
    right: 8px;
    bottom: 7px;
    color: rgba(255,255,255,.88);
    font-style: normal;
    font-size: 13px;
    text-shadow: 0 1px 8px rgba(0,0,0,.45);
  }

  .qv-card h3 {
    margin: 10px 0 0;
    color: rgba(255,255,255,.86);
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .qv-card p {
    margin: 3px 0 0;
    color: rgba(255,255,255,.42);
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .qv-demo-card .qv-card-pic {
    display: flex;
    align-items: flex-end;
    background-image: url("../img/hero-drama.png");
    background-size: 320%;
  }

  .qv-demo-card .qv-card-pic::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 70% 24%, rgba(255,255,255,.18), transparent 20%),
      radial-gradient(circle at 36% 54%, rgba(0,226,195,.28), transparent 24%);
  }

  .qv-demo-card .demo-0 { background-position: 42% 38%; }
  .qv-demo-card .demo-1 { background-position: 58% 36%; }
  .qv-demo-card .demo-2 { background-position: 72% 34%; }
  .qv-demo-card .demo-3 { background-position: 82% 48%; }
  .qv-demo-card .demo-4 { background-position: 50% 60%; }

  .qv-rank-panel {
    padding: 2px 0 0;
  }

  .qv-rank-panel h3 {
    margin: 0 0 16px;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
  }

  .qv-rank-panel a {
    display: grid;
    grid-template-columns: 32px minmax(0,1fr);
    grid-template-rows: auto auto;
    gap: 0 10px;
    min-height: 50px;
    padding: 8px 0;
  }

  .qv-rank-panel span {
    grid-row: 1 / span 2;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: rgba(255,255,255,.52);
    background: rgba(255,255,255,.08);
    font-weight: 800;
  }

  .qv-rank-panel a:nth-child(2) span,
  .qv-rank-panel a:nth-child(3) span,
  .qv-rank-panel a:nth-child(4) span {
    color: #111;
    background: var(--tv-green);
  }

  .qv-rank-panel strong {
    min-width: 0;
    color: rgba(255,255,255,.82);
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .qv-rank-panel em {
    min-width: 0;
    color: rgba(255,255,255,.4);
    font-size: 13px;
    line-height: 20px;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .qv-body .foot {
    margin: 0 !important;
    padding-left: 210px;
    background: #111 !important;
    border-top: 1px solid rgba(255,255,255,.08);
    color: rgba(255,255,255,.42) !important;
  }

  .qv-body .foot a {
    color: rgba(255,255,255,.42) !important;
  }

  .qv-body .extra_fab_tools,
  .qv-body .extra-fab-tools,
  .qv-body .fixed_right,
  .qv-body .float_right,
  .qv-body .backtop,
  .qv-body .theme-foot-text,
  .qv-body .foot_nav,
  .qv-body .fo_t,
  .qv-body .foot-logo-region,
  .qv-body #bottomNav,
  .qv-body #bottomNavConfig {
    display: none !important;
  }

  /* Keep non-home pages visually compatible. */
  body:not(.qv-body) {
    background: #111 !important;
    color: #fff !important;
  }

  body:not(.qv-body) .qv-global-rail {
    display: block !important;
    z-index: 1200;
  }

  body:not(.qv-body) .qv-global-rail .qv-logo {
    margin-bottom: 30px;
  }

  body:not(.qv-body) .qv-global-rail .qv-rail-nav a {
    color: rgba(255,255,255,.5) !important;
  }

  body:not(.qv-body) .qv-global-rail .qv-rail-nav a.active {
    color: var(--tv-green) !important;
  }

  body:not(.qv-body) .head_box,
  body:not(.qv-body) .site-head-wrap {
    background: rgba(17,17,17,.96) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-sizing: border-box !important;
    padding-left: 214px !important;
  }

  body:not(.qv-body) .head_box .header,
  body:not(.qv-body) .site-head-wrap .header {
    width: min(1500px, calc(100vw - 286px)) !important;
    max-width: none !important;
    margin-left: 22px !important;
    margin-right: 50px !important;
    box-sizing: border-box !important;
  }

  body:not(.qv-body) .head_logo,
  body:not(.qv-body) .head_menu_a,
  body:not(.qv-body) .head_menu_b,
  body:not(.qv-body) .top_nav_more_btn,
  body:not(.qv-body) .top_nav_overlay {
    display: none !important;
  }

  body:not(.qv-body) .head_a {
    width: 0 !important;
    min-width: 0 !important;
    flex: 0 0 0 !important;
    overflow: hidden !important;
  }

  body:not(.qv-body) .head_search {
    margin-left: auto !important;
  }

  body:not(.qv-body) .head_search.head_search_capsule_host {
    display: block !important;
    width: 460px !important;
    min-width: 460px !important;
    max-width: 460px !important;
    height: 42px !important;
    overflow: visible !important;
  }

  body:not(.qv-body) .head_search_inner,
  body:not(.qv-body) .head_search_row,
  body:not(.qv-body) .head_search_row_capsule,
  body:not(.qv-body) .head_search_row_capsule form {
    width: 100% !important;
    height: 42px !important;
    min-width: 0 !important;
    margin: 0 !important;
    position: relative !important;
  }

  body:not(.qv-body) .head_search_capsule {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 42px !important;
    min-width: 0 !important;
    padding: 0 0 0 12px !important;
    overflow: hidden !important;
    border: 1px solid #48b687 !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  body:not(.qv-body) .head_search_capsule_hot {
    flex: 0 0 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body:not(.qv-body) .head_search_capsule_field {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
  }

  body:not(.qv-body) .head_search_capsule_field .form_control {
    display: block !important;
    width: 100% !important;
    height: 40px !important;
    line-height: 40px !important;
    min-width: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #111 !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body:not(.qv-body) .head_search_capsule_submit {
    flex: 0 0 86px !important;
    width: 86px !important;
    height: 40px !important;
    min-width: 86px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 23px !important;
    background: #48b687 !important;
    color: #fff !important;
    opacity: 1 !important;
  }

  body:not(.qv-body) .head_logo {
    min-width: 190px !important;
    display: flex !important;
    align-items: center !important;
  }

  body:not(.qv-body) .head_logo img,
  body:not(.qv-body) .head_logo svg,
  body:not(.qv-body) .head_logo canvas,
  body:not(.qv-body) .head_logo lottie-player,
  body:not(.qv-body) .head_logo .mac-logo-lottie,
  body:not(.qv-body) .head_logo .logo-lottie {
    display: none !important;
  }

  body:not(.qv-body) .head_logo::before {
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 8px;
    border-radius: 11px;
    background: linear-gradient(135deg, #15e66f, #10d5ff);
    box-shadow: inset 12px 0 0 rgba(255,255,255,.16);
  }

  body:not(.qv-body) .head_logo::after {
    content: "MoneySB视频";
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    white-space: nowrap;
  }

  body:not(.qv-body) .head_logo,
  body:not(.qv-body) .head_menu_a,
  body:not(.qv-body) .head_menu_b,
  body:not(.qv-body) .top_nav_more_btn,
  body:not(.qv-body) .top_nav_overlay {
    display: none !important;
  }

  body:not(.qv-body) .container,
  body:not(.qv-body) .layout {
    width: min(1500px, calc(100vw - 286px)) !important;
    max-width: 1500px !important;
    margin-left: 242px !important;
    margin-right: 44px !important;
  }

  body:not(.qv-body) .pannel,
  body:not(.qv-body) .content_box,
  body:not(.qv-body) .play_box,
  body:not(.qv-body) .tabs,
  body:not(.qv-body) .mac-catalog-show__panel {
    border-radius: 8px !important;
    background: #181818 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }

  body:not(.qv-body) .vodlist_thumb,
  body:not(.qv-body) .player_video,
  body:not(.qv-body) .MacPlayer {
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  body:not(.qv-body) .vodlist_thumb,
  body:not(.qv-body) .stui-vodlist__thumb,
  body:not(.qv-body) .fed-list-pics {
    aspect-ratio: 2 / 3 !important;
    height: auto !important;
    padding-top: 150% !important;
    background-size: cover !important;
    background-position: center !important;
  }

  body:not(.qv-body) .vodlist.mac-poster--h .vodlist_thumb,
  body:not(.qv-body) .vod-show-grid.mac-poster--h .vodlist_thumb,
  body:not(.qv-body) .mac-poster--h .vodlist_thumb {
    aspect-ratio: 2 / 3 !important;
    padding-top: 150% !important;
  }

  body:not(.qv-body) .vodlist_item,
  body:not(.qv-body) .vod-item,
  body:not(.qv-body) .stui-vodlist__box {
    border-radius: 8px !important;
  }

  body:not(.qv-body) .vodlist_title,
  body:not(.qv-body) .vodlist_title a,
  body:not(.qv-body) .vodlist_sub {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* Vertical poster homepage tuning. */
  .qv-hero-poster {
    right: 10%;
    top: 10%;
    height: 62vh;
    max-height: 620px;
  }

  .qv-hero-info {
    left: 235px;
    top: 51%;
  }

  .qv-hero-bottom {
    left: 235px;
    right: 72px;
    bottom: 70px;
    height: 210px;
  }

  .qv-mini-wrap {
    left: 0;
    right: auto;
    bottom: 56px;
    width: 620px;
  }

  /* Catalog, search, and ajax list pages use the same dark vertical poster system. */
  body:not(.qv-body) .member-wrap,
  body:not(.qv-body) .left_row,
  body:not(.qv-body) .right_row,
  body:not(.qv-body) .vod-detail-main,
  body:not(.qv-body) .vod-detail-layout,
  body:not(.qv-body) .content,
  body:not(.qv-body) .tabs .content,
  body:not(.qv-body) .show_page {
    background: #111 !important;
    color: #fff !important;
  }

  body:not(.qv-body) .mac-catalog-show #show_page {
    background: #111 !important;
    background-image: none !important;
  }

  body:not(.qv-body) .mac-catalog-show .member-wrap > .container {
    padding-top: 118px !important;
  }

  body:not(.qv-body) .mac-catalog-filter-head__sort.mac-catalog-show__filter-sort,
  body:not(.qv-body) .mac-catalog-show__filter-drawer .pannel.vod_all,
  body:not(.qv-body) .vod_all,
  body:not(.qv-body) .mac-catalog-show__panel {
    background: #181818 !important;
    border-color: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.72) !important;
  }

  body:not(.qv-body) .mac-catalog-filter-head__sort.mac-catalog-show__filter-sort {
    border-radius: 8px 8px 0 0 !important;
  }

  body:not(.qv-body) .mac-catalog-show__filter-drawer .pannel.vod_all {
    border-radius: 0 0 8px 8px !important;
  }

  body:not(.qv-body) .mac-catalog-show .vod_all > .mac-catalog-filter-h-scroll,
  body:not(.qv-body) .mac-catalog-show .vod_all > .wrapper_fl {
    border-color: rgba(255,255,255,.08) !important;
  }

  body:not(.qv-body) .mac-catalog-show .vod_all .mac-catalog-filter-h-scroll__label .text_muted,
  body:not(.qv-body) .mac-catalog-show .vod_all .screen_list span.text_muted {
    color: rgba(255,255,255,.48) !important;
  }

  body:not(.qv-body) .mac-catalog-show .vod_all .screen_list:not(.sx_tz) li button.mac-cat-filter-item,
  body:not(.qv-body) .mac-catalog-show .vod_all .screen_list:not(.sx_tz) li > a,
  body:not(.qv-body) .mac-catalog-show .wrapper_fl.wrapper_tm .screen_list.sx_tz li button.mac-cat-filter-item,
  body:not(.qv-body) .mac-catalog-show .wrapper_fl.wrapper_tm .sx_total {
    color: rgba(255,255,255,.58) !important;
  }

  body:not(.qv-body) .mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl button.mac-cat-filter-item,
  body:not(.qv-body) .mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl > a,
  body:not(.qv-body) .mac-catalog-show .wrapper_fl.wrapper_tm .screen_list.sx_tz li.hl_fl button.mac-cat-filter-item,
  body:not(.qv-body) .mac-catalog-show .wrapper_fl.wrapper_tm .sx_total em {
    color: #00e2c3 !important;
  }

  body:not(.qv-body) .mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl button.mac-cat-filter-item,
  body:not(.qv-body) .mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl > a {
    background: rgba(0,226,195,.13) !important;
  }

  body:not(.qv-body) .mac-catalog-show .art-show-film-grid,
  body:not(.qv-body) .mac-catalog-show .mac-catalog-show__grid,
  body:not(.qv-body) .mac-catalog-show .vod-show-grid.vodlist_wi,
  body:not(.qv-body) .vodlist.vodlist_wi,
  body:not(.qv-body) .last-vod-grid,
  body:not(.qv-body) .vodlist.vodlist_wi.mac-poster--v,
  body:not(.qv-body) .vodlist.mac-poster--v {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 26px 16px !important;
    list-style: none !important;
  }

  body:not(.qv-body) .mac-catalog-show .art-show-film_thumb,
  body:not(.qv-body) .mac-catalog-show .mac-catalog-show__thumb,
  body:not(.qv-body) .mac-catalog-show .vod-show_thumb.vodlist_thumb {
    aspect-ratio: 2 / 3 !important;
    padding-top: 150% !important;
    background-size: cover !important;
    border-radius: 8px !important;
  }

  body:not(.qv-body) .mac-catalog-show .art-show-film_title a,
  body:not(.qv-body) .mac-catalog-show .mac-catalog-show__title a,
  body:not(.qv-body) .mac-catalog-show .vod-show_title.vodlist_title a,
  body:not(.qv-body) .vodlist_title a {
    color: rgba(255,255,255,.88) !important;
  }

  body:not(.qv-body) .mac-catalog-show .art-show-film_sub,
  body:not(.qv-body) .mac-catalog-show .mac-catalog-show__sub,
  body:not(.qv-body) .mac-catalog-show .vod-show_sub.vodlist_sub,
  body:not(.qv-body) .vodlist_sub {
    color: rgba(255,255,255,.42) !important;
  }

  /* Detail pages keep the same vertical poster language. */
  body.detail-wrap .hot_banner,
  body.detail-wrap .detail_list_box,
  body.detail-wrap .detail_list,
  body.detail-wrap .vod-detail-hero-box {
    background: #111 !important;
    color: #fff !important;
  }

  body.detail-wrap .vod-detail-hero-box {
    border: 0 !important;
    box-shadow: none !important;
  }

  body.detail-wrap .content_thumb.vod-detail-hero__thumb {
    width: 250px !important;
    flex: 0 0 250px !important;
  }

  body.detail-wrap .vod-detail-hero__thumb .vodlist_thumb {
    aspect-ratio: 2 / 3 !important;
    padding-top: 150% !important;
    background-size: cover !important;
  }

  body.detail-wrap .vod-detail-hero__main-col,
  body.detail-wrap .content_detail,
  body.detail-wrap .content_min,
  body.detail-wrap .content_top,
  body.detail-wrap .content_progress,
  body.detail-wrap .tabs,
  body.detail-wrap .tabs section,
  body.detail-wrap .content_desc,
  body.detail-wrap .full_text {
    background: #181818 !important;
    border-color: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.72) !important;
  }

  body.detail-wrap .content_min,
  body.detail-wrap .content_progress {
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 8px !important;
  }

  body.detail-wrap .title,
  body.detail-wrap h1,
  body.detail-wrap h2,
  body.detail-wrap h3,
  body.detail-wrap .pannel_head .title,
  body.detail-wrap .js-vod-name,
  body.detail-wrap .vodlist_title,
  body.detail-wrap .vodlist_title a {
    color: #fff !important;
  }

  body.detail-wrap .data,
  body.detail-wrap .desc,
  body.detail-wrap .text_muted,
  body.detail-wrap .js-vod-blurb,
  body.detail-wrap .js-vod-content-short,
  body.detail-wrap .js-vod-content-full,
  body.detail-wrap .p_title {
    color: rgba(255,255,255,.58) !important;
  }

  body.detail-wrap .pannel_head {
    background: #181818 !important;
    border-color: rgba(255,255,255,.08) !important;
  }

  body.detail-wrap .tabs .title_nav,
  body.detail-wrap .tabs .title_nav li,
  body.detail-wrap .tabs .title_nav li label,
  body.detail-wrap .tabs .title_nav li span,
  body.detail-wrap .tabs section h2,
  body.detail-wrap .pannel_head h3,
  body.detail-wrap .pannel_head h3 span {
    color: #fff !important;
  }

  body.detail-wrap .tabs .title_nav li {
    background: transparent !important;
  }

  body.detail-wrap #js-vod-guess-list.vodlist_wi.mac-poster--v {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  body:not(.qv-body) #vodSearchPage .search_box > ul.vodlist,
  body:not(.qv-body) #vodSearchFallbackPanel > ul.vodlist {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    justify-content: start !important;
    justify-items: stretch !important;
    gap: 28px 16px !important;
    list-style: none !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body:not(.qv-body) #vodSearchPage .search_box > ul.vodlist::before,
  body:not(.qv-body) #vodSearchPage .search_box > ul.vodlist::after,
  body:not(.qv-body) #vodSearchFallbackPanel > ul.vodlist::before,
  body:not(.qv-body) #vodSearchFallbackPanel > ul.vodlist::after {
    content: none !important;
    display: none !important;
  }

  body:not(.qv-body) #vodSearchPage .searchlist_item,
  body:not(.qv-body) #vodSearchFallbackPanel .searchlist_item {
    display: block !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body:not(.qv-body) #vodSearchPage .searchlist_img,
  body:not(.qv-body) #vodSearchFallbackPanel .searchlist_img {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body:not(.qv-body) #vodSearchPage .searchlist_img .vodlist_thumb,
  body:not(.qv-body) #vodSearchFallbackPanel .searchlist_img .vodlist_thumb {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 2 / 3 !important;
    height: auto !important;
    padding-top: 0 !important;
    position: relative !important;
    border-radius: 8px !important;
    background-color: rgba(255,255,255,.08) !important;
    background-size: cover !important;
    background-position: center !important;
  }

  body:not(.qv-body) #vodSearchPage .searchlist_img .vodlist_thumb img,
  body:not(.qv-body) #vodSearchFallbackPanel .searchlist_img .vodlist_thumb img {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body:not(.qv-body) #vodSearchPage .searchlist_titbox,
  body:not(.qv-body) #vodSearchFallbackPanel .searchlist_titbox {
    display: block !important;
    float: none !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 10px 0 0 !important;
    padding: 0 2px !important;
    background: transparent !important;
  }

  body:not(.qv-body) #vodSearchPage .searchlist_titbox .vodlist_title,
  body:not(.qv-body) #vodSearchFallbackPanel .searchlist_titbox .vodlist_title {
    margin: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
  }

  body:not(.qv-body) #vodSearchPage .searchlist_titbox .info_right,
  body:not(.qv-body) #vodSearchPage .searchlist_titbox .vodlist_sub,
  body:not(.qv-body) #vodSearchPage .searchlist_titbox .seebtn,
  body:not(.qv-body) #vodSearchFallbackPanel .searchlist_titbox .info_right,
  body:not(.qv-body) #vodSearchFallbackPanel .searchlist_titbox .vodlist_sub,
  body:not(.qv-body) #vodSearchFallbackPanel .searchlist_titbox .seebtn {
    display: none !important;
  }

  @media (max-width: 1500px) {
    body:not(.qv-body) .mac-catalog-show .art-show-film-grid,
    body:not(.qv-body) .mac-catalog-show .mac-catalog-show__grid,
    body:not(.qv-body) .mac-catalog-show .vod-show-grid.vodlist_wi,
    body:not(.qv-body) .vodlist.vodlist_wi,
    body:not(.qv-body) .last-vod-grid,
    body:not(.qv-body) .vodlist.vodlist_wi.mac-poster--v,
    body:not(.qv-body) .vodlist.mac-poster--v {
      grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
  }

  @media (max-width: 1280px) {
    .qv-hero-poster {
      right: 7%;
    }

    .qv-mini-wrap {
      width: 560px;
    }

    .qv-mini-list {
      grid-template-columns: repeat(5, 86px);
      gap: 13px;
    }

    .qv-mini-pic {
      height: 129px;
    }

    body:not(.qv-body) .mac-catalog-show .art-show-film-grid,
    body:not(.qv-body) .mac-catalog-show .mac-catalog-show__grid,
    body:not(.qv-body) .mac-catalog-show .vod-show-grid.vodlist_wi,
    body:not(.qv-body) .vodlist.vodlist_wi,
    body:not(.qv-body) .last-vod-grid,
    body:not(.qv-body) .vodlist.vodlist_wi.mac-poster--v,
    body:not(.qv-body) .vodlist.mac-poster--v,
    body.detail-wrap #js-vod-guess-list.vodlist_wi.mac-poster--v {
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    body:not(.qv-body) #vodSearchPage .search_box > ul.vodlist,
    body:not(.qv-body) #vodSearchFallbackPanel > ul.vodlist {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }

  #mac_site_card_layer,
  .mac-site-card-layer,
  .mac-site-card-mask,
  .mac-site-card-modal,
  .mac-site-card,
  .mac-site-card-backdrop {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}