/* MoneySB PC template: streaming portal layout, without third-party marks/assets. */
@media (min-width: 769px) {
  :root {
    --tv-green: #00e060;
    --qv-nav-active: #00e060;
    --tv-green-2: #00c853;
    --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);
    --qv-rail-width: 288px;
    --qv-content-left: 320px;
    --qv-content-right: 39px;
    --qv-top-height: 84px;
  }

  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: 1300;
    width: var(--qv-rail-width);
    height: 100vh;
    padding: 31px 0 36px 36px;
    box-sizing: border-box;
    background:
      radial-gradient(circle at 112% 43%, rgba(72,102,104,.5), rgba(25,42,43,.22) 36%, rgba(0,0,0,0) 68%),
      linear-gradient(90deg, rgba(8,10,11,.98) 0%, rgba(13,16,17,.96) 46%, rgba(18,26,27,.7) 77%, rgba(8,10,11,0) 100%);
    box-shadow: inset -1px 0 0 rgba(255,255,255,.02);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
  }

  .qv-rail::-webkit-scrollbar {
    display: none;
  }

  .qv-logo {
    display: flex;
    align-items: center;
    gap: 0;
    height: 40px;
    margin: 0 0 26px 0;
    color: var(--qv-nav-active) !important;
    font-family: "Arial Black", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .2px;
    text-shadow: 0 0 18px rgba(0,224,96,.16);
    white-space: nowrap;
  }

  .qv-logo-mark {
    display: none;
  }

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

  .qv-rail-nav a {
    position: relative;
    width: 216px;
    height: 66px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    column-gap: 18px;
    align-items: center;
    padding: 0;
    box-sizing: border-box;
    color: rgba(219,225,228,.78);
    font-family: "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    white-space: nowrap;
    z-index: 0;
    transition: color .16s ease, transform .16s ease, text-shadow .16s ease;
  }

  .qv-rail-nav a:hover {
    color: rgba(255,255,255,.98) !important;
    transform: none;
  }

  .qv-rail-nav a:hover .qv-nav-icon {
    color: var(--qv-nav-active);
  }

  .qv-nav-icon {
    position: relative;
    z-index: 1;
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    color: currentColor;
    transition: color .16s ease, filter .16s ease;
  }

  .qv-nav-icon svg {
    width: 28px;
    height: 28px;
    display: block;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .qv-nav-icon .qv-icon-fill {
    fill: currentColor;
    stroke: currentColor;
  }

  .qv-nav-label {
    position: relative;
    z-index: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 1px;
  }

  .qv-rail-nav a.active {
    color: #fff !important;
    transform: none;
    font-weight: 700;
    text-shadow: 0 0 12px rgba(255,255,255,.1);
  }

  .qv-rail-nav a.active::before {
    content: "";
    position: absolute;
    left: -24px;
    top: 18px;
    width: 6px;
    height: 30px;
    border-radius: 999px;
    background: var(--qv-nav-active);
    box-shadow: 0 0 18px rgba(0,224,96,.82);
  }

  .qv-rail-nav a.active::after {
    content: "";
    position: absolute;
    left: -36px;
    top: 3px;
    z-index: -1;
    width: 100px;
    height: 60px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(0,224,96,.18) 0%, rgba(0,224,96,.09) 36%, rgba(0,224,96,0) 72%);
  }

  .qv-rail-nav a.active .qv-nav-icon {
    color: var(--qv-nav-active);
    filter: drop-shadow(0 0 10px rgba(0,224,96,.42));
  }

  .qv-global-topbar {
    position: fixed;
    top: 0;
    left: var(--qv-rail-width);
    right: 0;
    z-index: 1180;
    height: var(--qv-top-height);
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 22px;
    padding: 24px var(--qv-content-right) 0 36px;
    box-sizing: border-box;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(17,17,17,.78) 0%, rgba(17,17,17,.28) 58%, rgba(17,17,17,0) 100%);
  }

  .qv-global-search {
    width: 460px;
    height: 42px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 86px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 23px;
    background: rgba(255,255,255,.14);
    backdrop-filter: blur(18px);
    pointer-events: auto;
  }

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

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

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

  .qv-global-actions {
    height: 42px;
    display: flex;
    align-items: center;
    gap: 18px;
    pointer-events: auto;
  }

  .qv-global-actions a {
    color: rgba(255,255,255,.66);
    font-size: 14px;
    font-weight: 700;
  }

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

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

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

  .qv-hero-slide {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: none;
    opacity: 1;
    pointer-events: none;
  }

  .qv-hero-slide.is-active {
    display: block;
    pointer-events: auto;
  }

  .qv-real-hero.qv-hero-bg,
  .qv-hero-slide .qv-hero-bg {
    filter: blur(18px) saturate(1.08);
    opacity: .38;
    transform: scale(1.1);
    background-position: center;
  }

  .qv-hero-poster {
    display: block;
    position: absolute;
    z-index: 6;
    top: 0;
    right: 0;
    width: 58vw;
    height: 100%;
    max-height: none;
    min-height: 0;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
    opacity: .72;
    box-shadow: none;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.48) 25%, #000 68%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.48) 25%, #000 68%);
  }

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

  .qv-hero-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.72) 30%, rgba(0,0,0,.18) 60%, rgba(0,0,0,.18) 100%),
      linear-gradient(0deg, #111 0%, rgba(17,17,17,.92) 13%, rgba(17,17,17,.24) 48%, rgba(17,17,17,.12) 100%);
  }

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

  .qv-recommend-hero,
  .qv-fallback-hero,
  .qv-demo-hero {
    display: none !important;
  }

  .qv-use-recommend-hero .qv-recommend-hero,
  .qv-use-fallback-hero .qv-fallback-hero {
    display: block !important;
  }

  .qv-use-recommend-hero .qv-primary-hero,
  .qv-use-fallback-hero .qv-primary-hero {
    display: none !important;
  }

  .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: var(--qv-content-left);
    top: auto;
    bottom: 166px;
    transform: none;
    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: 500px;
    color: #fff;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: 34px;
    line-height: 1.14;
    font-weight: 800;
    letter-spacing: 0;
  }

  .qv-hero-info p {
    margin: 0 0 22px;
    max-width: 520px;
    color: rgba(255,255,255,.92);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 600;
    text-shadow: 0 2px 12px rgba(0,0,0,.42);
  }

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

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

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

  .qv-hero-switch {
    position: absolute;
    left: calc(var(--qv-content-left) + (100vw - var(--qv-content-left) - var(--qv-content-right)) / 2);
    right: auto;
    bottom: 26px;
    z-index: 24;
    width: min(740px, calc(100vw - var(--qv-content-left) - var(--qv-content-right) - 40px));
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 18px;
    min-width: 0;
    overflow: hidden;
    transform: translateX(-50%);
  }

  .qv-hero-thumbs {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }

  .qv-hero-thumb {
    width: 138px;
    min-width: 138px;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    color: rgba(255,255,255,.6);
    cursor: pointer;
  }

  .qv-hero-thumb-pic {
    display: block;
    width: 138px;
    height: 78px;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(255,255,255,.08);
    opacity: .78;
    transform: translateZ(0);
    transition: opacity .18s ease, transform .18s ease;
  }

  .qv-hero-thumb-pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .qv-hero-thumb-title {
    display: block;
    margin-top: 13px;
    max-width: 160px;
    overflow: hidden;
    color: rgba(255,255,255,.58);
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .qv-hero-thumb.is-active .qv-hero-thumb-pic,
  .qv-hero-thumb:hover .qv-hero-thumb-pic {
    opacity: 1;
    transform: translateY(-1px);
  }

  .qv-hero-thumb.is-active .qv-hero-thumb-title,
  .qv-hero-thumb:hover .qv-hero-thumb-title {
    color: #fff;
    font-weight: 700;
  }

  .qv-hero-arrow {
    position: relative;
    flex: 0 0 36px;
    width: 36px;
    height: 78px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    opacity: .92;
  }

  .qv-hero-arrow span {
    position: absolute;
    left: 9px;
    top: 26px;
    width: 24px;
    height: 24px;
    border-left: 4px solid rgba(255,255,255,.96);
    border-bottom: 4px solid rgba(255,255,255,.96);
    transform: rotate(45deg);
  }

  .qv-hero-next span {
    left: 1px;
    transform: rotate(-135deg);
  }

  .qv-hero-next {
    display: none;
  }

  .qv-hero-arrow:hover {
    opacity: 1;
  }

  .qv-hero-bottom {
    display: none;
  }

  .qv-hot-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 46px;
    display: none;
    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: 0;
    width: 790px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 104px;
    align-items: end;
    gap: 24px;
  }

  .qv-mini-list {
    display: grid;
    grid-template-columns: repeat(6, 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: 10px var(--qv-content-right) 56px var(--qv-content-left);
    background: #111;
  }

  .qv-main-shelf {
    padding-top: 26px;
    padding-bottom: 68px;
  }

  .qv-channel-shelf {
    padding-top: 22px;
  }

  .qv-main-shelf::before,
  .qv-channel-shelf::before {
    content: "";
    position: absolute;
    left: var(--qv-content-left);
    right: var(--qv-content-right);
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(255,255,255,.12), transparent 76%);
  }

  .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-main-shelf .qv-content-row {
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 34px;
  }

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

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

  body.qv-qqlike .qv-channel-shelf > .qv-poster-grid,
  body.qv-qqlike .qv-dark-section > .qv-poster-grid-wide {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .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 {
    display: none !important;
  }

  .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-main-shelf .qv-rank-panel {
    padding: 20px 18px 18px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 8px;
    background: rgba(255,255,255,.035);
  }

  .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: var(--qv-content-left);
    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) .extra_fab_tools,
  body:not(.qv-body) .extra-fab-tools,
  body:not(.qv-body) .extra,
  body:not(.qv-body) .extra-fab,
  body:not(.qv-body) .extra-fab-main,
  body:not(.qv-body) .extra-toggle,
  body:not(.qv-body) .fixed_right,
  body:not(.qv-body) .float_right,
  body:not(.qv-body) .backtop,
  body:not(.qv-body) #bottomNav,
  body:not(.qv-body) #bottomNavConfig {
    display: none !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(219,225,228,.78) !important;
  }

  body:not(.qv-body) .qv-global-rail .qv-rail-nav a.active {
    color: #fff !important;
  }

  body:not(.qv-body) .qv-global-rail .qv-rail-nav a.active .qv-nav-icon {
    color: var(--qv-nav-active) !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: var(--qv-rail-width) !important;
  }

  body:not(.qv-body) .head_box .header,
  body:not(.qv-body) .site-head-wrap .header {
    width: min(1500px, calc(100vw - var(--qv-content-left) - var(--qv-content-right))) !important;
    max-width: none !important;
    margin-left: 22px !important;
    margin-right: var(--qv-content-right) !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 .site-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 - var(--qv-content-left) - var(--qv-content-right))) !important;
    max-width: 1500px !important;
    margin-left: var(--qv-content-left) !important;
    margin-right: var(--qv-content-right) !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) .site-catalog-show__panel {
    border-radius: 8px !important;
    background: #181818 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }

  body:not(.qv-body) .pannel_head,
  body:not(.qv-body) .search_box .pannel_head,
  body:not(.qv-body) .hot_banner .pannel_head {
    background: #181818 !important;
    border-color: rgba(255,255,255,.08) !important;
    color: #fff !important;
  }

  body:not(.qv-body) .pannel_head .title,
  body:not(.qv-body) .pannel_head h1,
  body:not(.qv-body) .pannel_head h2,
  body:not(.qv-body) .pannel_head h3,
  body:not(.qv-body) .pannel_head span,
  body:not(.qv-body) .search_box .title,
  body:not(.qv-body) .search_box h1,
  body:not(.qv-body) .search_box h2,
  body:not(.qv-body) .search_box h3 {
    color: #fff !important;
  }

  body:not(.qv-body) .pannel_head .text_muted,
  body:not(.qv-body) .search_box .text_muted,
  body:not(.qv-body) .hot_banner .text_muted {
    color: rgba(255,255,255,.5) !important;
  }

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

  body:not(.qv-body) a.vod_info.vod_info_wrap,
  body:not(.qv-body) .vod_info_wrap.show-pc,
  body:not(.qv-body) .vodlist_item > .vod_info_wrap,
  body:not(.qv-body) .vod-show-item .vod_info_wrap,
  body:not(.qv-body) .site-catalog-show__item .vod_info_wrap,
  body:not(.qv-body) .last-vod-grid .vod_info_wrap {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !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.site-poster--h .vodlist_thumb,
  body:not(.qv-body) .vod-show-grid.site-poster--h .vodlist_thumb,
  body:not(.qv-body) .site-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;
  }

  body:not(.qv-body) .foot {
    min-height: 0 !important;
    margin: 64px 0 0 var(--qv-content-left) !important;
    padding: 34px var(--qv-content-right) 38px 0 !important;
    background: #111 !important;
    background-image: none !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.42) !important;
  }

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

  body:not(.qv-body) .foot-logo-region,
  body:not(.qv-body) .foot img,
  body:not(.qv-body) .fo_t {
    display: none !important;
  }

  /* Vertical poster homepage tuning. */
  .qv-hero-poster {
    right: 0;
    top: 0;
    height: 100%;
    max-height: none;
  }

  .qv-hero-info {
    left: var(--qv-content-left);
    top: auto;
    bottom: 166px;
  }

  .qv-hero-bottom {
    left: var(--qv-content-left);
    right: var(--qv-content-right);
    bottom: 32px;
    height: 176px;
  }

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

  /* 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) .site-catalog-show #show_page {
    background: #111 !important;
    background-image: none !important;
  }

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

  body:not(.qv-body) .site-catalog-filter-head__sort.site-catalog-show__filter-sort,
  body:not(.qv-body) .site-catalog-show__filter-drawer .pannel.vod_all,
  body:not(.qv-body) .vod_all,
  body:not(.qv-body) .site-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) .site-catalog-filter-head__sort.site-catalog-show__filter-sort {
    border-radius: 8px 8px 0 0 !important;
  }

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

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

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

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

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

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

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

  body:not(.qv-body) .site-catalog-show .art-show-film_thumb,
  body:not(.qv-body) .site-catalog-show .site-catalog-show__thumb,
  body:not(.qv-body) .site-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) .site-catalog-show .art-show-film_title a,
  body:not(.qv-body) .site-catalog-show .site-catalog-show__title a,
  body:not(.qv-body) .site-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) .site-catalog-show .art-show-film_sub,
  body:not(.qv-body) .site-catalog-show .site-catalog-show__sub,
  body:not(.qv-body) .site-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.site-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) .site-catalog-show .art-show-film-grid,
    body:not(.qv-body) .site-catalog-show .site-catalog-show__grid,
    body:not(.qv-body) .site-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.site-poster--v,
    body:not(.qv-body) .vodlist.site-poster--v {
      grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
  }

  @media (max-width: 1280px) {
    .qv-hero-poster {
      width: 52vw;
    }

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

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

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

    body:not(.qv-body) .site-catalog-show .art-show-film-grid,
    body:not(.qv-body) .site-catalog-show .site-catalog-show__grid,
    body:not(.qv-body) .site-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.site-poster--v,
    body:not(.qv-body) .vodlist.site-poster--v,
    body.detail-wrap #js-vod-guess-list.vodlist_wi.site-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;
    }
  }

  /* Deep PC refit for pages still leaking the default AppleCMS skin. */
  body:not(.qv-body) .vodlist_sub,
  body:not(.qv-body) .vod-show_sub,
  body:not(.qv-body) .site-catalog-show__sub,
  body:not(.qv-body) .art-show-film_sub,
  body:not(.qv-body) .vodlist_titbox .vod_d,
  body:not(.qv-body) .searchlist_titbox .vodlist_sub,
  body:not(.qv-body) .searchlist_titbox .hidden_xs {
    display: none !important;
  }

  body:not(.qv-body) .vodlist_titbox,
  body:not(.qv-body) .vod-show_titbox,
  body:not(.qv-body) .site-catalog-show__titbox,
  body:not(.qv-body) .art-show-film_titbox {
    min-height: 0 !important;
    margin-top: 10px !important;
    padding: 0 2px !important;
    background: transparent !important;
  }

  body:not(.qv-body) .site-catalog-show__filter-shell,
  body:not(.qv-body) .site-catalog-show__filter-sticky,
  body:not(.qv-body) .site-catalog-filter-head__drawer,
  body:not(.qv-body) .site-catalog-show__filter-sort,
  body:not(.qv-body) .site-catalog-show__filter-drawer .pannel.vod_all,
  body:not(.qv-body) .vod_all,
  body:not(.qv-body) .site-catalog-show__panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body:not(.qv-body) .site-catalog-filter-head__sort.site-catalog-show__filter-sort,
  body:not(.qv-body) .site-catalog-show__filter-drawer .pannel.vod_all {
    background: rgba(255,255,255,.035) !important;
    border-radius: 8px !important;
  }

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

  body:not(.qv-body) .site-catalog-show__panel {
    padding-top: 34px !important;
  }

  body:not(.qv-body) .search_box,
  body:not(.qv-body) .search-list-box,
  body:not(.qv-body) .search-page,
  body:not(.qv-body) .search-hot,
  body:not(.qv-body) .search_hot,
  body:not(.qv-body) .hot_banner,
  body:not(.qv-body) .rank_hom,
  body:not(.qv-body) .ranklist_r,
  body:not(.qv-body) .rank_info,
  body:not(.qv-body) .list_info {
    background: transparent !important;
    border-color: rgba(255,255,255,.055) !important;
    box-shadow: none !important;
  }

  body:not(.qv-body) #vodSearchPage,
  body:not(.qv-body) #vodSearchFallbackPanel,
  body:not(.qv-body) .search_box .hot_banner,
  body:not(.qv-body) .right_row .hot_banner {
    background: rgba(255,255,255,.028) !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    border-radius: 8px !important;
  }

  body:not(.qv-body) .right_row .hot_banner .pannel_head,
  body:not(.qv-body) .search_box .pannel_head {
    background: transparent !important;
    border-color: rgba(255,255,255,.08) !important;
  }

  body:not(.qv-body) .right_row .part_eone,
  body:not(.qv-body) .right_row .ranklist_item,
  body:not(.qv-body) .rank_hom .part_eone {
    border-color: rgba(255,255,255,.055) !important;
  }

  body.detail-wrap .hot_banner .detail_list_box {
    width: auto !important;
    max-width: none !important;
    margin-left: var(--qv-content-left) !important;
    margin-right: var(--qv-content-right) !important;
    padding-top: 116px !important;
    padding-bottom: 48px !important;
  }

  body.detail-wrap .hot_banner,
  body.detail-wrap .detail_list_box,
  body.detail-wrap .detail_list,
  body.detail-wrap .vod-detail-hero-box,
  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 .tabs,
  body.detail-wrap .tabs .content,
  body.detail-wrap .tabs section,
  body.detail-wrap .content_desc,
  body.detail-wrap .full_text,
  body.detail-wrap .pannel,
  body.detail-wrap .pannel_head,
  body.detail-wrap .play_list_box,
  body.detail-wrap .playlist_notfull,
  body.detail-wrap .content_playlist {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.detail-wrap .hot_banner .detail_list .vod-detail-hero-box {
    padding-right: 0 !important;
    gap: 24px !important;
  }

  body.detail-wrap .content_progress,
  body.detail-wrap .vod-detail-hero__progress,
  body.detail-wrap .js-vod-rating-pc,
  body.detail-wrap #rating,
  body.detail-wrap .rating-list,
  body.detail-wrap .rating_left,
  body.detail-wrap .rating_right,
  body.detail-wrap .progress_item {
    display: none !important;
  }

  body.detail-wrap .content_min {
    display: block !important;
    margin-top: 16px !important;
    padding: 0 !important;
  }

  body.detail-wrap .content_detail .data,
  body.detail-wrap .content_detail .desc {
    border: 0 !important;
    line-height: 1.72 !important;
    margin: 0 0 2px !important;
    color: rgba(255,255,255,.64) !important;
  }

  body.detail-wrap .content_detail .js-vod-blurb,
  body.detail-wrap .content_detail .js-vod-content-short,
  body.detail-wrap .content_detail .js-vod-content-full {
    color: rgba(255,255,255,.64) !important;
  }

  body.detail-wrap .content_min.content_btn {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 24px !important;
  }

  body.detail-wrap .content_min.content_btn .playbtn a,
  body.detail-wrap .content_min.content_btn .btn,
  body.detail-wrap .content_min.content_btn .btn_share {
    min-width: 120px !important;
    height: 40px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color: #fff !important;
  }

  body.detail-wrap .content_min.content_btn .qv-detail-primary-play ~ .o_play {
    display: none !important;
  }

  body.detail-wrap .content_min.content_btn .qv-detail-primary-play a.btn_primary {
    background: #00e2c3 !important;
    border-color: #00e2c3 !important;
    color: #061716 !important;
    font-weight: 800 !important;
  }

  body.detail-wrap .content_min.content_btn .playbtn a:hover,
  body.detail-wrap .content_min.content_btn .btn:hover,
  body.detail-wrap .content_min.content_btn .btn_share:hover {
    background: #00e2c3 !important;
    border-color: #00e2c3 !important;
    color: #071715 !important;
  }

  body.detail-wrap .left_row > .pannel,
  body.detail-wrap .container > .pannel,
  body.detail-wrap .tabs {
    margin-top: 34px !important;
    padding: 0 !important;
  }

  body.detail-wrap .tabs .title_nav,
  body.detail-wrap .pannel_head {
    min-height: 0 !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
  }

  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 .pannel_head h3,
  body.detail-wrap .pannel_head .title,
  body.detail-wrap .tabs section h2 {
    font-size: 20px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    color: #fff !important;
  }

  body.detail-wrap .tabs section h2 {
    margin: 0 0 12px !important;
  }

  body.detail-wrap .content_desc,
  body.detail-wrap .full_text {
    padding: 0 !important;
    line-height: 1.8 !important;
    color: rgba(255,255,255,.64) !important;
  }

  body.detail-wrap .play_list_box .playlist_notfull .content_playlist {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 !important;
  }

  body.detail-wrap .play_list_box .playlist_notfull .content_playlist li {
    width: auto !important;
    margin: 0 !important;
  }

  body.detail-wrap .play_list_box .playlist_notfull .content_playlist li > a {
    min-height: 42px !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.05) !important;
    color: rgba(255,255,255,.86) !important;
  }

  body.detail-wrap .play_list_box .playlist_notfull .content_playlist li.active > a,
  body.detail-wrap .play_list_box .playlist_notfull .content_playlist li > a:hover {
    background: rgba(0,226,195,.18) !important;
    color: #00e2c3 !important;
  }

  body#rankpage {
    background: #111 !important;
    background-image: none !important;
    color: #fff !important;
  }

  body#rankpage .member-wrap > .container.home-unified,
  body#rankpage .member-wrap > .container {
    width: auto !important;
    max-width: none !important;
    margin-left: var(--qv-content-left) !important;
    margin-right: var(--qv-content-right) !important;
    padding-top: 98px !important;
  }

  body#rankpage .pannel.rankpage,
  body#rankpage .rankpage,
  body#rankpage .tabs,
  body#rankpage .tabs .content,
  body#rankpage .tabs section,
  body#rankpage .box.rank_waterfall,
  body#rankpage .latest-item,
  body#rankpage .img-list,
  body#rankpage .rank_info,
  body#rankpage .list_info,
  body#rankpage .pannel_head,
  body#rankpage .part_rows,
  body#rankpage .ranklist_item,
  body#rankpage .part_eone {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
  }

  body#rankpage .rankpage .tabs ul.title_nav {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 36px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    gap: 34px !important;
  }

  body#rankpage .rankpage .tabs ul.title_nav > li.tab_rank {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  body#rankpage .rankpage .tabs ul.title_nav > li.tab_rank label {
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.48) !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body#rankpage .rankpage .tabs #tab1:checked ~ ul.title_nav > li:first-child label,
  body#rankpage .rankpage .tabs #tab2:checked ~ ul.title_nav > li:nth-child(2) label,
  body#rankpage .rankpage .tabs #tab3:checked ~ ul.title_nav > li:nth-child(3) label {
    color: #00e2c3 !important;
  }

  body#rankpage .rankpage .tabs #tab1:checked ~ ul.title_nav > li:first-child label > span:before,
  body#rankpage .rankpage .tabs #tab1:checked ~ ul.title_nav > li:first-child label > span:after,
  body#rankpage .rankpage .tabs #tab2:checked ~ ul.title_nav > li:nth-child(2) label > span:before,
  body#rankpage .rankpage .tabs #tab2:checked ~ ul.title_nav > li:nth-child(2) label > span:after,
  body#rankpage .rankpage .tabs #tab3:checked ~ ul.title_nav > li:nth-child(3) label > span:before,
  body#rankpage .rankpage .tabs #tab3:checked ~ ul.title_nav > li:nth-child(3) label > span:after {
    display: none !important;
  }

  body#rankpage .rank_waterfall .latest-item .img-list.dis.show-pc {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
  }

  body#rankpage .rank_waterfall .latest-item .img-list > .rank_info > .list_info {
    min-height: 430px !important;
    padding: 0 18px 18px !important;
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  body#rankpage .rank_waterfall .list_info > .pannel_head {
    min-height: 54px !important;
    margin: 0 -18px 14px !important;
    padding: 0 18px !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
  }

  body#rankpage .rank_waterfall .list_info .pannel_head h3.title {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  body#rankpage .ranklist_item > a {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    color: #fff !important;
  }

  body#rankpage .ranklist_img,
  body#rankpage .ranklist_thumb {
    width: 78px !important;
    height: auto !important;
  }

  body#rankpage .ranklist_thumb {
    aspect-ratio: 2 / 3 !important;
    padding-top: 150% !important;
    border-radius: 8px !important;
    background-size: cover !important;
    background-position: center !important;
  }

  body#rankpage .ranklist_txt {
    min-width: 0 !important;
    padding-top: 3px !important;
  }

  body#rankpage .ranklist_txt .pannel_head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 0 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body#rankpage .ranklist_txt .title,
  body#rankpage .part_eone a {
    color: rgba(255,255,255,.88) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  body#rankpage .ranklist_txt .vodlist_sub,
  body#rankpage .ranklist_txt p {
    color: rgba(255,255,255,.42) !important;
  }

  body#rankpage .part_eone {
    padding: 12px 0 !important;
    border-top: 1px solid rgba(255,255,255,.055) !important;
  }

  body#rankpage .part_eone a {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body#rankpage .part_nums {
    display: inline-flex !important;
    width: 20px !important;
    height: 20px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.16) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  body#rankpage .part_num1,
  body#rankpage .part_num2,
  body#rankpage .part_num3 {
    background: #00e2c3 !important;
    color: #061716 !important;
  }

  body#rankpage .renqi,
  body#rankpage .text_muted.pull_right {
    color: #00e2c3 !important;
  }

  body#rankpage .no-data,
  body#rankpage .home-rank-empty {
    min-height: 280px !important;
    color: rgba(255,255,255,.42) !important;
  }

  body#rankpage .nodata-img {
    display: none !important;
  }

  body#rankpage #title,
  body#rankpage #link,
  body#rankpage #js-home-link-list,
  body#rankpage .friendlink,
  body#rankpage .link_text,
  body#rankpage .link_list {
    display: none !important;
  }

  body#rankpage .home-unified .home-detail,
  body#rankpage .home-detail {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body#rankpage .rankpage .tabs > .content,
  body#rankpage .rankpage .tabs > .content > section,
  body#rankpage .rank_waterfall,
  body#rankpage .rank_waterfall .latest-item {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.detail-wrap .hot_banner {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.detail-wrap .hot_banner .content_detail,
  body.detail-wrap .hot_banner .content_top,
  body.detail-wrap .hot_banner .vod-detail-hero__top,
  body.detail-wrap .hot_banner .pannel_head,
  body.detail-wrap .hot_banner .detail-mobile-head {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.detail-wrap .hot_banner .detail_list_box {
    padding-bottom: 12px !important;
  }

  body.detail-wrap .hot_banner + .member-wrap {
    background: transparent !important;
    margin-top: -70px !important;
  }

  body.detail-wrap .hot_banner + .member-wrap > .container {
    background: transparent !important;
    padding-top: 0 !important;
  }

  body.detail-wrap .qv-detail-backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
    opacity: .32;
    filter: blur(28px) saturate(1.18);
    transform: scale(1.12);
    pointer-events: none;
  }

  body.detail-wrap .hot_banner {
    position: relative !important;
    overflow: hidden !important;
    background: #111 !important;
  }

  body.detail-wrap .hot_banner::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
      linear-gradient(90deg, rgba(17,17,17,.98) 0%, rgba(17,17,17,.84) 34%, rgba(17,17,17,.52) 68%, #111 100%),
      linear-gradient(0deg, #111 0%, rgba(17,17,17,.92) 12%, rgba(17,17,17,.25) 54%, rgba(17,17,17,.88) 100%);
    pointer-events: none;
  }

  body.detail-wrap .hot_banner .detail_list_box {
    position: relative !important;
    z-index: 1 !important;
    padding-top: 118px !important;
    padding-bottom: 118px !important;
  }

  body.detail-wrap .hot_banner .detail_list .vod-detail-hero-box {
    align-items: center !important;
    gap: 30px !important;
  }

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

  body.detail-wrap .hot_banner .content_top .detail-mobile-head .title,
  body.detail-wrap .hot_banner .vod-detail-hero__top .pannel_head .title,
  body.detail-wrap .content_top .title,
  body.detail-wrap .js-vod-name {
    font-size: 38px !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.detail-wrap .vod-detail-hero__main-col {
    max-width: 980px !important;
  }

  body.detail-wrap .content_detail .data,
  body.detail-wrap .content_detail .desc {
    max-width: 980px !important;
    font-size: 14px !important;
    line-height: 1.76 !important;
  }

  body.detail-wrap .left_row > .pannel:first-child {
    display: none !important;
  }

  body.detail-wrap #bofy {
    margin-top: 0 !important;
  }

  body.detail-wrap .left_row {
    margin-top: 0 !important;
  }

  body.detail-wrap .tabs .content_desc.context,
  body.detail-wrap .content_desc.context {
    min-height: 0 !important;
  }

  body:not(.qv-body) #vodSearchPage,
  body:not(.qv-body) #vodSearchFallbackPanel {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all {
    padding: 16px 24px !important;
    background: rgba(255,255,255,.032) !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    border-radius: 8px !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .site-catalog-filter-h-scroll {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 4px 0 !important;
    border: 0 !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .site-catalog-filter-h-scroll__label {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .site-catalog-filter-h-scroll__track,
  body:not(.qv-body) .site-catalog-show .vod_all .wrapper_fl {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .screen_list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 14px !important;
    align-items: center !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .screen_list li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .site-cat-filter-item,
  body:not(.qv-body) .site-catalog-show .vod_all .screen_list li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: rgba(255,255,255,.62) !important;
    font-size: 14px !important;
    line-height: 30px !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .screen_list li.hl button.site-cat-filter-item,
  body:not(.qv-body) .site-catalog-show .vod_all .screen_list li.hl > a {
    background: rgba(0,226,195,.14) !important;
    color: #00e2c3 !important;
  }

  body:not(.qv-body) #vodSearchPage .right_row .pannel {
    padding: 18px 0 10px !important;
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 8px !important;
  }

  body:not(.qv-body) #vodSearchPage .right_row .pannel_head {
    margin: 0 !important;
    padding: 0 18px 14px !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
  }

  body:not(.qv-body) #vodSearchPage .right_row .pannel_head .title {
    font-size: 18px !important;
    font-weight: 800 !important;
  }

  body:not(.qv-body) #vodSearchPage .right_row .ranklist_r {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 10px 18px 0 !important;
  }

  body:not(.qv-body) #vodSearchPage .right_row .part_eone {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body:not(.qv-body) #vodSearchPage .right_row .part_eone a {
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 40px !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.qv-body) #vodSearchPage .right_row .info_right {
    display: none !important;
  }

  body:not(.qv-body) #vodSearchPage .right_row .part_nums {
    width: 20px !important;
    height: 20px !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,.18) !important;
    color: rgba(255,255,255,.84) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body:not(.qv-body) #vodSearchPage .right_row .part_num1,
  body:not(.qv-body) #vodSearchPage .right_row .part_num2,
  body:not(.qv-body) #vodSearchPage .right_row .part_num3 {
    background: #00e2c3 !important;
    color: #061716 !important;
  }

  body:not(.qv-body) .last-vod-page,
  body:not(.qv-body) .last-vod-pannel,
  body:not(.qv-body) .last-vod-head,
  body:not(.qv-body) .vod_row.tit_up,
  body:not(.qv-body) .page,
  body:not(.qv-body) .page_tips {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body:not(.qv-body) .last-vod-page {
    width: auto !important;
    max-width: none !important;
    margin-left: var(--qv-content-left) !important;
    margin-right: var(--qv-content-right) !important;
    padding-top: 104px !important;
  }

  body:not(.qv-body) .last-vod-head {
    margin-bottom: 26px !important;
    padding: 0 !important;
  }

  body:not(.qv-body) .page {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 42px 0 0 !important;
  }

  body:not(.qv-body) .page li a,
  body:not(.qv-body) .page li span {
    display: inline-flex !important;
    min-width: 34px !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.68) !important;
    border: 0 !important;
  }

  body:not(.qv-body) .page li.active a,
  body:not(.qv-body) .page li a:hover {
    background: #00e2c3 !important;
    color: #061716 !important;
  }

  body:not(.qv-body) #play_page,
  body:not(.qv-body) #play_page .play_boxbg,
  body:not(.qv-body) #play_page .container,
  body:not(.qv-body) #play_page .play_box,
  body:not(.qv-body) #play_page .left_row,
  body:not(.qv-body) #play_page .right_row,
  body:not(.qv-body) #play_page .pannel,
  body:not(.qv-body) #play_page .play_pan,
  body:not(.qv-body) #play_page .player,
  body:not(.qv-body) #play_page .player_detail,
  body:not(.qv-body) #play_page .play_text,
  body:not(.qv-body) #play_page .play_content {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
  }

  body:not(.qv-body) #play_page {
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 24px var(--qv-content-right) 72px var(--qv-content-left) !important;
    background: #111 !important;
    overflow-x: hidden !important;
  }

  body:not(.qv-body) #play_page > .play_boxbg,
  body:not(.qv-body) #play_page > .container,
  body:not(.qv-body) #play_page > .play_boxbg > .container {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) #play_page .play_box.play_video {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 390px !important;
    gap: 18px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) #play_page .play_box.play_video > .left_row,
  body:not(.qv-body) #play_page .play_box.play_video > .right_row {
    float: none !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) #play_page .player_video {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #000 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body:not(.qv-body) #play_page .player_video iframe,
  body:not(.qv-body) #play_page .player_video video,
  body:not(.qv-body) #play_page .player_video embed,
  body:not(.qv-body) #play_page .player_video object,
  body:not(.qv-body) #play_page .player_video .sitePlayer,
  body:not(.qv-body) #play_page .player_video #PortalPlayer {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #000 !important;
  }

  body:not(.qv-body) #play_page #fd_tips,
  body:not(.qv-body) #play_page .fodong_box,
  body:not(.qv-body) #play_page .ads,
  body:not(.qv-body) #play_page .ads_all,
  body:not(.qv-body) #play_page .play_ad {
    display: none !important;
  }

  body:not(.qv-body) #play_page .play_but,
  body:not(.qv-body) #play_page .play-but-bar,
  body:not(.qv-body) #play_page .play-but-wrap,
  body:not(.qv-body) #play_page .play_but .wrapper_fl,
  body:not(.qv-body) #play_page .play_but .scroller {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body:not(.qv-body) #play_page .play-but-strip {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 18px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 0 0 !important;
  }

  body:not(.qv-body) #play_page .play-but-item {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,.48) !important;
    background: transparent !important;
    border: 0 !important;
  }

  body:not(.qv-body) #play_page .play-but-item a,
  body:not(.qv-body) #play_page .play_collec,
  body:not(.qv-body) #play_page .play_share a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    height: 28px !important;
    padding: 0 !important;
    color: rgba(255,255,255,.48) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    line-height: 28px !important;
  }

  body:not(.qv-body) #play_page .play-but-item a:hover,
  body:not(.qv-body) #play_page .play_collec:hover,
  body:not(.qv-body) #play_page .play_share a:hover {
    color: #00e2c3 !important;
  }

  body:not(.qv-body) #play_page .btns_disad,
  body:not(.qv-body) #play_page .btns_disad span {
    color: rgba(255,255,255,.22) !important;
    cursor: default !important;
  }

  body:not(.qv-body) #play_page .play-but-social,
  body:not(.qv-body) #play_page .site-play-dm-toolbar,
  body:not(.qv-body) #play_page .site-play-dm-toolbar__track {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body:not(.qv-body) #play_page .play_box_right {
    height: 100% !important;
    max-height: calc((100vw - var(--qv-content-left) - var(--qv-content-right) - 408px) * .5625 + 40px) !important;
    margin: 0 !important;
    padding: 18px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.18) transparent;
  }

  body:not(.qv-body) #play_page .play_namebox {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 16px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }

  body:not(.qv-body) #play_page .play_namebox .title {
    min-width: 0 !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.qv-body) #play_page .fenlei {
    flex: 0 0 auto !important;
    padding: 2px 8px !important;
    color: #00e2c3 !important;
    background: rgba(0,226,195,.08) !important;
    border: 1px solid rgba(0,226,195,.45) !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  body:not(.qv-body) #play_page .play_infobox {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body:not(.qv-body) #play_page .play_vlist {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    min-height: 0 !important;
    margin: 16px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  body:not(.qv-body) #play_page .play_vlist_thumb {
    width: 72px !important;
    height: 108px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 4px !important;
    background-color: rgba(255,255,255,.08) !important;
    background-position: center !important;
    background-size: cover !important;
  }

  body:not(.qv-body) #play_page .play_vlist_text {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) #play_page .play_vlist_title {
    margin: 0 0 6px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.qv-body) #play_page .play_vlist_now,
  body:not(.qv-body) #play_page .play_vlist_now a {
    margin: 0 !important;
    color: rgba(255,255,255,.46) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body:not(.qv-body) #play_page .play_clike {
    margin: 20px 0 10px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    background: transparent !important;
  }

  body:not(.qv-body) #play_page .play_box_right .vodlist,
  body:not(.qv-body) #play_page .play_box_right .play_list_con,
  body:not(.qv-body) #play_page .play_box_right .pic-list,
  body:not(.qv-body) #play_page .play_box_right .stui-vodlist {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist > a {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 108px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    color: inherit !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist > a:hover .play_vlist_title p:first-child {
    color: #00e2c3 !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist > a .play_vlist_text {
    display: block !important;
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    overflow: hidden !important;
    color: rgba(255,255,255,.74) !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist_title p {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist_title p:first-child {
    color: rgba(255,255,255,.9) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist_tag {
    display: block !important;
    margin-top: 4px !important;
    color: rgba(255,255,255,.38) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist > a .play_vlist_now {
    margin-top: 5px !important;
    color: rgba(0,226,195,.74) !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist > a .play_vlist_thumb {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist > a .play_vlist_text {
    display: none !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist > a::after {
    content: attr(title);
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    min-width: 0 !important;
    padding-top: 6px !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.qv-body) #play_page .play_boxbg > .container > .play_box:not(.play_video) {
    display: block !important;
    width: calc(100% - 408px) !important;
    max-width: none !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) #play_page .play_boxbg > .container > .play_box:not(.play_video) .left_row {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) #play_page .player_detail {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) #play_page .player_detail .video_title {
    float: none !important;
    min-width: 0 !important;
  }

  body:not(.qv-body) #play_page .player_detail h1.title {
    margin: 0 !important;
    color: #fff !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
  }

  body:not(.qv-body) #play_page .play_now a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: rgba(255,255,255,.46) !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  body:not(.qv-body) #play_page .play_text {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 0 !important;
    margin: 9px 0 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,.56) !important;
    font-size: 13px !important;
  }

  body:not(.qv-body) #play_page .play_text p,
  body:not(.qv-body) #play_page .play_text a,
  body:not(.qv-body) #play_page .play_text .text_muted {
    color: rgba(255,255,255,.56) !important;
  }

  body:not(.qv-body) #play_page .play_content {
    margin: 12px 0 0 !important;
    padding: 14px 0 0 !important;
    color: rgba(255,255,255,.62) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
  }

  body:not(.qv-body) #play_page > .container {
    margin-top: 26px !important;
  }

  body:not(.qv-body) #play_page > .container > .left_row.container-wrap {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) #play_page #actor_vbox,
  body:not(.qv-body) #play_page .vod-play-tagwall {
    display: none !important;
  }

  body:not(.qv-body) #play_page #bofy {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body:not(.qv-body) #play_page #bofy .pannel_head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 0 !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body:not(.qv-body) #play_page #bofy .title {
    margin: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
  }

  body:not(.qv-body) #play_page #bofy .text_muted,
  body:not(.qv-body) #play_page #bofy .text_muted a,
  body:not(.qv-body) #play_page #bofy .pull_right,
  body:not(.qv-body) #play_page #bofy .pull_right a {
    color: rgba(255,255,255,.46) !important;
  }

  body:not(.qv-body) #play_page .content_playlist {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  body:not(.qv-body) #play_page .content_playlist li {
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) #play_page .content_playlist li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 8px !important;
    color: rgba(255,255,255,.84) !important;
    background: rgba(255,255,255,.08) !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body:not(.qv-body) #play_page .content_playlist li.active a,
  body:not(.qv-body) #play_page .content_playlist li a:hover {
    color: #00e2c3 !important;
    background: rgba(0,226,195,.18) !important;
  }

  body:not(.qv-body) #play_page .vodlist.vodlist_wi.site-poster--v {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 26px 16px !important;
    width: 100% !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) #play_page .vodlist.vodlist_wi.site-poster--v .vodlist_item {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) #play_page .vodlist.vodlist_wi.site-poster--v .vodlist_title a {
    color: rgba(255,255,255,.88) !important;
  }

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

