/* 自带播放器 .cwp（照 AIGC 画布 canvas.html 那套搬过来，深色舞台 + 深色控制条，蓝色进度） */
.cwp{position:relative;border-radius:14px;overflow:hidden;background:#0f172a;box-shadow:0 2px 10px rgba(15,23,42,.14);display:flex;flex-direction:column;min-height:0}
.cwp-stage{position:relative;line-height:0;background:#0f172a;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}
.cwp-stage video{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:contain;background:transparent;cursor:pointer}
/* 氛围背景：同一条视频放大铺满 + 重虚化压暗，黑边变成画面自己的颜色（网页视频站的标准做法） */
.cwp-stage video.cwp-bg{position:absolute;inset:0;z-index:0;object-fit:cover;filter:blur(28px) brightness(.55) saturate(1.2);transform:scale(1.18);pointer-events:none;cursor:default}
.cwp-stage::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.05) 30%,rgba(0,0,0,.05) 70%,rgba(0,0,0,.35));pointer-events:none}
.cwp-big{z-index:2}
.cwp-big{position:absolute;inset:0;margin:auto;width:58px;height:58px;border:0;border-radius:99px;background:rgba(255,255,255,.92);color:#0f172a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.16s;box-shadow:0 6px 18px rgba(0,0,0,.28)}
.cwp-big:hover{transform:scale(1.06);background:#fff}
.cwp-big svg{width:26px;height:26px;fill:currentColor;margin-left:3px}
.cwp.playing .cwp-big{opacity:0;pointer-events:none}
.cwp-stage:hover .cwp-big{opacity:1;pointer-events:auto}
.cwp.playing .cwp-stage:hover .cwp-big{opacity:.82}
.cwp-bar{flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:8px 11px;background:linear-gradient(180deg,#1e293b,#0f172a)}
.cwp-btn{flex:0 0 auto;width:32px;height:32px;border:0;border-radius:8px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.14s;padding:0}
.cwp-btn:hover{background:rgba(255,255,255,.3);color:#fff;transform:translateY(-1px)}.cwp-btn:active{transform:none;background:rgba(255,255,255,.4)}
.cwp-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cwp-btn[data-cwp-toggle] svg,.cwp-btn[data-cwp-mute] svg{fill:currentColor;stroke:none}
.cwp-seek{position:relative;flex:1 1 auto;height:6px;border-radius:99px;background:rgba(255,255,255,.28);cursor:pointer;touch-action:none}
.cwp-seek::before{content:"";position:absolute;inset:-8px 0}
.cwp-buf{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:rgba(255,255,255,.14)}
.cwp-fill{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#38bdf8,#2563eb)}
.cwp-knob{position:absolute;top:50%;width:11px;height:11px;border-radius:99px;background:#fff;transform:translate(-50%,-50%);box-shadow:0 1px 4px rgba(0,0,0,.4);opacity:0;transition:opacity .14s}
.cwp:hover .cwp-knob{opacity:1}
.cwp-t{flex:0 0 auto;font-size:12px;color:#e2e8f0;font-variant-numeric:tabular-nums;letter-spacing:.2px}
.cwp:fullscreen{border-radius:0;background:#10151e}
.cwp:fullscreen .cwp-stage video{max-height:calc(100vh - 48px)}
.cwp:fullscreen .cwp-bar{padding:10px max(20px,calc(50% - 320px))}