/* 蓝果播放页（ll/watch）PC 补充样式：在 ll-c.css 之后引入（layouts/cyber-video.tpl）。
   1. 右侧竖排操作栏：GV 与短剧统一按 Figma 493:19240 = 167:57062（GV 原横排深色胶囊覆盖已从 ll-c.css 删除）。
   2. 控制栏「宽屏播放 / 退出宽屏」按钮（189:65106 内 493:19440 / 493:18507），仅 PC ≥1024。
   3. 宽屏态 .lw.is-wide（489:18211 GV、493:18514 短剧）：隐藏侧栏与操作栏，播放区占满内容区全宽，顶栏与面包屑保留。
   数值按 1920 设计稿写；1024~1919 由 languo.css 的 html zoom 整体等比缩放。
   竖排操作栏与控制栏规则只作用于播放页（:not(.is-detail)）：PC 视频介绍布局 .is-detail 无对应设计稿，保持 ll-c.css 原样。
   控制栏内尺寸用 --lwu（播放区宽 / 设计稿播放区宽）：常规 1470、宽屏 1920，宽屏下按钮与 Figma 同尺寸、不随播放区变宽而放大。 */
@media (min-width:1024px){
  /* ---------- 竖排操作栏（列宽 100，右缘贴播放区右缘，底距播放区底 107，项间距 16） ---------- */
  .lw[data-lw]:not(.is-detail) .lw-actions{top:auto;right:0;bottom:107px;flex-direction:column;align-items:center;gap:16px;padding:0;background:none;border-radius:0;transform:none}
  .lw[data-lw]:not(.is-detail) .lw-act{width:100px;height:auto;min-height:0;gap:8px;padding:0;color:#eee;font-size:max(14px,var(--ll-fmin,0px));font-weight:500;text-shadow:none}
  .lw[data-lw]:not(.is-detail) .lw-act__ic{width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.3);color:inherit}
  .lw[data-lw]:not(.is-detail) .lw-act__ic svg{width:24px;height:24px}
  .lw[data-lw]:not(.is-detail) .lw-act em{font-size:max(14px,var(--ll-fmin,0px));font-weight:500;line-height:max(20px,calc(var(--ll-fmin,0px)*1.25));color:#a6a6ab}
  .lw[data-lw]:not(.is-detail) .lw-act .lw-ic-off{display:none}.lw[data-lw]:not(.is-detail) .lw-act .lw-ic-on{display:block}
  .lw[data-lw]:not(.is-detail) .lw-act:hover{color:#fff}
  .lw[data-lw]:not(.is-detail) .lw-act:hover .lw-act__ic{background:rgba(0,0,0,.5)}
  /* 已点亮（喜欢/收藏）：沿用 #5C8DFF（稿内无点亮态） */
  .lw[data-lw]:not(.is-detail) .lw-act[aria-pressed=true],.lw[data-lw]:not(.is-detail) .lw-act[aria-pressed=true]:hover{color:#5c8dff}
  .lw[data-lw]:not(.is-detail) .lw-act[aria-pressed=true] .lw-act__ic,.lw[data-lw]:not(.is-detail) .lw-act.is-like[aria-pressed=true] .lw-act__ic,.lw[data-lw]:not(.is-detail) .lw-act.is-favorite[aria-pressed=true] .lw-act__ic{color:#5c8dff}
  .lw[data-lw]:not(.is-detail) .lw-act[aria-pressed=true] em{color:#a6a6ab}
  /* 与 UI 稿：点赞红心 / 收藏黄星（图标色），数字保持灰字，修 53598 */
  .lw[data-lw]:not(.is-detail) .lw-act.is-like[aria-pressed=true] .lw-act__ic,.lw[data-lw]:not(.is-detail) .lw-act.is-like[aria-pressed=true]:hover .lw-act__ic{color:#e84142}
  .lw[data-lw]:not(.is-detail) .lw-act.is-favorite[aria-pressed=true] .lw-act__ic,.lw[data-lw]:not(.is-detail) .lw-act.is-favorite[aria-pressed=true]:hover .lw-act__ic{color:#ffd900}

  /* ---------- 控制栏右侧组：音量 40 / 1X 40 / 宽屏 151×57 / 全屏 40，组内间距 10，组右缘距播放区右 40 ---------- */
  .lw[data-lw]:not(.is-detail) .lw-bottom{--lwu:calc(100cqw / 1470);padding-right:calc(40 * var(--lwu))}
  .lw[data-lw]:not(.is-detail) .lw-tool--vol,.lw[data-lw]:not(.is-detail) .lw-tool--speed,.lw[data-lw]:not(.is-detail) .lw-tool--full{width:calc(40 * var(--lwu));min-width:calc(40 * var(--lwu));height:calc(40 * var(--lwu))}
  .lw[data-lw]:not(.is-detail) .lw-tool--vol{margin-left:calc(11 * var(--lwu) - max(12px,1.361cqw))}
  .lw[data-lw]:not(.is-detail) .lw-tool--speed,.lw[data-lw]:not(.is-detail) .lw-wide,.lw[data-lw]:not(.is-detail) .lw-tool--full{margin-left:calc(10 * var(--lwu) - max(12px,1.361cqw))}
  .lw-wide{order:7;display:inline-flex;align-items:center;justify-content:center;gap:calc(10 * var(--lwu,1px));box-sizing:border-box;width:calc(151 * var(--lwu,1px));min-width:0;height:calc(57 * var(--lwu,1px));padding:calc(14 * var(--lwu,1px)) calc(12 * var(--lwu,1px));border-radius:calc(14 * var(--lwu,1px));background:rgba(255,255,255,.1);color:#fff;white-space:nowrap}
  .lw-wide svg{flex:none;width:calc(28 * var(--lwu,1px));height:calc(28 * var(--lwu,1px))}
  .lw-wide span{font-size:max(calc(22 * var(--lwu,1px)),var(--ll-fmin,0px));font-weight:500;line-height:max(calc(29 * var(--lwu,1px)),calc(var(--ll-fmin,0px)*1.25));letter-spacing:.5px}
  .lw-wide:hover:not(:disabled){background:rgba(255,255,255,.16)}
  .lw-wide .lw-wide__off,.lw.is-wide .lw-wide .lw-wide__on{display:none}
  .lw.is-wide .lw-wide .lw-wide__off{display:inline}

  /* ---------- 宽屏态 ---------- */
  .lw.is-wide{grid-template-columns:minmax(0,1fr)}
  .lw.is-wide[data-lw] .lw-side,.lw.is-wide[data-lw] .lw-actions{display:none}
  .ll-watch-body:has(.lw.is-wide) .ll-fab,.ll-watch-body:has(.lw.is-wide) .ll-fab-probe{display:none}
  /* 短剧竖屏画面：高度撑满播放区、水平居中（493:18514 视频 499×886）；左上集数标签保留 */
  .lw.is-wide:not(.is-gv) .lw-frame{top:0;bottom:0;left:50%;height:100%;max-width:none}
  .lw.is-wide:not(.is-gv) .lw-center{left:50%;top:50%}
  .lw.is-wide:not(.is-gv) .lw-status,.lw.is-wide:not(.is-gv) .lw-status--loading{bottom:0;left:50%;max-width:none}
  /* 控制栏全宽（1919×99）：播放键 60 左距 30、底距 24；时间 20；组：音量/1X/全屏 间距 8，「退出宽屏」在最右、距左侧组 22，右缘距右 41 */
  .lw.is-wide[data-lw] .lw-bottom{--lwu:calc(100cqw / 1920);gap:calc(20 * var(--lwu));padding:30px calc(41 * var(--lwu)) calc(24 * var(--lwu)) calc(30 * var(--lwu))}
  .lw.is-wide[data-lw] .lw-tool--play{width:calc(60 * var(--lwu));height:calc(60 * var(--lwu));min-width:calc(60 * var(--lwu))}
  .lw.is-wide[data-lw] .lw-tool--play svg{width:calc(22 * var(--lwu));height:calc(22 * var(--lwu))}
  .lw.is-wide[data-lw] .lw-time span{font-size:max(calc(20 * var(--lwu)),var(--ll-fmin,0px))}
  .lw.is-wide[data-lw] .lw-tool--speed span,.lw.is-wide[data-lw] .lw-tool--speed [data-lw-speed-label]{font-size:max(calc(22 * var(--lwu)),var(--ll-fmin,0px))}
  .lw.is-wide[data-lw] .lw-tool--vol svg,.lw.is-wide[data-lw] .lw-tool--full svg{width:calc(31 * var(--lwu));height:calc(31 * var(--lwu))}
  .lw.is-wide[data-lw] .lw-tool--vol{margin-left:calc(20 * var(--lwu))}
  .lw.is-wide[data-lw] .lw-tool--speed,.lw.is-wide[data-lw] .lw-tool--full{margin-left:calc(-12 * var(--lwu))}
  .lw.is-wide[data-lw] .lw-wide{order:9;margin-left:calc(2 * var(--lwu))}
}
