/**
 * hl062 泛页专用样式（仅 body.wc-syn-active 生效，不影响正常站点布局）
 */

/* PC：恢复首页顶栏/频道导航原生布局 */
@media (min-width: 900px) {
  body.wc-syn-active.homepage .header-content {
    height: 70px !important;
    min-height: 70px;
  }

  body.wc-syn-active.homepage .homepage_homepage_channelnav {
    margin-top: -50px !important;
    top: 32px !important;
    position: relative !important;
    margin-bottom: 60px !important;
    height: 90px !important;
  }

  /* 下拉菜单保持隐藏，避免误触发展开 */
  body.wc-syn-active .header .drop-content-box {
    opacity: 0 !important;
    transform: translate3d(0, -100%, 0) !important;
    pointer-events: none !important;
  }

  body.wc-syn-active .header .drop:hover .drop-content-box {
    opacity: 1 !important;
    transform: translateZ(0) !important;
    pointer-events: auto !important;
  }
}

/* 平板/手机：顶栏自适应 */
@media (max-width: 899px) {
  body.wc-syn-active .header,
  body.wc-syn-active .conch-header,
  body.wc-syn-active .header.px-hd,
  body.wc-syn-active .header.head-wrapper {
    height: auto !important;
    min-height: 56px;
    z-index: 1900;
  }

  body.wc-syn-active .header-content {
    height: auto !important;
    min-height: 70px;
  }

  body.wc-syn-active.homepage .homepage_homepage_channelnav {
    margin-top: 8px !important;
    top: 0 !important;
    position: relative !important;
    margin-bottom: 28px !important;
    height: auto !important;
  }
}

/* 手机首页：隐藏顶栏站名，只保留搜索区大 Logo，避免「太一」重复 */
@media (max-width: 559px) {
  body.wc-syn-active.homepage .header-content .hailuo-cc,
  body.wc-syn-active.homepage .header-content .fixed-logo,
  body.wc-syn-active.homepage .header-content .header-logo .logo-site-name {
    display: none !important;
  }

  body.wc-syn-active.homepage #search-content.indexsearch {
    display: block !important;
  }

  body.wc-syn-active.homepage #search-content.indexsearch .index-logo {
    display: block !important;
    height: 44px;
    margin: 0 auto 6px;
  }
}

body.wc-syn-active.page-detail .dx-view {
  margin-top: 1.65rem !important;
}

body.wc-syn-active.view.page #main,
body.wc-syn-active.page.view .content {
  padding-top: 10px;
}

body.wc-syn-active .module-heading,
body.wc-syn-active .box-head .row-title,
body.wc-syn-active .px-section__hd {
  position: relative;
  min-height: 36px;
}

body.wc-syn-active .module-heading .more,
body.wc-syn-active .box-head .more {
  white-space: nowrap;
  max-width: 48%;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 899px) {
  body.wc-syn-active.page-detail .detail-objs,
  body.wc-syn-active .detail .detail-objs {
    flex-direction: column !important;
    max-width: 100% !important;
    align-items: center;
  }

  body.wc-syn-active.page-detail .obj-pic,
  body.wc-syn-active .detail .obj-pic {
    width: 42vw;
    max-width: 200px;
    margin: 0 auto 12px;
  }

  body.wc-syn-active.page-detail .obj-info,
  body.wc-syn-active .detail .obj-info {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
  }

  body.wc-syn-active.page-detail h1,
  body.wc-syn-active .detail h1 {
    font-size: 18px;
    line-height: 1.35;
    word-break: break-word;
  }

  body.wc-syn-active.page-detail .play_li,
  body.wc-syn-active .play_li,
  body.wc-syn-active .module-play-list-content,
  body.wc-syn-active .module-list.sort-list {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }

  body.wc-syn-active.page-detail .episode-box ul.row,
  body.wc-syn-active .episode-box ul.row,
  body.wc-syn-active.page-detail .ewave-playlist-content,
  body.wc-syn-active .playlist-box .ewave-playlist-content,
  body.wc-syn-active .playlist-box .episode-box ul.row.ewave-playlist-content {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100% !important;
  }

  body.wc-syn-active.page-detail .ewave-playlist-item,
  body.wc-syn-active .ewave-playlist-item {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
  }

  body.wc-syn-active.page-detail .play_li a,
  body.wc-syn-active .module-play-list-content a,
  body.wc-syn-active .module-list.sort-list a,
  body.wc-syn-active.page-detail .ewave-playlist-item a {
    display: block;
    text-align: center;
    padding: 8px 4px;
    font-size: 12px;
    line-height: 1.3;
    word-break: keep-all;
  }

  body.wc-syn-active .box-left.w-75,
  body.wc-syn-active .w-75 {
    width: 100% !important;
    float: none !important;
  }

  body.wc-syn-active .container.detail {
    padding: 0 10px;
  }

  body.wc-syn-active .info-share {
    display: none;
  }

  body.wc-syn-active.view.page #main {
    padding-top: 8px;
  }
}

