/* 蓝果播放页（ll/watch）Figma 定点对齐（te-1792731659-9c85d3 watch 组差异清单）：在 ll-c.css、ll-c-wide.css 之后引入（layouts/cyber-video.tpl）。
   数值全部取自 Figma 节点（fileKey JyNjksz6eIFQt8nEMwVJgM）；PC 按 1920 设计稿（1024~1919 由 html zoom 等比缩放），H5 按 375/390 稿。
   画框间互相矛盾时以多数画框为准，原因写在每段注释里。 */

/* ======================= PC ≥1024 ======================= */
@media (min-width:1024px){
  /* ---- 侧栏起点：短剧 7 个画框（167:57106/57378/57657、171:58132/58549/58890/59201）侧栏从顶栏下沿开始、面包屑只到播放区右缘；
          GV（287:17432、189:*）侧栏在面包屑下方，保持原样 ---- */
  .lw:not(.is-gv):not(.is-wide) .lw-crumb{grid-column:1;grid-row:1}
  .lw:not(.is-gv):not(.is-wide) .lw-stage{grid-column:1;grid-row:2}
  .lw:not(.is-gv):not(.is-wide) .lw-side{grid-column:2;grid-row:1/3;height:calc(calc(100*var(--ll-vh,1vh)) - var(--header-h))}
  /* 标签行 80 高（内容标签 450×80，选中指示贴底）；内容左右边距 24（侧栏 1px 左描边 + 23） */
  .lw[data-lw] .lw-tabs{height:80px}
  .lw:not(.is-gv) .lw-tabs{padding:0 23px}
  .lw:not(.is-gv) .lw-side__scroll{padding-left:23px;padding-right:23px}
  .lw:not(.is-gv) .lw-side[data-tab=comments] .lw-side__scroll{padding:0 23px 24px}

  /* ---- 短剧画框：100:21839 / 167:57657 / 171:* 播放框 586×1041 顶到播放区底、水平居中（443~1029），控制条叠在画面上 ----
          加载 / 失败态（167:57106、167:57378）仍是 547×972、中心右移 34 的小框，保持 ll-c.css 原几何 */
  .lw:not(.is-gv):not(.is-wide) .lw-stage:not(.is-loading):not(.is-error) .lw-frame{bottom:0;left:50%}
  .lw:not(.is-gv):not(.is-wide) .lw-stage:not(.is-loading):not(.is-error) .lw-center{left:50%;top:50%}
  /* 中心播放键：短剧 112（100:21839 / 167:57657 / 171:* Pause 112×112），GV 104、中心比播放区中线高 4（287:17432 Frame 162712），均为黑 60% */
  .lw:not(.is-gv):not(.is-wide) .lw-center{width:112px;height:112px}
  .is-gv:not(.is-wide) .lw-center{top:calc(50% - 4px);width:max(48px,7.075cqw);height:max(48px,7.075cqw);background:rgba(0,0,0,.6)}
  /* 海报非 9:16 时铺满画框（Rectangle 544902 IMAGE 填满 586×1041，无上下色带） */
  .lw:not(.is-gv) .lw-frame__poster{object-fit:cover}

  /* ---- 右侧竖排操作栏：短剧 Actions 顶 = 页面 652（视口底 −152−352），GV 287:17432 顶 = 628（底距 117） ---- */
  .lw[data-lw]:not(.is-detail):not(.is-gv) .lw-actions{bottom:152px}
  .lw[data-lw].is-gv:not(.is-detail) .lw-actions{bottom:117px}
  /* 亮色画面上灰字可读：加柔和投影（设计稿是暗色画面，不改字色） */
  .lw[data-lw]:not(.is-detail) .lw-act em{text-shadow:0 1px 3px rgba(0,0,0,.6)}

  /* ---- 底部控制条（189:65106，实例 x=4）：播放键 56 圆 白 10% 底、图标 38；左距 34、底距 23；
          播放键→时间 19、时间→进度 15、进度→结束时间 15；时间 Medium 19.2 / 20 ---- */
  /* 组间距沿用 ll-c.css 的 20（右侧音量/1X/宽屏/全屏的 margin 按 20 扣算过），左侧用负外边距收到 19 / 15 / 15 */
  /* 设计稿控制条实例 x=4：右侧组右缘距播放区右 36 */
  .lw[data-lw]:not(.is-detail) .lw-bottom{padding-left:calc(34 * var(--lwu));padding-right:calc(36 * var(--lwu));padding-bottom:calc(23 * var(--lwu))}
  .lw[data-lw]:not(.is-detail) .lw-tool--play{width:calc(56 * var(--lwu));height:calc(56 * var(--lwu));min-width:calc(56 * var(--lwu));margin-right:calc(-1 * var(--lwu));background:rgba(255,255,255,.1)}
  .lw[data-lw]:not(.is-detail) .lw-tool--play svg{width:calc(38 * var(--lwu));height:calc(38 * var(--lwu))}
  .lw[data-lw]:not(.is-detail) .lw-progress{margin:0 calc(-5 * var(--lwu)) 0 calc(-7 * var(--lwu))}
  .lw[data-lw]:not(.is-detail) .lw-time span{font-size:max(calc(19.2 * var(--lwu)),var(--ll-fmin,0px));font-weight:500}
  .lw[data-lw]:not(.is-detail) .lw-time [data-lw-dur]{font-size:max(calc(20 * var(--lwu)),var(--ll-fmin,0px))}

  /* ---- 加载 / 失败态：控制条与操作栏保持纯白（189:65107 / 189:65410 / 189:65721），遮罩只压画面 ---- */
  .lw[data-lw]:not(.is-detail) .lw-bottom,.lw[data-lw]:not(.is-detail) .lw-actions{z-index:8}

  /* ---- 播放失败提示（167:57378）：刷新图标中心 555、标题 590（14）、副文案 610（12）、按钮 86×31 顶 633 ---- */
  .lw-status--error .lw-status__ic{margin-top:10px}
  .lw-status--error strong{margin-top:13px;line-height:20px}
  .lw-status--error p{margin-top:1px;line-height:17px}
  /* 副文案「请稍后重试」白字（167:57378 渲染图采样 255,255,255）；GV 失败帧 189:65721 仍为灰字，不动 */
  .lw:not(.is-gv) .lw-status--error p{color:#fff}
  .lw-status--error button{margin-top:15px}

  /* ---- 评论排序（171:58103）：行高 62、距标签行 21；「热门」胶囊 52×32 #5C8DFF 20% 底 圆角 4、14px 600；「最新」14px 500 白 ---- */
  .lw:not(.is-gv) .lw-sort{gap:16px;padding-top:36px;padding-bottom:15px;border-bottom-color:#242d39}
  .lw-sort button,.lw:not(.is-gv) .lw-sort button{height:32px;padding:4px 12px;border-radius:4px;font-size:max(14px,var(--ll-fmin,0px));font-weight:500;line-height:24px}
  .lw-sort button.is-active,.lw:not(.is-gv) .lw-sort button.is-active{background:rgba(92,141,255,.2);color:#5c8dff;font-weight:600}

  /* ---- 一级评论（171:58107）：无楼内回复时不缩进（头像 x=1494），有回复时缩进 24（171:58549 / 171:58890 头像 1518）；
          头像 46、间距 12；上下 20；时间 14 白、回复 14 蓝 ---- */
  .lw:not(.is-gv) .lw-cmts .lw-cmt:not(.lw-cmt--reply){padding-left:0;padding-top:20px;padding-bottom:20px;border-bottom-color:#242d39}
  .lw:not(.is-gv) .lw-cmts .lw-cmt:not(.lw-cmt--reply):has(.lw-replies .lw-cmt--reply){padding-left:24px}
  .lw-cmt{grid-template-columns:46px 1fr}
  .lw-cmt>.lw-avatar{width:46px;height:46px}
  .lw-cmt__meta small{color:#fff}
  /* 楼内回复（171:58880）：头像 30 青绿渐变（无用户色时）、与正文间距 6；时间 12 白 65% */
  .lw-cmt--reply{grid-template-columns:30px 1fr;gap:6px}
  .lw-cmt--reply>.lw-avatar{width:30px;height:30px;font-size:max(14px,var(--ll-fmin,0px))}
  .lw-cmt--reply>.lw-avatar:not([data-av]){background:linear-gradient(180deg,#aff0ff,#3adcd1)}
  .lw-cmt--reply .lw-cmt__meta small{color:rgba(255,255,255,.65)}

  /* ---- 评论输入栏（171:58124）：82 高、左右 24；头像 44 蓝渐变、输入框 286×44（#262A36 + #353A48 描边）、发送 60×44，间距 6 ---- */
  .lw-compose{padding:19px 23px}
  .lw-compose__row{gap:6px}
  .lw-compose .lw-avatar--me:not([data-av]){background:linear-gradient(180deg,#6abaff,#5c8dff)}
  .lw-compose textarea{border:1px solid #353a48}
  .lw-compose textarea:focus{border-color:#353a48}
  /* 回复上下文（171:58132）：卡片 402×95 #5C8DFF 10% 底 圆角 12、内边距 20/15、与输入行间距 24；输入栏上 20 下 29 */
  .lw-compose:has(.lw-compose__ctx:not([hidden])){padding-top:20px;padding-bottom:29px}
  .lw-compose__ctx{min-height:95px;margin-bottom:24px;padding:20px 15px;border-radius:12px;background:rgba(92,141,255,.1)}
  /* 字段错误（171:58890）：输入行上 20，红字 12/24 #FF4638 距输入行 15，下 14 */
  .lw-compose.has-error{padding-top:20px;padding-bottom:14px}
  .lw-compose__err{margin-top:15px;line-height:24px;color:#ff4638}

  /* ---- 最新地址「查看全部入口」（171:59201）：402×52、16px 600 白 ---- */
  .lw-addr__all{font-size:max(16px,var(--ll-fmin,0px));font-weight:600;color:#fff}

  /* ---- GV 侧栏（189:64621）：标签间距 32、「评论 1」数字 12px 粗、与文字底部对齐；封面 402×226 圆角 16；
          题材 14 #9397A3；简介正文 #A6A9B4 ---- */
  .is-gv .lw-tabs{gap:36px;padding:0 23px}
  .is-gv .lw-tabs sup{margin-left:4px;font-size:max(12px,var(--ll-fmin,0px));font-weight:700;color:#9ba7b7;vertical-align:baseline;line-height:inherit}
  .is-gv .lw-side__scroll{padding-left:24px;padding-right:23px}
  .is-gv .lw-ov__poster{border-radius:16px}
  /* 选中标签下划线（GV 189:64621 / 短剧 167:57657 选中指示 40×2 r=100，两类播放页一致）：2px #5C8DFF，从文字左缘起、比文字宽 4（「视频」36 → 40，x24~64） */
  .lw[data-lw] .lw-tabs button[aria-selected=true]{border-bottom-color:transparent}
  .lw[data-lw] .lw-tabs button[aria-selected=true]::after{content:"";position:absolute;left:0;right:-4px;bottom:-2px;height:2px;border-radius:1px;background:#5c8dff}
  .is-gv .lw-ov__genre{font-size:max(13px,var(--ll-fmin,0px));line-height:max(20px,calc(var(--ll-fmin,0px)*1.25));color:#9397a3}
  .is-gv .lw-desc p,.is-gv .lw-desc.is-clamp .lw-desc__more::before{color:#a6a9b4}

  /* ---- 宽屏（489:18211 / 493:18514）：播放键 60（左 30），时间 x110、进度 180~1440、结束时间 1462；
          GV 中心播放键 104 黑 60%，短剧中心键 95 ---- */
  .lw.is-wide[data-lw] .lw-bottom{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));margin-right:0}
  .lw.is-wide[data-lw] .lw-tool--play svg{width:calc(38 * var(--lwu));height:calc(38 * var(--lwu))}
  .lw.is-wide[data-lw] .lw-progress{margin:0 0 0 calc(-3 * var(--lwu))}
  .lw.is-wide.is-gv .lw-center{width:104px;height:104px;background:rgba(0,0,0,.6)}
  .lw.is-wide:not(.is-gv) .lw-center{width:95px;height:95px}
  .lw.is-wide:not(.is-gv) .lw-frame{background:#0a0a0b}
  /* 宽屏左上集数胶囊（493:18527 SeeMore）：距播放区顶 20、108×33、黑 50% 底 + 白 20% 描边；「第 1 集·」13px Medium 白，「16 集全」11px #9E9E9E
     常规帧（100:21839 等）胶囊为 117×35、距顶 8，保持 ll-c.css 原样 */
  .lw.is-wide .lw-stage__top{top:20px;height:33px;gap:0;padding:0 8px 0 7px;border-color:rgba(255,255,255,.2);background:rgba(0,0,0,.5)}
  .lw.is-wide .lw-stage__top strong{font-size:max(13px,var(--ll-fmin,0px));font-weight:500}
  .lw.is-wide .lw-stage__top span{font-size:max(11px,var(--ll-fmin,0px));color:#9e9e9e}
}

/* ======================= H5 ≤1023（Figma 750 宽 @2x，下列数值已 ÷2） ======================= */
@media (max-width:1023px){
  /* ---- 底部片名 / 简介（175:59612）：17px 600、14px 500，左距 12.5（底部信息区 pad 25@2x） ---- */
  .lw:not(.is-gv) .lw-bottom{padding-left:12.5px;padding-right:12.5px}
  .lw:not(.is-gv) .lw-film strong{font-size:17px;font-weight:600}
  .lw:not(.is-gv) .lw-film span{font-size:14px;font-weight:500;line-height:20px}

  /* ---- 顶部返回 / 反馈（175:59684 实例）：常规帧顶距播放区 12、清屏帧（187:63537）顶距 15；反馈胶囊右距 12.5 ---- */
  .lw-mtop>.lw-ctl,.lw-mtop>.lw-feedback-entry{position:relative;top:2px}
  .lw-stage.is-clear .lw-mtop>.lw-ctl{top:5px}
  .lw:not(.is-gv) .lw-feedback-entry{padding-right:6.5px}

  /* ---- 中心播放键 52（175:59612 / 187:63537 Pause 104@2x） ---- */
  .lw:not(.is-gv) .lw-center{width:52px;height:52px}

  /* ---- 右侧操作栏（175:59612 / 187:63645）：喜欢圆心距播放区顶 279.5，比原来低 7 ---- */
  .lw:not(.is-gv) .lw-actions{bottom:calc(100dvh * .195 - 7px + env(safe-area-inset-bottom))}

  /* ---- 加载中（175:59685）：转圈 32 顶距播放区 261.5、文字 14px 距转圈 10（整组在播放区中线以上 86） ---- */
  .lw:not(.is-gv) .lw-status--loading{padding-bottom:171.5px}
  .lw:not(.is-gv) .lw-status--loading p{margin-top:1px;font-size:14px;line-height:20px}

  /* ---- 竖屏短剧播放中铺满（187:63645 画面满铺到顶栏下沿和底栏）：ll-c-player.js 判定竖版且裁切 ≤20% 时加 .is-fill ---- */
  .lw:not(.is-gv) .lw-stage.is-fill:not(:fullscreen) .lw-frame__player video{object-fit:cover!important}

  /* ---- 暂停广告（187:63645）：170×226，中心在播放区中线以上 70.5 ---- */
  .lw:not(.is-gv) .lw-pause-ad{top:calc(50% - 70.5px);width:170px;min-height:226px;background:transparent}
  /* 占位卡与外框同尺寸同圆角（原 168×222 圆角 8 露出 2/4px 深蓝边）；SSP 素材同宽 170 */
  .lw:not(.is-gv) .lw-pause-ad__ph,.lw:not(.is-gv) .lw-pause-ad__ph.ll-adph{width:100%;height:226px;border-radius:6px}
  .lw:not(.is-gv) .lw-pause-ad .hg-ssp-slot{--ssp-icon:170px}

  /* ---- 轻量选集（187:63611）：弹层打开时画面压暗 50% ---- */
  .lw-stage:has(.lw-lite:not([hidden]))::after{content:"";position:absolute;inset:0;z-index:10;background:rgba(0,0,0,.5);pointer-events:none}
  /* 左上返回键不被遮罩压暗（187:63611 返回键全亮） */
  .lw-stage:has(.lw-lite:not([hidden])) .lw-mtop{z-index:11}

  /* ---- 清屏全屏图标（187:63537 Vector 29@2x）：字形约 15，线更细 ---- */
  .lw:not(.is-gv) .lw-tool--full svg{width:20px;height:20px}

  /* ---- 左上返回箭头（187:63537 / 187:63611）：可见约 8×14、线宽约 2.2（原 18px 图标只有 6×11、线 1.5） ---- */
  .lw-mtop .lw-ctl svg{width:21px;height:21px;stroke-width:2.5}

  /* ---- 选集面板（179:60276）：广告图标条在「上一集 / 下一集」下方随内容滚动，不再吸底盖住集数和翻页按钮 ---- */
  .lw-side[data-tab=eps] .lw-epads,.lw-epads{position:static}
  /* 179:60276：图标条紧跟「上一集 / 下一集」下方 16、无分隔线；图标 35、间距 50，标签 11px #9BA7B7，下留 18。
          首个图标不再按设计稿从 x=-5 半裁（2026-10-23 验收：首图标和文字被裁、滑不回来，430 宽左裁右空不对称）：
          去掉 margin-left:-6px，改 padding-left:16px，首图标左边与面板内容左内边距（16）对齐，scrollLeft=0 时完整显示 */
  .lw-side[data-tab=eps] .lw-eps__nav{margin-bottom:16px}
  .lw-side[data-tab=eps] .lw-epads,.lw-epads{margin:0 -16px -24px;padding:0 0 calc(18px + env(safe-area-inset-bottom));border-top:0}
  .lw-epads .lw-adicons__track{gap:15px;margin-left:0;padding:0 0 0 16px}
  .lw-epads .lw-adicon{flex:0 0 35px;gap:5px}
  .lw-epads .lw-adicon__img{width:35px;max-width:35px}
  .lw-epads .lw-adicon em{font-size:11px;font-weight:400;line-height:13px;color:#9ba7b7}

  /* ---- 最新地址（182:60521）：线路名 #8E8E93、域名白 600；「查看全部入口」y 495~537、x 15~360 ---- */
  .lw-addr__list span{color:#8e8e93}
  .lw-addr__list strong{font-weight:600;color:#fff}
  .lw-addr__all{margin-top:13px;margin-left:-2px;margin-right:-2px}

  /* ---- 简介 · 相关推荐（175:59838）：卡片 x 11.5 起、宽约 170、间距 10 ---- */
  .lw-side[data-tab=intro] .lw-rec__grid{margin-left:-5.5px;margin-right:-3.5px}

  /* ---- 评论弹层 ---- */
  /* 关闭按钮白色 X（187:62565，与问题反馈弹层一致；原先继承了标签灰色） */
  .lw-tabs .lw-side__x{color:#fff}
  /* 空态（184:61934）：插画中心距面板标签线下移 13 */
  .lw-cmts__empty{padding-top:50px}
  /* 正文 12px 500 #CFD4DC（184:61768 / 187:62565） */
  .lw-cmt__body>p{font-weight:500}
  /* 点赞（184:61768 点赞 58×34@2x）：心形左缘 328、数字右缘 357 */
  .lw-cmt__like{margin-right:-6px}
  .lw-cmt__like svg{width:13px;height:13px}
  /* 最后一条下方不画分隔线（187:62565 / 187:62433） */
  [data-lw-cmt-list]>.lw-cmt:last-child{border-bottom:0}
  /* 楼中楼头像 24（184:61768 x 47~71） */
  .lw-cmt--reply>.lw-avatar{width:24px;height:24px}
  /* 收起回复（184:61768）：短横线 10 从 x47 起（与楼中楼头像对齐），文字 11px #738498；中线距上方回复时间行中线 24（1380→1429@2x） */
  .lw-replies__toggle{margin-left:-8px;margin-top:-8.5px;color:#738498;font-size:11px}
  .lw-replies__toggle::before{width:10px;height:1px;background:#738498}
  /* 输入栏与面板同底色；顶部不是通栏线，而是 x15~360、0.5px #22232D 的内缩分隔线，距输入框 10（184:61768 / 184:61934 / 187:62565） */
  .lw-compose{border-top:0}
  .lw-compose::before{content:"";position:absolute;left:14px;right:14px;top:0;height:.5px;background:#22232d;pointer-events:none}
  /* 输入框只有 #252932 底、圆角 8，常态 / 聚焦 / 字段错误都无描边（187:62565 / 187:62433 / 187:62696） */
  .lw-compose textarea,.lw-compose textarea:focus,.lw-compose.has-error textarea{border:0;border-radius:8px}
  /* 回复提示条 41 高（187:62433） */
  .lw-compose__ctx{height:41px}
  .lw-compose__ctx button{min-height:41px}
  /* 0 字时「0/300」整体灰色 #8B93A3（187:62565 / 187:62696），有输入后数字蓝色（187:62858） */
  .lw-compose__field:has(textarea:placeholder-shown) small,.lw-compose__field:has(textarea:placeholder-shown) small b{color:#8b93a3}
  /* 输入框聚焦不描蓝边（187:62433 / 187:63423 已输入态只有 #252932 底） */
  .lw-compose textarea:focus,.lw-fb__note textarea:focus,[data-lw-cmt-input]:focus,[data-lw-fb-note]:focus{border-color:#353a48;box-shadow:none;outline:0}
  .lw-fb__note textarea:focus,[data-lw-fb-note]:focus{border-color:#2f3542}

  /* ---- 问题反馈（187:63189）：剧名副标题 14px 600；底部按钮文字 12px（取消 500 / 提交 600） ---- */
  .lw-fb__work{font-weight:600}
  .lw-fb__foot button{font-size:12px;font-weight:500}
  .lw-fb__foot button[type=submit]{font-weight:600}
}

/* ======================= 第三轮（ui-remaining-r3 watch 组） ======================= */
@media (min-width:1024px){
  /* ---- GV 加载中 / 播放失败（189:65107、189:65410 Actions 顶 725-79=646，底距 99；189:65721 为 734，与另两帧不一致取多数）；
          播放中（119:6105 / 287:17432）仍是底距 117 ---- */
  .lw[data-lw].is-gv:not(.is-detail) .lw-stage.is-loading .lw-actions,.lw[data-lw].is-gv:not(.is-detail) .lw-stage.is-error .lw-actions{bottom:99px}
  /* ---- GV 加载 / 失败遮罩（189:65107 / 189:65410：画面 70% 不透明 + 40% 黑 叠在 #151522 上 ≈ 58% 黑） ---- */
  .is-gv .lw-status{background:rgba(0,0,0,.58)}
  /* ---- GV 播放失败提示（189:65410 / 189:65721 Frame 2087332158 114×125，页面 y539~664，中线 601.5 = 播放区中线上移 3.5）：
          图标框 32、标题 14/17 距图标 10、副文案 12/14 #929AA7 距标题 4、按钮 86×33 距副文案 15 ---- */
  .is-gv .lw-status--error{padding-bottom:7px}
  .is-gv .lw-status--error .lw-status__ic{display:grid;place-items:center;width:32px;height:32px;margin-top:0}
  .is-gv .lw-status--error .lw-status__ic>span{display:grid;place-items:center}
  .is-gv .lw-status--error strong{margin-top:10px;line-height:17px}
  .is-gv .lw-status--error p{margin-top:4px;line-height:14px;color:#929aa7}
  .is-gv .lw-status--error button{width:86px;min-width:86px;height:33px;min-height:33px;margin-top:15px;padding:0}
  /* ---- 宽屏短剧（493:18514）：竖屏画面 x742~1241，中线在视口中线右 31.5；中心键（944~1039）与加载/失败提示随画面一起右移 ---- */
  .lw.is-wide:not(.is-gv) .lw-frame,.lw.is-wide:not(.is-gv) .lw-center,.lw.is-wide:not(.is-gv) .lw-status,.lw.is-wide:not(.is-gv) .lw-status--loading{left:calc(50% + 31.5px)}
}
@media (max-width:1023px){
  /* ---- 短剧播放中心键（175:59612）：圆心距顶栏下沿 333（播放区 758 高的 43.93%），不是播放区正中 ----
          清屏（187:63537）仍是正中 */
  .lw:not(.is-gv) .lw-stage:not(.is-clear) .lw-center{top:43.93%}
  /* ---- 轻量选集打开（187:63611）：中心键圆心 y=474.5（812 高画框），比清屏正中低 68.5 ---- */
  .lw:not(.is-gv) .lw-stage.is-clear:has(.lw-lite:not([hidden])) .lw-center{top:calc(50% + 68.5px)}
  /* ---- 字段错误（187:62696，空内容提交「请输入评论内容」）：「0/300」在输入框右侧垂直居中（中线比输入框中线高 2.5）；
          发送失败（187:62858，有输入）与常态仍在右下角 ---- */
  .lw-compose.has-error .lw-compose__field:has(textarea:placeholder-shown) small{top:50%;bottom:auto;transform:translateY(calc(-50% - 2.5px))}
}
@media (max-width:1023px){
  /* ---- H5 广告图标条可手指横滑（选集面板 .lw-epads / 简介面板 .lw-adicons，2026-10-23 用户反馈：8 个图标最右被截、划不动） ----
          原因：选集条 margin-left:-6px + padding:0、没有末尾留白，8 个图标在 375~390 宽下可滑距离只有 0~11px（360 宽 26px），
          最后一个图标 / 文字贴着屏幕边，手感等于划不动；也没锁 overflow-y、没声明横向手势属性（嵌在纵向滚动的 .lw-side__scroll 里）。
          SSP 版容器写死 width:56px + overflow:hidden，平台返回多图标（grid）时只露一格。
          touch-action 用 pan-x pan-y 而不是只给 pan-x：手指从图标条上竖划时外层面板仍要能纵向滚动。
          图标保持各自原 flex:0 0 Npx（不收缩），这里不改成 flex:none（basis 变 auto 会被 nowrap 文字撑宽、间距变）。视觉不变。 */
  .lw-epads .lw-adicons__track,.lw-adicons .lw-adicons__track{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none}
  .lw-epads .lw-adicons__track::-webkit-scrollbar,.lw-adicons .lw-adicons__track::-webkit-scrollbar{display:none}
  /* 选集条右侧 padding 为 0：用 1px 尾项 + 15px gap 给出 16px 末尾留白（旧版 Safari 不把滚动容器的 padding-right 算进可滚区，不用 padding-right），与左侧 padding-left:16px 对称 */
  .lw-epads .lw-adicons__track::after{content:"";flex:0 0 1px}
  /* SSP 开启：平台返回多图标（SDK grid 版式 [data-ssp-grid]）时放开 56px 定宽和 overflow:hidden，图标排成一行横滑，每格仍 56px；
          单图标（image / carousel）不命中 :has，维持原 56px 方块（SDK 会把 icon 素材等比拉满容器宽，不能无条件放宽） */
  .lw-epads .hg-ssp-slot[data-ssp-size="icon"]:has([data-ssp-grid]),.lw-adicons .hg-ssp-slot[data-ssp-size="icon"]:has([data-ssp-grid]){width:100%!important;max-width:none!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none;border-radius:0}
  .lw-epads .hg-ssp-slot[data-ssp-size="icon"]:has([data-ssp-grid])::-webkit-scrollbar,.lw-adicons .hg-ssp-slot[data-ssp-size="icon"]:has([data-ssp-grid])::-webkit-scrollbar{display:none}
  .lw-epads .hg-ssp-slot[data-ssp-size="icon"] [data-ssp-grid],.lw-adicons .hg-ssp-slot[data-ssp-size="icon"] [data-ssp-grid]{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;width:max-content!important;min-width:0!important}
  .lw-epads .hg-ssp-slot[data-ssp-size="icon"] [data-ssp-grid-item],.lw-adicons .hg-ssp-slot[data-ssp-size="icon"] [data-ssp-grid-item]{flex:none!important;width:var(--ssp-icon,56px)!important}
}