/* 录像详情页：深色皮肤下的播放区与相关列表 */

body.skin.luxiang-detail-page .media-player-stage-bleed{
  padding:10px 0 8px;
  margin:8px 0 0;
}

body.skin.luxiang-detail-page .media-player-stage-inner{
  padding:18px;
}

body.skin.luxiang-detail-page .media-player-layout,
body.skin.luxiang-detail-page .luxiang-sticky-layout{
  gap:18px;
  align-items:flex-start;
}

body.skin.luxiang-detail-page .luxiang-sticky-main{
  position:sticky;
  top:78px;
  z-index:5;
  align-self:flex-start;
}

body.skin.luxiang-detail-page .media-player-aside,
body.skin.luxiang-detail-page .luxiang-aside-scroll{
  display:flex;
  flex-direction:column;
  gap:14px;
  align-self:stretch;
  max-height:none;
  overflow:visible;
  background:transparent;
  border:0;
  padding:0;
}

body.skin.luxiang-detail-page .luxiang-aside-block{
  background:rgba(0,0,0,.18);
  border:1px solid var(--line);
  border-radius:12px;
  padding:14px 12px;
}

body.skin.luxiang-detail-page .media-player-aside h3,
body.skin.luxiang-detail-page .luxiang-aside-block h3{
  margin:0 0 12px;
  padding:0 0 10px;
  border-bottom:1px solid var(--line);
  font-size:15px;
  font-weight:800;
  color:var(--txt);
}

body.skin.luxiang-detail-page .media-player-aside .media-relate-list{
  overflow:visible;
  gap:10px;
}

body.skin.luxiang-detail-page .media-relate-list a{
  padding:8px;
  border-radius:10px;
  border:1px solid transparent;
  transition:.18s;
}

body.skin.luxiang-detail-page .media-relate-list a:hover{
  background:rgba(255,255,255,.04);
  border-color:var(--line);
  color:var(--acc);
}

body.skin.luxiang-detail-page .media-relate-thumb{
  flex:0 0 112px;
  width:112px;
  height:64px;
}

body.skin.luxiang-detail-page .media-relate-title{
  font-size:13px;
  line-height:1.45;
  -webkit-line-clamp:2;
  color:var(--txt);
}

body.skin.luxiang-detail-page .luxiang-news-list{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}

body.skin.luxiang-detail-page .luxiang-news-list a{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:8px;
  border-radius:10px;
  border:1px solid transparent;
  text-decoration:none;
  color:var(--txt);
  transition:.18s;
}

body.skin.luxiang-detail-page .luxiang-news-list a:hover{
  background:rgba(255,255,255,.04);
  border-color:var(--line);
  color:var(--acc);
}

body.skin.luxiang-detail-page .luxiang-news-cover{
  flex:0 0 96px;
  width:96px;
  height:58px;
  overflow:hidden;
  border-radius:8px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
}

body.skin.luxiang-detail-page .luxiang-news-cover img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

body.skin.luxiang-detail-page .luxiang-news-body{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

body.skin.luxiang-detail-page .luxiang-news-body b{
  font-size:13px;
  font-weight:650;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

body.skin.luxiang-detail-page .luxiang-news-body em{
  font-style:normal;
  font-size:12px;
  color:var(--dim);
}

body.skin.luxiang-detail-page .media-player-frame{
  border-radius:12px;
  overflow:hidden;
  background:#0b0d11;
}

body.skin.luxiang-detail-page .media-player-frame .luxiang-cover-play{
  background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.42) 100%);
}

body.skin.luxiang-detail-page .media-player-frame .luxiang-cover-play:hover{
  background:rgba(0,0,0,.52);
}

body.skin.luxiang-detail-page .luxiang-cover-play .play-btn{
  width:74px;
  height:74px;
  border-radius:50%;
  background:rgba(74,168,255,.92);
  border:0;
  box-shadow:0 10px 28px rgba(74,168,255,.35);
  transition:transform .18s ease,box-shadow .18s ease;
}

body.skin.luxiang-detail-page .luxiang-cover-play:hover .play-btn{
  transform:scale(1.06);
  box-shadow:0 14px 32px rgba(74,168,255,.45);
}

body.skin.luxiang-detail-page .luxiang-cover-play .play-btn::after{
  border-color:transparent transparent transparent #fff;
  margin-left:6px;
  border-width:13px 0 13px 22px;
}

body.skin.luxiang-detail-page .luxiang-cover-play .play-label{
  margin-top:2px;
  padding:5px 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  color:#fff;
  background:rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.14);
  text-shadow:none;
  backdrop-filter:blur(6px);
}

body.skin.luxiang-detail-page .media-player-sources{
  margin-top:14px;
}

body.skin.luxiang-detail-page .media-player-sources::before{
  content:"播放线路";
  display:block;
  margin:0 0 10px;
  font-size:13px;
  font-weight:700;
  color:var(--mut);
  letter-spacing:.3px;
}

body.skin.luxiang-detail-page .luxiang-source-list{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.skin.luxiang-detail-page .luxiang-source-list li{
  margin:0;
}

body.skin.luxiang-detail-page .luxiang-source-list a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  max-width:100%;
  padding:9px 12px;
  border-radius:10px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
  color:var(--txt);
  font-size:13px;
  line-height:1.35;
  text-decoration:none;
  transition:.18s;
}

body.skin.luxiang-detail-page .luxiang-source-list a:hover{
  border-color:rgba(74,168,255,.45);
  background:rgba(74,168,255,.12);
  color:#fff;
  box-shadow:none;
}

body.skin.luxiang-detail-page .luxiang-source-list .source-type{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  height:22px;
  padding:0 8px;
  border-radius:6px;
  background:linear-gradient(135deg,var(--acc),#2f7fd4);
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.3px;
}

body.skin.luxiang-detail-page .luxiang-source-list .source-type.is-jijin{
  background:linear-gradient(135deg,#3ecf8e,#2aa56a);
}

body.skin.luxiang-detail-page .media-player-info{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--line);
}

body.skin.luxiang-detail-page .luxiang-info-bar{
  margin-top:16px;
  padding:16px 2px 0;
  border-top:1px solid var(--line);
}

body.skin.luxiang-detail-page .luxiang-info-bar h1{
  margin:0 0 12px;
  font-size:22px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.2px;
  color:var(--txt);
}

body.skin.luxiang-detail-page .luxiang-info-bar .media-player-info-foot{
  gap:12px;
}

body.skin.luxiang-detail-page .luxiang-info-bar .media-player-nav{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--line);
}

@media (max-width:992px){
  body.skin.luxiang-detail-page .luxiang-sticky-main{
    position:static;
    top:auto;
  }
  body.skin.luxiang-detail-page .luxiang-info-bar h1,
  body.skin.luxiang-detail-page .media-player-info h1{font-size:18px}
  body.skin.luxiang-detail-page .luxiang-cover-play .play-btn{width:60px;height:60px}
}

@media (max-width:640px){
  body.skin.luxiang-detail-page .media-player-stage-inner{padding:12px}
  body.skin.luxiang-detail-page .luxiang-news-cover{
    flex:0 0 84px;
    width:84px;
    height:52px;
  }
}