@media (min-width: 821px) {
  body:not(.qv-body) .site-catalog-show .site-catalog-show__filter-shell {
    margin-bottom: 28px !important;
  }

  body:not(.qv-body) .site-catalog-show .site-catalog-filter-head__sort.site-catalog-show__filter-sort {
    padding: 0 0 14px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  body:not(.qv-body) .site-catalog-show .site-catalog-filter-head__sort-inner.wrapper_fl.wrapper_tm {
    min-height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body:not(.qv-body) .site-catalog-show .wrapper_fl.wrapper_tm .screen_list.sx_tz {
    gap: 0 28px !important;
    overflow: visible !important;
  }

  body:not(.qv-body) .site-catalog-show .wrapper_fl.wrapper_tm .screen_list.sx_tz li button.site-cat-filter-item {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    color: rgba(255,255,255,.54) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    line-height: 28px !important;
    font-weight: 600 !important;
  }

  body:not(.qv-body) .site-catalog-show .wrapper_fl.wrapper_tm .screen_list.sx_tz li.hl_fl button.site-cat-filter-item {
    color: #00f5e8 !important;
    font-weight: 800 !important;
  }

  body:not(.qv-body) .site-catalog-show .wrapper_fl.wrapper_tm .sx_total {
    color: rgba(255,255,255,.46) !important;
    font-size: 14px !important;
    line-height: 28px !important;
  }

  body:not(.qv-body) .site-catalog-show .wrapper_fl.wrapper_tm .sx_total em {
    color: #00f5e8 !important;
    font-style: normal !important;
    font-weight: 800 !important;
  }

  body:not(.qv-body) .site-catalog-show .site-catalog-show__filter-drawer .pannel.vod_all,
  body:not(.qv-body) .site-catalog-show .vod_all {
    margin: 0 !important;
    padding: 14px 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .site-catalog-filter-h-scroll {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    align-items: start !important;
    min-height: 0 !important;
    padding: 7px 0 !important;
    border: 0 !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .site-catalog-filter-h-scroll__label {
    width: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .site-catalog-filter-h-scroll__label .text_muted,
  body:not(.qv-body) .site-catalog-show .vod_all .screen_list span.text_muted {
    display: block !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: rgba(255,255,255,.44) !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    line-height: 28px !important;
    font-weight: 800 !important;
    text-align: left !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .site-catalog-filter-h-scroll__track,
  body:not(.qv-body) .site-catalog-show .vod_all .wrapper_fl,
  body:not(.qv-body) .site-catalog-show .vod_all .wrapper_fl .scroller {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .screen_list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px 22px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .screen_list li {
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .site-cat-filter-item,
  body:not(.qv-body) .site-catalog-show .vod_all .screen_list li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    color: rgba(255,255,255,.58) !important;
    font-size: 15px !important;
    line-height: 28px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .site-cat-filter-item:hover,
  body:not(.qv-body) .site-catalog-show .vod_all .screen_list li > a:hover {
    color: #fff !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .screen_list li.hl button.site-cat-filter-item,
  body:not(.qv-body) .site-catalog-show .vod_all .screen_list li.hl > a {
    padding: 0 13px !important;
    background: rgba(0,245,232,.13) !important;
    color: #00f5e8 !important;
    font-weight: 800 !important;
  }

  body:not(.qv-body) .site-catalog-show .vod_all .site-catalog-filter-h-scroll:has(#hl04),
  body:not(.qv-body) .site-catalog-show .vod_all .site-catalog-filter-h-scroll:has(#hl06) {
    display: none !important;
  }
}

body:not(.qv-body) .site-catalog-show--infinite .site-catalog-show__pager {
  display: none !important;
}

body:not(.qv-body) .site-catalog-show__infinite-status {
  clear: both;
  width: 100%;
  padding: 28px 0 44px;
  text-align: center;
  color: rgba(255,255,255,.36);
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
}

body:not(.qv-body) .site-catalog-show__infinite-status.is-loading {
  color: rgba(0,245,232,.86);
}

body:not(.qv-body) .site-catalog-show__infinite-status.is-error {
  color: rgba(255,255,255,.58);
}

body:not(.qv-body) .site-catalog-show__infinite-status.is-ended {
  color: rgba(255,255,255,.26);
}

@media (max-width: 820px) {
  body:not(.qv-body) .site-catalog-show__infinite-status {
    padding: 22px 0 34px;
    font-size: 13px;
  }
}

@media (min-width: 821px) {
  body:not(.qv-body) #play_page .play_box.play_video {
    grid-template-columns: minmax(0, 1fr) clamp(310px, 21vw, 348px) !important;
    gap: 16px !important;
  }

  body:not(.qv-body) #play_page .play_box_right {
    height: auto !important;
    max-height: calc((100vw - var(--qv-content-left) - var(--qv-content-right) - clamp(310px, 21vw, 348px) - 16px) * .5625 + 40px) !important;
    padding: 14px 12px 16px !important;
    background: rgba(22,23,25,.78) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.22) transparent;
  }

  body:not(.qv-body) #play_page .play_box_right::-webkit-scrollbar {
    width: 4px !important;
  }

  body:not(.qv-body) #play_page .play_box_right::-webkit-scrollbar-track {
    background: transparent !important;
  }

  body:not(.qv-body) #play_page .play_box_right::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.22) !important;
    border-radius: 999px !important;
  }

  body:not(.qv-body) #play_page .play_namebox {
    gap: 8px !important;
    padding: 0 0 10px !important;
    border-bottom: 0 !important;
  }

  body:not(.qv-body) #play_page .play_namebox .title {
    font-size: 17px !important;
    line-height: 22px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body:not(.qv-body) #play_page .fenlei {
    height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    border-color: rgba(0,245,232,.36) !important;
    background: rgba(0,245,232,.08) !important;
    color: rgba(0,245,232,.92) !important;
    font-size: 12px !important;
    line-height: 22px !important;
    font-weight: 600 !important;
  }

  body:not(.qv-body) #play_page .play_infobox {
    display: block !important;
  }

  body:not(.qv-body) #play_page .play_infobox > .play_vlist:first-of-type {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 84px !important;
    margin: 0 0 16px !important;
    padding: 8px !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.045) !important;
  }

  body:not(.qv-body) #play_page .play_infobox > .play_vlist:first-of-type .play_vlist_thumb {
    width: 58px !important;
    height: 78px !important;
    border-radius: 6px !important;
    border: 2px solid rgba(0,245,232,.72) !important;
  }

  body:not(.qv-body) #play_page .play_infobox > .play_vlist:first-of-type .play_vlist_text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    height: 78px !important;
  }

  body:not(.qv-body) #play_page .play_infobox > .play_vlist:first-of-type .play_vlist_title {
    margin: 0 0 8px !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
  }

  body:not(.qv-body) #play_page .play_infobox > .play_vlist:first-of-type .play_vlist_now {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    color: rgba(255,255,255,.48) !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  body:not(.qv-body) #play_page .play_infobox > .play_vlist:first-of-type .play_vlist_now > a {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.62) !important;
    font-size: 12px !important;
  }

  body:not(.qv-body) #play_page .play_infobox > .play_vlist:first-of-type .play_vlist_now > a:hover {
    color: #00f5e8 !important;
    background: rgba(0,245,232,.1) !important;
  }

  body:not(.qv-body) #play_page .play_clike {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 22px !important;
  }

  body:not(.qv-body) #play_page .play_clike::before {
    content: "" !important;
    width: 3px !important;
    height: 14px !important;
    border-radius: 999px !important;
    background: #00f5e8 !important;
  }

  body:not(.qv-body) #play_page .play_infobox > .play_vlist:not(:first-of-type) {
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist > a {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 82px !important;
    padding: 7px 6px !important;
    border-radius: 8px !important;
    background: transparent !important;
    transition: background .16s ease, transform .16s ease !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist > a:hover {
    background: rgba(255,255,255,.055) !important;
    transform: translateX(2px) !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist > a::after {
    display: none !important;
    content: none !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist > a .play_vlist_thumb {
    grid-column: 1 !important;
    width: 54px !important;
    height: 72px !important;
    border-radius: 6px !important;
    border: 0 !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist > a .play_vlist_text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    height: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    overflow: hidden !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist_title {
    margin: 0 !important;
    min-width: 0 !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist_title p,
  body:not(.qv-body) #play_page .play_box_right .play_vlist_title p:first-child {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist_tag {
    display: block !important;
    margin: 1px 0 0 !important;
    color: rgba(255,255,255,.36) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist_now,
  body:not(.qv-body) #play_page .play_box_right .play_vlist > a .play_vlist_now {
    margin: 0 !important;
    color: rgba(0,245,232,.68) !important;
    font-size: 11px !important;
    line-height: 16px !important;
    font-weight: 600 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.qv-body) #play_page .play_boxbg > .container > .play_box:not(.play_video) {
    width: calc(100% - clamp(310px, 21vw, 348px) - 16px) !important;
  }
}

@media (min-width: 821px) {
  body:not(.qv-body) #play_page .play_box_right .play_namebox {
    display: none !important;
  }

  body:not(.qv-body) #play_page .play_infobox > .play_vlist:first-of-type {
    margin-top: 0 !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist_title p.play_vlist_tag,
  body:not(.qv-body) #play_page .play_box_right .play_vlist_tag {
    display: none !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist > a .play_vlist_text {
    gap: 6px !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist_title p:first-child {
    color: rgba(255,255,255,.9) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 19px !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist_now,
  body:not(.qv-body) #play_page .play_box_right .play_vlist > a .play_vlist_now {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    height: 20px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: rgba(0,245,232,.1) !important;
    color: rgba(0,245,232,.86) !important;
  }
}

@media (min-width: 821px) {
  body:not(.qv-body) #play_page .play_infobox > .play_vlist:first-of-type .play_vlist_now > a {
    height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.48) !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  body:not(.qv-body) #play_page .play_infobox > .play_vlist:first-of-type .play_vlist_now > a:hover {
    background: transparent !important;
    color: #00f5e8 !important;
  }

  body:not(.qv-body) #play_page .play_infobox > .play_vlist:not(:first-of-type) .play_vlist_now {
    display: none !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist > a {
    min-height: 78px !important;
  }

  body:not(.qv-body) #play_page .play_box_right .play_vlist > a .play_vlist_text {
    height: 72px !important;
    gap: 0 !important;
  }
}

