/* 对齐参考站：深黑背景 #101010 + 标题栏/按钮列表正常叠放（非置顶） */
body.home-kp-body,
body.home-kp-body.bstem,
html:has(body.home-kp-body){
  background:#101010 !important;
  background-color:#101010 !important;
  color:#9c9c9c;
}
body.home-kp-body .member-wrap,
body.home-kp-body .container.home-unified,
body.home-kp-body .home-detail{
  background:transparent !important;
}
/* 自适应只保留 3 档：
   1) 移动端默认
   2) ≥576 双排辐条
   3) ≥769 四列视频 + 宽屏头
   删掉主题 820/991/1280 的 rem 锁宽（30rem / 18.75rem），第三档之后全程 width:100% 跟窗口 */
body.home-kp-body .member-wrap,
body.home-kp-body .container,
body.home-kp-body .container.home-unified,
body.home-kp-body .container.white_pal,
body.home-kp-body .home-detail,
body.home-kp-body .home-unified .home-detail,
body.home-kp-body .home-unified .box,
body.home-kp-body .head_a,
body.home-kp-body .head_b,
body.home-kp-body .content_box,
body.home-kp-body .all_menu_inner,
body.home-kp-body .wbalist_con,
body.home-kp-body .ads_banner1_wrap,
body.home-kp-body .ads_zone_stack,
body.home-kp-body .kp-head,
body.home-kp-body .kp-mdnav,
body.home-kp-body .home-kp-vlist{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box;
}
body.home-kp-body .member-wrap{
  margin:0 auto;
  padding:0;
}
/* 播放页同样：禁止主题 rem 锁宽 */
#play_page,
#play_page .container,
#play_page .left_row,
#play_page .content_box,
#play_page .head_a,
#play_page .head_b,
body.home-kp-body #play_page .container{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box;
  float:none !important;
}
/* 播放页：单列全宽；隐藏右侧栏，避免盖住播放器右侧（放大/倍速） */
body.play-kp-body{
  padding-top:0 !important;
  background:#101010 !important;
}
/* 覆盖 vod-play.css 桌面端 #play_page{#f9fafb}，推荐/猜你喜欢与整页深色一致 */
body.play-kp-body #play_page,
body.play-kp-body #play_page .play_boxbg,
body.play-kp-body #play_page > .container,
body.play-kp-body #play_page .container-wrap,
body.play-kp-body #play_page .kp-hot-recommend,
body.play-kp-body #play_page .pannel.kp-hot-recommend{
  background:#101010 !important;
  background-color:#101010 !important;
}
body.play-kp-body #play_page .kp-hot-recommend .pannel_head .title,
body.play-kp-body #play_page .kp-hot-recommend .pannel_head .title .tj-title{
  color:#ddd !important;
}
body.play-kp-body .play_video,
body.play-kp-body #play_page .play_box.play_video{
  padding-top:0 !important;
}
body.play-kp-body #play_page .play_box.play_video{
  display:block;
  overflow:visible !important;
}
body.play-kp-body #play_page .right_row{
  display:none !important;
}
body.play-kp-body #play_page .left_row{
  width:100% !important;
  float:none !important;
  padding:0 12px;
  box-sizing:border-box;
}
/* 播放器尽量大：最大 1500px；用 16:9 自适应高度，避免固定 11.8rem 裁掉底栏控件 */
body.play-kp-body #play_page .player_video,
body.play-kp-body #play_page .player_video.embed-responsive{
  max-width:1500px !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9;
  padding:0 !important;
  padding-bottom:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box;
  position:relative !important;
  z-index:20;
  overflow:hidden !important;
}
body.play-kp-body #play_page .player_video .MacPlayer,
body.play-kp-body #play_page .MacPlayer{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  padding-bottom:0 !important;
  box-sizing:border-box;
  overflow:hidden !important;
  z-index:20;
}
body.play-kp-body #play_page .player_video iframe,
body.play-kp-body #play_page .MacPlayer iframe,
body.play-kp-body #play_page .MacPlayer > div{
  width:100% !important;
  height:100% !important;
}
body.play-kp-body #play_page .left_row > .ads_banner1_wrap,
body.play-kp-body #play_page .left_row > .ads_zone_stack,
body.play-kp-body #play_page .kp-play-official,
body.play-kp-body #play_page .kp-play-intro,
body.play-kp-body #play_page .play_but{
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
}
body.home-kp-body{
  padding-top:0 !important;
}
/* 封面加载占位：对齐原站 loading.jpg（横屏灰图），CSS 直出避免等 JS */
body.home-kp-body .home-kp-vlist .vodlist_thumb.lazyload:not(.lazyloaded):not(.mac-vod-ad-thumb),
body.home-kp-body .home-kp-vlist .vodlist_thumb.lazyerror:not(.mac-vod-ad-thumb){
  background-color:#141414 !important;
  background-image:url('../img/loading_kp.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
body.home-kp-body .home-kp-vlist .vodlist_thumb.lazyloaded:not(.mac-vod-ad-thumb){
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
/* 全站含 PC：统一参考站顶栏（站名+搜索+搜索广告，下方整行宫格导航），隐藏旧 PC 分类头 */
#topnav .head_box.show-pc{
  display:none !important;
}
#topnav .head_box.kp-mobile-head,
#topnav .head_box.show-mobile.kp-mobile-head{
  display:block !important;
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  z-index:10;
  width:100% !important;
  max-width:none !important;
  box-shadow:none !important;
  background:#16161c;
}
#topnav.site-head-wrap,
#topnav .kp-head,
#topnav .kp-mdnav{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box;
}
.head_box.kp-mobile-head{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  z-index:10;
  width:100%;
  box-shadow:none !important;
  background:#16161c;
}
/* 对齐参考站：顶栏站名+搜索+广告，下方宫格导航，背景连续过渡 */
.kp-head{
  background:#16161c;
  color:#fff;
  padding:10px 8px 6px;
  box-sizing:border-box;
}
.kp-head-top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
  min-height:40px;
  margin:0 0 6px;
}
.kp-head-logo{
  order:1;
  flex:0 0 auto;
  color:#ccc;
  font-size:0.95rem;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  line-height:1.2;
  padding-left:2px;
}
.kp-head-logo:hover{color:#fff}
.kp-txt-ads{
  order:2;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0;
  flex:1 1 auto;
  min-width:0;
  margin:0;
  padding:0;
  list-style:none;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
}
.kp-txt-ads li{flex:0 0 auto;list-style:none}
.kp-txt-ads a{
  display:block;
  color:#eee;
  font-size:15px;
  font-weight:500;
  padding:4px 11px;
  text-decoration:none;
  white-space:nowrap;
}
.kp-txt-ads a:hover{color:#fff}
.kp-head-search{
  order:3;
  flex:1 1 100%;
  width:100%;
  margin:2px 0 4px;
  min-width:0;
}
.kp-head-search form{
  position:relative;
  display:block;
  margin:0;
}
.kp-head-search input{
  display:block;
  width:100%;
  box-sizing:border-box;
  border:0;
  outline:0;
  height:36px;
  padding:6px 42px 6px 16px;
  font-size:13px;
  line-height:24px;
  background:#f5f5f5;
  color:#666;
  border-radius:32px;
  appearance:none;
  -webkit-appearance:none;
}
.kp-head-search input::placeholder{color:#999}
.kp-head-search button{
  position:absolute;
  top:0;
  right:0;
  width:36px;
  height:36px;
  border:0;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3-3'/%3E%3C/svg%3E") center/18px no-repeat;
  cursor:pointer;
  text-indent:-999px;
  overflow:hidden;
}

/* 宫格导航：与顶栏同色底，边框网格平稳衔接 */
.kp-mdnav{
  margin:0;
  padding:0 2px 4px;
  background:#16161c;
}
.kp-mdnav__list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid #444;
  border-left:1px solid #444;
  overflow:hidden;
  max-height:calc(6 * 48px);
  background:#16161c;
}
.kp-mdnav.nav--expanded .kp-mdnav__list{
  max-height:none;
  overflow:visible;
}
.kp-mdnav__list > li{
  border-right:1px solid #444;
  border-bottom:1px solid #444;
  min-width:0;
  background:#16161c;
}
.kp-mdnav__list > li > a{
  display:block;
  box-sizing:border-box;
  padding:12px 4px;
  text-align:center;
  color:#eee;
  font-size:12px;
  line-height:1.2;
  text-decoration:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.kp-mdnav__list > li.kp-mdnav__ad > a{
  color:#ff6b6b;
  font-weight:600;
}
.kp-mdnav__list > li.kp-mdnav__ad--green > a{
  color:#40cc92;
}
.kp-mdnav__list > li.kp-mdnav__ad--red > a{
  color:#ff6b6b;
}
.kp-mdnav__list > li.active > a{color:#40cc92}
.kp-mdnav__more{
  display:block;
  width:100%;
  margin:8px 0 4px;
  padding:10px 12px;
  border:1px solid #444;
  border-radius:6px;
  background:#1a1a1a;
  color:#ccc;
  font-size:14px;
  cursor:pointer;
  box-sizing:border-box;
}
.kp-mdnav__more:hover{color:#f02c11;border-color:#f02c11}

/* PC/宽屏头：≥769 —— 站名 | 搜索 | 搜索广告 同一行；下方宫格导航整行 8 列 */
@media (min-width:769px){
  .kp-head{
    padding:12px 10px 8px;
    width:100%;
    margin:0 auto;
    box-sizing:border-box;
  }
  .kp-head-top{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:12px;
    min-height:48px;
    margin:0 0 10px;
  }
  .kp-head-logo{
    order:1;
    flex:0 0 auto;
    font-size:1.05rem;
    color:#ccc;
  }
  .kp-head-search{
    order:2;
    flex:1 1 auto;
    width:auto;
    min-width:0;
    margin:0 4px 0 0;
  }
  .kp-head-search input{
    height:35px;
    padding:6px 45px 6px 16px;
    font-size:12px;
    line-height:32px;
  }
  .kp-head-search button{
    width:35px;
    height:35px;
  }
  .kp-txt-ads{
    order:3;
    display:flex;
    flex:0 0 auto;
    justify-content:flex-end;
    overflow:visible;
  }
  .kp-txt-ads a{
    font-size:16px;
    color:#eee;
    padding:4px 11px;
  }
  .kp-mdnav{
    width:100%;
    margin:0 auto;
    padding:0 5px 6px;
    box-sizing:border-box;
  }
  .kp-mdnav__list{
    grid-template-columns:repeat(8,minmax(0,1fr));
    width:100%;
    max-height:calc(3 * 52px);
  }
  .kp-mdnav__list > li > a{
    font-size:13px;
    padding:14px 4px;
  }
}

/* 首页视频：对齐原站 zhlapp.css
   ≤768：一行 2 条（width:50%）；≥769：一行 4 条（width:25%）
   半幅广告占 2 格 → PC 上一行广告=两格=两条视频宽 */
.home-kp-vlist,
.home-unified .home-kp-vlist.hu-vlist{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 5px !important;
  width:100% !important;
  box-sizing:border-box;
}
/* 标题：一行省略；第二行日期+播放量（覆盖 vodlist_wi 的 height:1rem 裁切） */
.home-kp-vlist .vodlist_titbox,
.home-unified .home-kp-vlist.hu-vlist .vodlist_titbox,
#play_page .home-kp-vlist .vodlist_titbox,
#js-play-hot-list .vodlist_titbox,
.kp-hot-recommend .home-kp-vlist .vodlist_titbox{
  padding:6px 2px 0 !important;
  margin:.15rem 0 0 !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  line-height:normal !important;
  display:block !important;
  overflow:visible !important;
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
  -webkit-box-orient:initial !important;
}
.home-kp-vlist .vodlist_title,
.home-unified .home-kp-vlist.hu-vlist .vodlist_title,
#play_page .home-kp-vlist .vodlist_title,
#js-play-hot-list .vodlist_title{
  margin:0 0 4px !important;
  padding:0 !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:500;
  height:auto !important;
  max-height:none !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  display:block !important;
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
}
.home-kp-vlist .vodlist_title a,
.home-unified .home-kp-vlist.hu-vlist .vodlist_title a,
#play_page .home-kp-vlist .vodlist_title a,
#js-play-hot-list .vodlist_title a{
  color:#e8e8e8 !important;
  display:block !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:inherit !important;
  line-height:inherit !important;
}
.home-kp-vlist .kp-vod-meta__sub,
.home-unified .home-kp-vlist.hu-vlist .kp-vod-meta__sub,
#play_page .home-kp-vlist .kp-vod-meta__sub,
#js-play-hot-list .kp-vod-meta__sub{
  display:block !important;
  margin:0 !important;
  color:#9a9a9a !important;
  font-size:12px !important;
  line-height:1.3 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.home-kp-vlist .kp-vod-meta__sub i,
.home-kp-vlist .kp-vod-meta__sub strong,
#play_page .home-kp-vlist .kp-vod-meta__sub i,
#play_page .home-kp-vlist .kp-vod-meta__sub strong{
  font-style:normal !important;
  font-weight:400 !important;
  color:inherit !important;
}
.home-kp-vlist .kp-vod-sep,
#play_page .home-kp-vlist .kp-vod-sep{margin:0 4px;opacity:.85}
/* 取消封面角标/标签 */
.home-kp-vlist .mac_badge_top_right,
.home-kp-vlist .mac_badge_bottom_right,
.home-kp-vlist .pic_text,
.home-kp-vlist .mac_class_badge,
.home-kp-vlist .mac_vip_badge,
.home-kp-vlist .mac_jinbi_badge,
.home-kp-vlist .mac_badge_serial{
  display:none !important;
}
.home-kp-vlist > .vodlist_item,
.home-unified .home-kp-vlist.hu-vlist > .vodlist_item{
  width:auto !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  grid-column:span 1;
}
.home-kp-vlist > .mac-vod-ad-item,
.home-unified .home-kp-vlist.hu-vlist > .mac-vod-ad-item{
  grid-column:span 2 !important;
  width:auto !important;
}
/* 参考站封面横屏：padding-top:60% ≈ 5:3 */
.home-kp-vlist .vodlist_thumb:not(.mac-vod-ad-thumb),
.home-unified .home-kp-vlist.hu-vlist .vodlist_thumb:not(.mac-vod-ad-thumb){
  padding-top:60% !important;
  aspect-ratio:5 / 3;
  height:0 !important;
  background-size:cover !important;
  background-position:center center !important;
}
.home-kp-vlist.mac-poster--v .vodlist_thumb:not(.mac-vod-ad-thumb),
.home-unified .home-kp-vlist.hu-vlist.mac-poster--v .vodlist_thumb:not(.mac-vod-ad-thumb),
.mac-poster--v .home-kp-vlist .vodlist_thumb:not(.mac-vod-ad-thumb){
  padding-top:60% !important;
}
/* 混排广告：禁止用 padding-top 定高，避免底部被裁切 */
.home-kp-vlist .mac-vod-ad-thumb,
.home-unified .home-kp-vlist.hu-vlist .mac-vod-ad-thumb{
  padding-top:0 !important;
  aspect-ratio:auto !important;
  height:auto !important;
  overflow:visible !important;
  background-image:none !important;
}
.home-kp-vlist .vodlist_thumb:not(.mac-vod-ad-thumb) img,
.home-unified .home-kp-vlist.hu-vlist .vodlist_thumb:not(.mac-vod-ad-thumb) img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-kp-vlist .mac-vod-ad-thumb img,
.home-unified .home-kp-vlist.hu-vlist .mac-vod-ad-thumb img{
  position:static !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  max-height:200px;
  object-fit:contain !important;
  object-position:center top;
  display:block;
}
.home-kp-section-title{
  margin:12px 10px 8px;
  color:#ddd;
  font-size:16px;
  font-weight:600;
}
/* ≥769：一行 4 条视频；之后宽度全程自适应，不再锁固定尺寸 */
@media (min-width:769px){
  .home-kp-vlist,
  .home-unified .home-kp-vlist.hu-vlist{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    gap:10px !important;
    padding:0 5px !important;
  }
}

/* 参考站底部 */
.kp-foot{
  margin-top:24px;
  padding:20px 16px;
  background:#323a41;
  color:#aaa;
  text-align:center;
  font-size:13px;
  line-height:1.8;
}
.kp-foot a{color:#ccc;text-decoration:none}
.kp-foot a:hover{color:#fff}
.kp-foot .split-line{margin:0 8px;color:#666}
.kp-foot p{margin:0 0 6px}

/* 首页/分类分页：对齐参考站深色圆角按钮 */
.kp-pager{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:18px 10px 28px;
  padding:4px 0 8px;
}
.kp-pager__btn{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:36px;
  padding:0 10px;
  border-radius:6px;
  background:#2a2a2a;
  color:#c8c8c8 !important;
  font-size:14px;
  line-height:1;
  text-decoration:none !important;
  -webkit-tap-highlight-color:transparent;
}
.kp-pager__btn--tail{
  min-width:52px;
  padding:0 12px;
}
.kp-pager__btn.is-active,
.kp-pager__btn.is-active:hover{
  background:#e85d4c;
  color:#fff !important;
  font-weight:600;
}
.kp-pager__btn:hover{
  color:#fff !important;
  background:#3a3a3a;
}
.kp-pager__btn.is-active:hover{
  background:#e85d4c;
}