*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif}body{overflow:hidden}.player-shell{position:relative;width:100%;height:100%;min-height:180px;background:#000;display:flex;align-items:center;justify-content:center}.player-shell video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.loading,.message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:rgba(0,0,0,.78);padding:24px;z-index:5}.loading{gap:10px;font-size:14px;color:#e7e9ef;pointer-events:none}.loading[hidden],.message[hidden]{display:none}.spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.message img{width:68px;height:68px;margin-bottom:12px;opacity:.92}.message h1{font-size:20px;margin:0 0 8px}.message p{max-width:620px;margin:0;color:#c4c9d4;font-size:14px;line-height:1.65;word-break:break-all}.message button{margin-top:16px;border:0;border-radius:7px;background:#fff;color:#111;padding:9px 18px;font-size:14px;cursor:pointer}.badge{position:absolute;top:12px;left:12px;background:#e91e3a;color:#fff;padding:4px 8px;border-radius:5px;font-size:12px;font-weight:700;z-index:4}.badge[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}
.big-play-button{position:absolute;left:50%;top:50%;width:96px;height:96px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:rgba(0,0,0,.72);cursor:pointer;z-index:8;box-shadow:0 4px 24px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s ease}
.big-play-button[hidden]{display:none}
.big-play-button span{display:block;width:0;height:0;margin-left:8px;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:32px solid #fff}
.big-play-button:hover{transform:translate(-50%,-50%) scale(1.06);background:rgba(0,0,0,.82)}
.big-play-button:active{transform:translate(-50%,-50%) scale(.98)}
@media(max-width:600px){.big-play-button{width:78px;height:78px}.big-play-button span{margin-left:6px;border-top-width:16px;border-bottom-width:16px;border-left-width:26px}}