@media (max-width: 480px) {
  body.wc-syn-active.page-detail .play_li,
  body.wc-syn-active .play_li,
  body.wc-syn-active .module-play-list-content,
  body.wc-syn-active .module-list.sort-list,
  body.wc-syn-active.page-detail .episode-box ul.row,
  body.wc-syn-active .episode-box ul.row,
  body.wc-syn-active.page-detail .ewave-playlist-content,
  body.wc-syn-active .playlist-box .ewave-playlist-content,
  body.wc-syn-active .sort-list .scroll-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  body.wc-syn-active .wc-syn-rec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* 选集 UI（与 wildcard_syn_episode_ui_styles 对齐） */
body.wc-syn-active.view.page,
body.wc-syn-active.page.view {
  --wc-ep-bg: #f7f8f9;
  --wc-ep-bd: rgba(0, 0, 0, 0.1);
  --wc-ep-color: rgba(0, 0, 0, 0.68);
  --wc-ep-active: #ff2a14;
  --wc-ep-active-bg: #fff;
}

body.theme_black.wc-syn-active.view.page,
html.dark body.wc-syn-active.view.page {
  --wc-ep-bg: #32323c;
  --wc-ep-bd: rgba(255, 255, 255, 0.12);
  --wc-ep-color: hsla(0, 0%, 100%, 0.6);
  --wc-ep-active: #3b82f6;
  --wc-ep-active-bg: rgba(59, 130, 246, 0.18);
}

/* mxtheme：PC 端 tab-list 默认 display:none，泛页强制展示 */
body.wc-syn-active .module-list.module-player-list.tab-list,
body.wc-syn-active .module-list.module-player-list.tab-list.selected,
body.wc-syn-active .player-side-playlist.tab-list {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 14px !important;
}

body.wc-syn-active .sort-list .module-sorttab {
  display: none !important;
}

body.wc-syn-active .sort-list .scroll-box,
body.wc-syn-active .sort-list .module-blocklist.scroll-box {
  display: block !important;
  max-height: min(52vh, 420px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

body.wc-syn-active .sort-list .scroll-content,
body.wc-syn-active .player-side-playlist .scroll-content {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 8px;
  padding: 2px 0;
}

body.wc-syn-active .sort-list .scroll-content > a,
body.wc-syn-active .player-side-playlist .scroll-content > a {
  width: 100% !important;
  min-width: 0 !important;
  margin: 4px !important;
  min-height: 38px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 8px !important;
  border: 1px solid var(--wc-ep-bd) !important;
  background: var(--wc-ep-bg) !important;
  color: var(--wc-ep-color, rgba(0, 0, 0, 0.68)) !important;
  line-height: 1.25 !important;
  font-size: 13px !important;
}

@media (max-width: 767px) {
  body.wc-syn-active .sort-list .scroll-content,
  body.wc-syn-active .player-side-playlist .scroll-content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  body.wc-syn-active .sort-list .scroll-content,
  body.wc-syn-active .player-side-playlist .scroll-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }
}