@import "./source-common.css";

.xiazai-520ddtv-site-theme { min-height: 100vh; }
.xiazai-520ddtv-site-theme img { max-width: 100%; }
.xiazai-520ddtv-site-theme .container { max-width: 1320px; margin-left: auto; margin-right: auto; }
.xiazai-520ddtv-site-theme .video-thumb, .xiazai-520ddtv-site-theme .module-item-pic, .xiazai-520ddtv-site-theme .bento-poster, .xiazai-520ddtv-site-theme .public-pic-a, .xiazai-520ddtv-site-theme .qy-mod-img { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.xiazai-520ddtv-site-theme .player-container { width: 100%; max-width: 1320px; margin: 0 auto; }
.xiazai-520ddtv-site-theme .player-wrapper, .xiazai-520ddtv-site-theme .ewave-player__video, .xiazai-520ddtv-site-theme .MacPlayer, .xiazai-520ddtv-site-theme .player-box-main, .xiazai-520ddtv-site-theme .qy-player-wrap, .xiazai-520ddtv-site-theme .vg-player { position: relative; aspect-ratio: 16 / 9; background: #000; overflow: hidden; }
.xiazai-520ddtv-site-theme .player-wrapper { min-height: 360px; }
.xiazai-520ddtv-site-theme .player-wrapper > div, .xiazai-520ddtv-site-theme video, .xiazai-520ddtv-site-theme iframe { width: 100%; height: 100%; }
.xiazai-520ddtv-site-theme .ddtv520-play-seo { width: 100%; margin-top: 24px; }
.xiazai-520ddtv-site-theme .ddtv520-play-seo .text { line-height: 1.9; white-space: normal; }
.xiazai-520ddtv-site-theme .swiper-wrapper, .xiazai-520ddtv-site-theme .slider-track, .xiazai-520ddtv-site-theme .auto-scroll-wrapper { display: flex; gap: 16px; overflow: hidden; }
.xiazai-520ddtv-site-theme .pagination, .xiazai-520ddtv-site-theme .ewave-page, .xiazai-520ddtv-site-theme .module-page { display: flex; gap: 8px; justify-content: center; margin: 28px 0; }
.xiazai-520ddtv-site-theme .template-ad-slot-520ddtv-head-clearance { position: relative; z-index: 1; }
@media (max-width: 767px) { .xiazai-520ddtv-site-theme .template-ad-slot-520ddtv-head-clearance { margin-top: 76px !important; } }
@media (max-width: 767px) { .xiazai-520ddtv-site-theme .player-wrapper { min-height: 220px; } }
.xiazai-520ddtv-site-theme .footer { color: var(--ds_foot_title_color); background: var(--ds_foot_background); }
.xiazai-520ddtv-site-theme .footer a { color: var(--ds_foot_link_color); }
.xiazai-520ddtv-site-theme .footer-top-title { color: var(--ds_foot_title_color); }

.xiazai-520ddtv-site-theme .ddtv520-hero-visual { z-index: 0; }
.xiazai-520ddtv-site-theme .ddtv520-hero-preview { display: none; pointer-events: none; }
.xiazai-520ddtv-site-theme .ddtv520-hero-poster { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.xiazai-520ddtv-site-theme .ddtv520-hero-poster .slid-e-bj { position: absolute; inset: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; opacity: 1; visibility: visible; }

.xiazai-520ddtv-site-theme .ddtv520-filter-panel { margin-top: 24px; min-width: 0; overflow: visible; }
.xiazai-520ddtv-site-theme .ddtv520-filter-row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 14px; padding: 8px 0; min-width: 0; overflow: visible; }
.xiazai-520ddtv-site-theme .ddtv520-filter-label { line-height: 32px; white-space: nowrap; }
.xiazai-520ddtv-site-theme .ddtv520-filter-options { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; overflow: visible; white-space: normal; }
.xiazai-520ddtv-site-theme .ddtv520-filter-link { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border-radius: 999px; line-height: 32px; white-space: normal; }
.xiazai-520ddtv-site-theme .ddtv520-filter-link.active { color: #fff; background: var(--ds_main_color); }
.xiazai-520ddtv-site-theme .ddtv520-card-grid { display: flex; flex-wrap: wrap; gap: 16px; min-width: 0; overflow: visible; white-space: normal; }
.xiazai-520ddtv-site-theme .ddtv520-card-grid .public-list-box { flex: 0 0 calc((100% - 80px) / 6); min-width: 0; }

@media (max-width: 1199px) { .xiazai-520ddtv-site-theme .ddtv520-card-grid .public-list-box { flex-basis: calc((100% - 64px) / 5); } }
@media (max-width: 991px) { .xiazai-520ddtv-site-theme .ddtv520-card-grid .public-list-box { flex-basis: calc((100% - 48px) / 4); } }
@media (max-width: 767px) { .xiazai-520ddtv-site-theme .ddtv520-card-grid .public-list-box { flex-basis: calc((100% - 32px) / 3); } }
@media (max-width: 575px) {
  .xiazai-520ddtv-site-theme .ddtv520-filter-row { grid-template-columns: 1fr; }
  .xiazai-520ddtv-site-theme .ddtv520-card-grid .public-list-box { flex-basis: calc((100% - 16px) / 2); }
}