/* Playback/detail episode selector: dark Tencent-style buttons */
body #play_page .tabs.playlist,
body.detail-wrap .tabs.playlist {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body #play_page #playlistbox.playlist_notfull,
body #play_page .playlist_notfull,
body.detail-wrap .play_list_box #playlistbox.playlist_notfull,
body.detail-wrap .play_list_box .playlist_notfull {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body #play_page .content_playlist,
body.detail-wrap .play_list_box .playlist_notfull .content_playlist,
body.detail-wrap .playlist_notfull .content_playlist {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)) !important;
  gap: 10px 12px !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  list-style: none !important;
}

body #play_page .content_playlist li,
body.detail-wrap .play_list_box .playlist_notfull .content_playlist li,
body.detail-wrap .playlist_notfull .content_playlist li {
  display: block !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body #play_page .content_playlist li > a,
body.detail-wrap .play_list_box .playlist_notfull .content_playlist li > a,
body.detail-wrap .playlist_notfull .content_playlist li > a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  overflow: hidden !important;
  color: rgba(255,255,255,.76) !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease !important;
}

body #play_page .content_playlist li:not(.active) > a:hover,
body.detail-wrap .play_list_box .playlist_notfull .content_playlist li:not(.active) > a:hover,
body.detail-wrap .playlist_notfull .content_playlist li:not(.active) > a:hover {
  color: rgba(255,255,255,.92) !important;
  background: rgba(255,255,255,.095) !important;
  border-color: rgba(255,255,255,.14) !important;
  transform: translateY(-1px) !important;
}

