.lyh-wrapper{position:relative;width:100%;max-width:100%;margin:20px 0}
.lyh-lite{
  position:relative;
  background-color:#000;
  background-size:cover;
  background-position:center;
  width:100%;
  aspect-ratio:16/9;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 4px 20px rgba(0,0,0,.2);
}
.lyh-lite::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.6) 0%, transparent 40%);
}
.lyh-play{
  width:68px;height:48px;
  background:#ff0000;
  border:none;
  border-radius:12px;
  position:relative;
  z-index:2;
  cursor:pointer;
  transition:transform .2s, background .2s;
  box-shadow:0 2px 10px rgba(0,0,0,.3);
}
.lyh-play::before{
  content:'';
  position:absolute;
  left:50%;top:50%;
  transform:translate(-35%,-50%);
  border-left:18px solid #fff;
  border-top:11px solid transparent;
  border-bottom:11px solid transparent;
}
.lyh-lite:hover .lyh-play{transform:scale(1.1);background:#cc0000}
.lyh-title{
  position:absolute;
  left:12px;right:12px;bottom:10px;
  z-index:2;
  color:#fff;
  font-family:system-ui,Arial;
  font-weight:700;
  font-size:16px;
  text-shadow:0 1px 3px rgba(0,0,0,.8);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lyh-iframe{
  position:absolute;inset:0;
  width:100%;height:100%;
  border:0;
  border-radius:12px;
}