/* 优酷视频幻灯 slide-i — 竖海报轨对齐优酷 */
.ykv-slide{
  --ykv-bg:#111319;
  --ykv-fg:#fff;
  --ykv-muted:rgba(255,255,255,.78);
  --ykv-chip:rgba(255,255,255,.16);
  --ykv-score:#ffd666;
  --ykv-rail-h:188px;
  --ykv-info-gap:28px; /* 播放按钮 ↔ 竖海报，对齐优酷紧凑间距 */
  --ykv-gap:16px;
  position:relative;
  overflow:hidden;
  color:var(--ykv-fg);
  background:var(--ykv-bg);
}
.ykv-stage{position:relative;width:100%}
.ykv-hero{
  position:relative;
  z-index:1;
  width:100%;
  height:0;
  padding-top:46%;
  overflow:hidden;
}
.ykv-hero .swiper-wrapper{
  position:absolute;
  inset:0;
}
.ykv-item{
  position:relative;
  width:100%;
  height:100%;
  padding-top:0;
  background:#0c0e14;
}
.ykv-hero.swiper-container-fade .swiper-slide,
.ykv-hero.swiper-fade .swiper-slide{
  pointer-events:none!important;
}
.ykv-hero.swiper-container-fade .swiper-slide-active,
.ykv-hero.swiper-fade .swiper-slide-active,
.ykv-hero .swiper-slide-active{
  pointer-events:auto!important;
}
.ykv-hit{
  position:absolute;
  left:0;
  right:0;
  top:0;
  /* 避开底栏海报 + 播放按钮行，避免透明热区抢点击 */
  bottom:calc(var(--ykv-rail-h) + 56px);
  z-index:5;
  display:block;
  cursor:pointer;
  background:transparent;
}
/* 主图整体上移，盖住导航区黑边（对齐旧 slid-e-top） */
.ykv-media{
  position:absolute;
  left:0;
  right:0;
  top:-36px;
  height:calc(100% + 36px);
  width:100%;
}
.ykv-poster,
.ykv-video{
  position:absolute;
  inset:0;
}
.ykv-poster{
  z-index:1;
  overflow:hidden;
  background:#0c0e14 center 28%/cover no-repeat;
}
.ykv-poster-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 28%;
  display:block;
}
.ykv-video{
  z-index:2;
  display:none;
  opacity:0;
  visibility:hidden;
  transition:opacity .55s ease;
  pointer-events:none;
}
.ykv-item.is-playing .ykv-video{
  display:block;
  opacity:1;
  visibility:visible;
}
.ykv-preview{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 28%;
  display:block;
  pointer-events:none;
  /* 屏蔽浏览器自带下载/投屏等控件条 */
  -webkit-media-controls:none!important;
}
.ykv-shade{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(17,19,25,.22) 0%,rgba(17,19,25,0) 22%),
    linear-gradient(0deg,rgba(17,19,25,.92) 0%,rgba(17,19,25,.55) 38%,rgba(17,19,25,0) 62%),
    linear-gradient(90deg,rgba(17,19,25,.55) 0%,rgba(17,19,25,0) 48%);
}
.ykv-info{
  position:absolute;
  left:0;
  right:0;
  bottom:calc(var(--ykv-rail-h) + var(--ykv-info-gap));
  z-index:30; /* 高于底栏(20)，保证「播放」可点 */
  pointer-events:none;
}
.ykv-info .box-width{
  pointer-events:none;
  position:relative;
  z-index:1;
}
.ykv-title a,
.ykv-actions,
.ykv-play,
.ykv-mute{
 
  position:relative;
  z-index:2;
}
.ykv-title a{
  color:inherit;
  text-decoration:none;
}
.ykv-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 10px;
  transition:opacity .4s ease,transform .4s ease,max-height .4s ease,margin .4s ease;
  max-height:48px;
  overflow:hidden;
}
.ykv-tag{
  display:inline-flex;
  align-items:center;
  padding:3px 8px;
  border-radius:4px;
  font-size:12px;
  line-height:18px;
  background:var(--ykv-chip);
  color:rgba(255,255,255,.92);
}
.ykv-tag-score{
  background:rgba(255,196,0,.2);
  color:var(--ykv-score);
}
.ykv-title{
  margin:0 0 12px;
  max-width:640px;
  font-size:42px;
  line-height:1.15;
  font-weight:700;
  text-shadow:0 2px 18px rgba(0,0,0,.55);
}
.ykv-blurb{
  margin:0 0 12px;
  max-width:560px;
  font-size:14px;
  line-height:22px;
  color:var(--ykv-muted);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  transition:opacity .4s ease,transform .4s ease,max-height .4s ease,margin .4s ease;
  max-height:48px;
}
.ykv-slide.is-meta-hide .ykv-tags,
.ykv-slide.is-meta-hide .ykv-blurb{
  opacity:0;
  transform:translateY(-10px);
  max-height:0;
  margin:0;
  pointer-events:none;
}
.ykv-actions{
  display:flex;
  align-items:center;
  gap:12px;
  position:relative;
  z-index:3;
  margin:0;
  
}
.ykv-play{
  height: clamp(32px, 2.8125vw, 54px);
    line-height: clamp(32px, 2.8125vw, 54px);
    padding: 0 clamp(16px, 1.6667vw, 32px);
    background: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: #ffffff;
    border-radius: 8px;
    margin-right: 12px;
    font-size: clamp(12px, 1.1111vw, 20px);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.ykv-play:hover{
  background:#fff!important;
  color:#111!important;
}
.ykv-mute{
  display:none;
  position:absolute;
  right:0;
  bottom:0;
  z-index:3;
  width:40px;
  height:40px;
  border:0;
  border-radius:50%;
  background:rgba(0,0,0,.55);
  color:#fff;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  
}

/* 只有当幻灯片处于激活状态时，才允许它内部的按钮响应鼠标 Hover 和点击 */
.swiper-slide-active .ykv-title a,
.swiper-slide-active .ykv-actions,
.swiper-slide-active .ykv-play,
.swiper-slide-active .ykv-mute {
  pointer-events: auto !important;
}

.ykv-item.is-video.is-playing .ykv-mute{display:inline-flex}
.ykv-mute .fa{font-size:18px;line-height:1}

/* ========== 底部竖海报轨（优酷风格：红框内完整 + 框外露出下一张） ========== */
.ykv-rail{
  position:absolute;
  left:0;
  right:0;
  bottom:0px;
  z-index:20;
  pointer-events:auto;
}
.ykv-rail-box{
  position:relative;
  overflow:visible;
}
.ykv-rail-wrap{
  position:relative;
  overflow:visible;
}
.ykv-rail-box{
  min-width:0;
  /*max-width:100%;*/
  box-sizing:border-box;
}
.ykv-rail-viewport{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  padding:2px 0;
  margin:0;
  box-sizing:border-box;
  /* JS 算好尺寸前先藏住，避免刷新先错位再跳回 */
  visibility:hidden;
}
.ykv-slide.is-rail-ready .ykv-rail-viewport{
  visibility:visible;
  max-width:none;
}
.ykv-rail-track{
  display:flex;
  gap:0;
  will-change:transform;
  transition:none;
  padding:0;
  margin:0;
  box-sizing:border-box;
}
.ykv-rail-track.is-anim{
  transition:transform .35s ease;
}
.ykv-thumb{
  flex:0 0 10%;
  width:10%;
  min-width:0;
  margin:0;
  padding:0 var(--ykv-gap) 0 0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  text-align:left;
  box-sizing:border-box;
  outline:none;
  -webkit-tap-highlight-color:transparent;
  position:relative;
  z-index:2;
  pointer-events:auto;
}
/* 对齐 common.css .public-pic-b / 预告列表列数，避免 JS 跑起来前先错位 */
@media (max-width:559px){
  .ykv-thumb{flex:0 0 33.33333333%;width:33.33333333%}
}
@media (min-width:560px) and (max-width:767px){
  .ykv-thumb{flex:0 0 25%;width:25%}
}
@media (min-width:768px) and (max-width:1200px){
  .ykv-thumb{flex:0 0 20%;width:20%}
}
@media (min-width:1201px) and (max-width:1329px){
  .ykv-thumb{flex:0 0 16.666666%;width:16.666666%}
}
@media (min-width:1330px) and (max-width:1691px){
  .ykv-thumb{flex:0 0 14.277777%;width:14.277777%}
}
@media (min-width:1692px) and (max-width:1934px){
  .ykv-thumb{flex:0 0 12.499999%;width:12.499999%}
}
@media (min-width:1935px) and (max-width:2200px){
  .ykv-thumb{flex:0 0 11.111111%;width:11.111111%}
}
.ykv-thumb:focus,
.ykv-thumb:focus-visible{
  outline:none;
}
.ykv-thumb-pic{
  position:relative;
  display:block;
  width:100%;
  padding-top:135.74%;
  border-radius:6px;
  overflow:hidden;
  background:#1a1d26;
}
.ykv-thumb-pic img,
.ykv-thumb .gen-movie-img,
.ykv-thumb:hover .ykv-thumb-pic img,
.ykv-thumb.is-on .ykv-thumb-pic img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
  transform:none!important;
  transition:none!important;
}
/* 白边必须叠在封面图之上：inset box-shadow 会被 img 盖住 */
.ykv-thumb-pic::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  border-radius:inherit;
  box-shadow:inset 0 0 0 0 transparent;
  pointer-events:none;
  transition:box-shadow .2s ease;
}
.ykv-thumb.is-on .ykv-thumb-pic::after{
  box-shadow:inset 0 0 0 2px #fff;
}
.ykv-thumb-shade{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:48%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(transparent,rgba(0,0,0,.78));
}
.ykv-thumb-name{
  display:none!important;
}
.ykv-thumb-mark{
  position:absolute;
  right:5px;
  bottom:4px;
  z-index:2;
  font-size:12px;
  line-height:13px;
  color:rgba(255,255,255,.88);
  text-shadow:0 1px 3px rgba(0,0,0,.7);
}
/* 优酷风格：广告角标 */
.ykv-thumb-ad{
  position:absolute;
  right:4px;
  top:4px;
  z-index:4;
  padding:1px 5px;
  border-radius:2px;
  font-size:11px;
  line-height:16px;
  color:#fff;
  background:rgba(0,0,0,.45);
  pointer-events:none;
  white-space:nowrap;
}

