.chp-player{--chp-accent:#5b3df5;position:relative;background:#14122b;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(20,18,43,.25)}
.chp-player__stage{position:relative;width:100%;aspect-ratio:var(--chp-ratio,4/3);max-height:calc(100vh - 170px);min-height:260px;background:#0d0b1f}
.chp-player__cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;overflow:hidden}
.chp-player__bg{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;filter:blur(22px) brightness(.55);transform:scale(1.05)}
.chp-player__thumb{position:relative;width:min(256px,52%);height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;box-shadow:0 8px 28px rgba(0,0,0,.45)}
.chp-player__name{position:relative;margin:0;color:#fff;font-weight:800;font-size:clamp(18px,2.4vw,26px);text-align:center;padding:0 16px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.chp-player__play{position:relative;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:14px 30px;font:inherit;font-weight:800;font-size:18px;color:#fff;background:linear-gradient(135deg,#7b5cff,#ff4fa3);box-shadow:0 6px 0 #3b23b8,0 10px 24px rgba(91,61,245,.5);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
.chp-player__cover:hover .chp-player__play{transform:translateY(-2px) scale(1.04)}
.chp-player__play:active{transform:translateY(3px);box-shadow:0 2px 0 #3b23b8}
.chp-player__frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000}
.chp-player__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#fff;color:#14122b}
.chp-player__title{font-weight:800;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chp-player__btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:0;background:#eef0ff;color:#3b23b8;cursor:pointer}
.chp-player__btn:hover{background:#dfe2ff}
.chp-player__close{display:none;position:absolute;top:10px;right:10px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:18px;cursor:pointer}
.chp-player.is-fs,.chp-player.is-fs .chp-player__stage{border-radius:0;max-height:none;height:100%}
.chp-player.is-fs{display:flex;flex-direction:column}
.chp-player.is-fs .chp-player__stage{flex:1;aspect-ratio:auto}
.chp-player.is-mobile-fs{position:fixed;inset:0;z-index:99999;border-radius:0;display:flex;flex-direction:column}
.chp-player.is-mobile-fs .chp-player__stage{flex:1;aspect-ratio:auto;max-height:none}
.chp-player.is-mobile-fs .chp-player__bar{display:none}
.chp-player.is-mobile-fs .chp-player__close{display:block}
html.chp-noscroll,html.chp-noscroll body{overflow:hidden}
@media (max-width:767px){.chp-player{border-radius:12px}.chp-player__stage{min-height:220px;aspect-ratio:4/3}}