/* ============================================================
 * 乐豆说英语 · K-G2「单词歌」三层播放器样式（风 v20261013l3s3）
 * 只在 #view-player.mode-l3song 下生效，不影响原焊死成片与其它页面。
 * 配色（直播用户反馈）：英文醒目亮黄 + 棕描边；中文白色衬托。复刻 xt 规范。
 * ============================================================ */

/* ① 底层静音循环背景母视频：满幅铺底 */
#l3-stage{position:absolute;inset:0;width:100%;height:100%;z-index:1;}
#l3-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;}
/* 底部压暗，保证字幕/控件在亮背景上可读 */
.l3-shade{position:absolute;left:0;right:0;bottom:0;height:42%;
  background:linear-gradient(to top,rgba(0,0,0,.62) 0%,rgba(0,0,0,.28) 55%,rgba(0,0,0,0) 100%);
  z-index:2;pointer-events:none;}

/* ③ 逐句字幕层 */
#l3-cap{position:absolute;left:6%;right:6%;bottom:15%;z-index:3;
  text-align:center;pointer-events:none;}
#l3-en{font-size:20px;line-height:1.24;font-weight:800;color:#ffe27a;
  text-shadow:0 2px 0 #7a4a12,0 0 10px rgba(0,0,0,.55);
  word-break:keep-all;overflow-wrap:break-word;}
#l3-zh{margin-top:.34em;font-size:13px;line-height:1.3;color:#fff;
  text-shadow:0 1px 4px rgba(0,0,0,.7);word-break:keep-all;overflow-wrap:break-word;}
#l3-en.l3pop{animation:l3pop .28s ease-out;}
@keyframes l3pop{0%{opacity:0;transform:translateY(10px) scale(.96);}100%{opacity:1;transform:none;}}

/* 三层模式下隐藏原焊死/舞台元素，顶栏与底栏控件复用（抬到视频之上） */
#view-player.mode-l3song{background:#000;}
#view-player.mode-l3song .pl-bg,
#view-player.mode-l3song .pl-video,
#view-player.mode-l3song .pl-ledou,
#view-player.mode-l3song .pl-tpr-bg,
#view-player.mode-l3song .pl-actwrap,
#view-player.mode-l3song .pl-subwrap,
#view-player.mode-l3song .pl-stage,
#view-player.mode-l3song .pl-mask{display:none!important;}
#view-player.mode-l3song .pl-top,
#view-player.mode-l3song .pl-bottom{z-index:7;}
/* 顶/底压暗渐变（复刻 xt index.html 114/121 行）：亮背景母视频下保证标题栏/进度条可读。
   必须限定在 .mode-l3song 作用域内——kg 的 .pl-top/.pl-bottom 在焊死成片与 TPR 模式
   也共用，裸选择器会全局改动旧模式底栏，故两条都带 mode-l3song 前缀。 */
#view-player.mode-l3song .pl-top{
  background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,0));}
#view-player.mode-l3song .pl-bottom{
  background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));}

/* 横屏：横版母视频 bg_song_h 满铺无竖构图黑边，字幕走底部宽栏居中（与竖屏布局统一），
   不再挤右侧 42% 窄栏（旧档导致手机横屏每行仅 2-3 词、长句频繁折两行）。
   字号 xt 固定档 英58/中21 起步，由 JS fitCap 按 86% 真机宽 measureText 收缩兜底。 */
@media (orientation:landscape){
  #l3-cap{left:7%;right:7%;bottom:16%;width:auto;text-align:center;}
  #l3-en{line-height:1.2;}
  #l3-zh{line-height:1.28;}
}