body #play_page .content_playlist li.active > a,
body #play_page .content_playlist li.active > a:hover,
body.detail-wrap .play_list_box .playlist_notfull .content_playlist li.active > a,
body.detail-wrap .play_list_box .playlist_notfull .content_playlist li.active > a:hover,
body.detail-wrap .playlist_notfull .content_playlist li.active > a,
body.detail-wrap .playlist_notfull .content_playlist li.active > a:hover {
  color: #00f5d4 !important;
  background: linear-gradient(180deg, rgba(0,245,212,.18), rgba(0,245,212,.09)) !important;
  border-color: rgba(0,245,212,.42) !important;
  box-shadow: 0 0 0 1px rgba(0,245,212,.12), 0 8px 20px rgba(0,245,212,.08), inset 0 1px 0 rgba(255,255,255,.06) !important;
  transform: none !important;
}

body #play_page .content_playlist li.active > a > .hl-play-active.hl-bg-conch,
body.detail-wrap .play_list_box .playlist_notfull .content_playlist li.active > a > .hl-play-active.hl-bg-conch,
body.detail-wrap .playlist_notfull .content_playlist li.active > a > .hl-play-active.hl-bg-conch {
  position: static !important;
  flex: 0 0 auto !important;
  display: inline-block !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 1px 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
  border-left: 7px solid #00f5d4 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  animation: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body #play_page .content_playlist li.active > a > .hl-play-active.hl-bg-conch::before,
body #play_page .content_playlist li.active > a > .hl-play-active.hl-bg-conch::after,
body.detail-wrap .play_list_box .playlist_notfull .content_playlist li.active > a > .hl-play-active.hl-bg-conch::before,
body.detail-wrap .play_list_box .playlist_notfull .content_playlist li.active > a > .hl-play-active.hl-bg-conch::after,
body.detail-wrap .playlist_notfull .content_playlist li.active > a > .hl-play-active.hl-bg-conch::before,
body.detail-wrap .playlist_notfull .content_playlist li.active > a > .hl-play-active.hl-bg-conch::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

@media (max-width: 820px) {
  body #play_page .content_playlist,
  body.detail-wrap .play_list_box .playlist_notfull .content_playlist,
  body.detail-wrap .playlist_notfull .content_playlist {
    grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)) !important;
    gap: 8px !important;
  }

  body #play_page .content_playlist li > a,
  body.detail-wrap .play_list_box .playlist_notfull .content_playlist li > a,
  body.detail-wrap .playlist_notfull .content_playlist li > a {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
  }
}