/* 框外露出区压暗 + 竖条箭头 */
.ykv-rail-edge{
  position:absolute;
  top:4px;
  bottom:4px;
  width:48px;
  z-index:5;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:opacity .2s ease,visibility .2s ease;
}
.ykv-rail-edge.is-on{
  opacity:1;
  visibility:visible;
}
.ykv-rail-edge-l{
  left:0;
  background:linear-gradient(90deg,rgba(17,19,25,.55) 0%,rgba(17,19,25,.2) 50%,rgba(17,19,25,0) 100%);
}
.ykv-rail-edge-r{
  right:0;
  background:linear-gradient(270deg,rgba(17,19,25,.55) 0%,rgba(17,19,25,.2) 50%,rgba(17,19,25,0) 100%);
}
.ykv-rail-btn{
  position:absolute;
  top:4px;
  bottom:4px;
  width:48px;
  z-index:7;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
  font-size:22px;
}
.ykv-rail-btn i{
  display:block;
  line-height:1;
  text-shadow:0 1px 6px rgba(0,0,0,.75);
}
.ykv-rail-prev{left:0}
.ykv-rail-prev i{transform:rotate(180deg)}
.ykv-rail-next{right:0}
.ykv-rail-wrap:hover .ykv-rail-btn:not(.is-disabled){
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.ykv-rail-btn.is-disabled{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media (max-width:767px){
  .ykv-slide{--ykv-rail-h:124px;--ykv-info-gap:10px;--ykv-gap:6px}
  .ykv-hero{padding-top:150%}
  .ykv-item{padding-top:0;height:100%}
  .ykv-info{bottom:calc(var(--ykv-rail-h) + var(--ykv-info-gap))}
  .ykv-title{font-size:24px;margin-bottom:8px}
  .ykv-blurb{font-size:13px;-webkit-line-clamp:2}
  .ykv-play{height:32px;padding:0 14px;font-size:12px}
  .ykv-mute{width:34px;height:34px}
  .ykv-thumb{
    flex:0 0 25%;
    width:25%;
  }
  .ykv-rail-btn,
  .ykv-rail-edge{display:none!important}
  .ykv-rail{bottom:10px}
  .ykv-rail-viewport{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    width:100%!important;
    margin-left:0!important;
  }
}
@media (min-width:768px) and (max-width:1199px){
  .ykv-slide{--ykv-rail-h:172px;--ykv-info-gap:28px}
  .ykv-hero{padding-top:58%}
  .ykv-item{padding-top:0;height:100%}
  .ykv-title{font-size:34px}
}
@media (min-width:1200px) and (max-width:1599px){
  .ykv-slide{--ykv-rail-h:188px;--ykv-info-gap:28px}
}
@media (min-width:1330px) and (max-width:1934px){
  .ykv-hero{padding-top:46%}
  .ykv-item{padding-top:0;height:100%}
}
@media (min-width:1600px){
  .ykv-slide{--ykv-rail-h:200px;--ykv-info-gap:28px}
}