.protected-player { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:12px; margin:12px 0; border:1px solid #e2dced; border-radius:10px; background:#faf8fd; }
/* 并入同步字幕卡片时去掉独立卡片外观，与字幕区融为一体 */
.audio-transcript-player .protected-player { padding:2px 2px 0; margin:14px 0 0; border:0; background:transparent; }
.protected-player button,.protected-player select { padding:7px 11px; border:1px solid #d6cbe7; border-radius:7px; background:white; color:#503585; cursor:pointer; }
.protected-player button { color:var(--theme-primary-text, white); background:var(--theme-primary, #6542b5); }
.protected-player button:hover:not(:disabled) { color:var(--theme-primary-text, white); }
.protected-player input[aria-label="播放进度"] { flex:1; min-width:100px; }
.protected-player input[aria-label="音量"] { width:75px; }
.protected-player-status { flex-basis:100%; font-size:13px; color:#725e82; }
.protected-player-status:empty { display:none; }
.protected-subtitles { -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }
.protected-subtitles input,.protected-subtitles textarea,[contenteditable="true"] { -webkit-user-select:text; user-select:text; }
/* 内嵌视频播放器：点击画面播放/暂停，进度条贴着画面底部与视频融为一体 */
.inline-video-player { position:relative; margin:20px 0; border-radius:6px; overflow:hidden; background:#000; }
.inline-video-player video.article-video { margin:0; cursor:pointer; }
.inline-video-player::after { content:'▶'; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:56px; line-height:1; color:rgba(255,255,255,.92); text-shadow:0 2px 14px rgba(0,0,0,.65); pointer-events:none; opacity:1; transition:opacity .2s ease; }
.inline-video-player[data-state="playing"]::after { opacity:0; }
.inline-video-clock { position:absolute; right:10px; bottom:14px; padding:2px 8px; border-radius:6px; color:#fff; background:rgba(0,0,0,.45); font-size:12px; line-height:1.5; font-variant-numeric:tabular-nums; pointer-events:none; }
.inline-video-clock:empty { display:none; }
.inline-video-progress { position:absolute; left:0; right:0; bottom:0; width:100%; height:16px; margin:0; -webkit-appearance:none; appearance:none; background:transparent; cursor:pointer; }
.inline-video-progress::-webkit-slider-runnable-track { height:4px; background:linear-gradient(to right,#fff var(--inline-video-progress,0%),rgba(255,255,255,.32) var(--inline-video-progress,0%)); }
.inline-video-progress::-webkit-slider-thumb { -webkit-appearance:none; width:12px; height:12px; margin-top:-4px; border-radius:50%; background:#fff; box-shadow:0 0 4px rgba(0,0,0,.6); }
.inline-video-progress::-moz-range-track { height:4px; background:rgba(255,255,255,.32); }
.inline-video-progress::-moz-range-progress { height:4px; background:#fff; }
.inline-video-progress::-moz-range-thumb { width:12px; height:12px; border:0; border-radius:50%; background:#fff; }
@media(max-width:600px) { .inline-video-player::after { font-size:44px; } .inline-video-clock { font-size:11px; } }
/* 受保护视频播放器：进度线贴画面底边，控制条位于画面下方，全屏时画面铺满 */
.protected-video { margin:20px 0; border-radius:6px; overflow:hidden; background:#000; }
.protected-video-screen { position:relative; background:#000; }
.protected-video-screen video.article-video { margin:0; cursor:pointer; }
.protected-video-screen::after { content:'▶'; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:56px; line-height:1; color:rgba(255,255,255,.92); text-shadow:0 2px 14px rgba(0,0,0,.65); pointer-events:none; opacity:0; transition:opacity .2s ease; }
.protected-video-screen[data-state="paused"]::after { opacity:1; }
.protected-video-screen input[aria-label="播放进度"] { position:absolute; left:6px; right:6px; bottom:0; width:auto; min-width:0; height:16px; margin:0; padding:0; -webkit-appearance:none; appearance:none; background:transparent; cursor:pointer; }
.protected-video-screen input[aria-label="播放进度"]::-webkit-slider-runnable-track { height:4px; background:linear-gradient(to right,#fff var(--inline-video-progress,0%),rgba(255,255,255,.32) var(--inline-video-progress,0%)); }
.protected-video-screen input[aria-label="播放进度"]::-webkit-slider-thumb { -webkit-appearance:none; width:12px; height:12px; margin-top:-4px; border-radius:50%; background:#fff; box-shadow:0 0 4px rgba(0,0,0,.6); }
.protected-video-screen input[aria-label="播放进度"]::-moz-range-track { height:4px; background:rgba(255,255,255,.32); }
.protected-video-screen input[aria-label="播放进度"]::-moz-range-progress { height:4px; background:#fff; }
.protected-video-screen input[aria-label="播放进度"]::-moz-range-thumb { width:12px; height:12px; border:0; border-radius:50%; background:#fff; }
.protected-video .video-controls { margin:0; padding:8px 10px; border:0; border-radius:0; background:#241f2e; transition:opacity .3s ease; }
.protected-video.chrome-hidden .video-controls { opacity:0; pointer-events:none; }
.video-controls button,.video-controls select { padding:3px 9px; border:1px solid rgba(255,255,255,.35); border-radius:6px; background:rgba(255,255,255,.12); color:#fff; font-size:13px; }
.video-controls button:hover:not(:disabled) { color:#fff; background:rgba(255,255,255,.24); }
.video-controls a { color:#fff; font-size:14px; }
.video-controls > span { color:#fff; font-size:12px; font-variant-numeric:tabular-nums; }
.video-controls input[aria-label="音量"] { width:64px; }
.video-controls .protected-player-status { flex-basis:100%; color:#ffe9a8; font-size:12px; }
.protected-video:fullscreen { position:relative; display:flex; flex-direction:column; justify-content:center; margin:0; border-radius:0; height:100%; background:#000; }
.protected-video:fullscreen .protected-video-screen { flex:1; min-height:0; display:flex; align-items:center; }
.protected-video:fullscreen video.article-video { width:100%; height:100%; max-height:none; aspect-ratio:auto; object-fit:contain; }
.protected-video:fullscreen .video-controls { position:absolute; left:0; right:0; bottom:0; z-index:2; padding:30px 12px 14px; background:linear-gradient(180deg, rgba(20,16,28,0) 0%, rgba(20,16,28,.85) 60%); }
.protected-video:fullscreen .protected-video-screen input[aria-label="播放进度"] { z-index:3; }
@media(max-width:600px) { .video-controls input[aria-label="音量"] { display:none; } .protected-video-screen::after { font-size:44px; } }
@media(max-width:600px) { .protected-player { gap:8px; } .protected-player input[aria-label="播放进度"] { flex-basis:55%; } }