body.detail-wrap #pinglun,
body.detail-wrap .site_comment,
body #play_page #pinglun,
body #play_page .site_comment {
  display: none !important;
}

/* Global poster score badge */
.site_badge_top_right,
.portal_badge_top_right {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 6 !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  max-width: calc(100% - 16px);
  pointer-events: none;
}

.site_score_badge,
.portal_score_badge,
.qv-card-score.site_score_badge,
.qv-card-score.portal_score_badge {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: baseline;
  justify-content: center;
  min-width: 42px;
  min-height: 24px;
  padding: 3px 8px 3px 9px;
  border: 1px solid rgba(255, 211, 94, .36);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(18, 18, 18, .88), rgba(0, 0, 0, .68));
  box-shadow: 0 6px 16px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .12);
  color: #ffd45e !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .72);
  white-space: nowrap;
}

.qv-card-score.site_score_badge,
.qv-card-score.portal_score_badge {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 6;
}

.site_badge_top_right .site_class_badge {
  display: none !important;
}

@media (max-width: 820px) {
  .site_badge_top_right,
  .portal_badge_top_right,
  .qv-card-score.site_score_badge {
    top: 6px !important;
    right: 6px !important;
  }

  .site_score_badge,
  .portal_score_badge,
  .qv-card-score.site_score_badge,
  .qv-card-score.portal_score_badge {
    min-width: 38px;
    min-height: 22px;
    padding: 3px 7px;
    font-size: 13px;
  }

}