.czn-jv{font-family:inherit}
.czn-jv-nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.czn-jv-nav-link{display:inline-block;padding:8px 10px;border:1px solid #ddd;border-radius:10px;text-decoration:none}
.czn-jv-h{margin:18px 0 10px;font-size:22px}
.czn-jv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.czn-jv-card{border:1px solid #e5e5e5;border-radius:16px;padding:12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.czn-jv-card-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.czn-jv-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;flex:0 0 72px;display:block}
.czn-jv-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.czn-jv-name{font-weight:700;text-decoration:none;display:inline-block}
.czn-jv-sub{opacity:.7;font-size:12px;margin-top:2px}
.czn-jv-item{border-top:1px solid #f0f0f0;padding-top:10px;margin-top:10px}
.czn-jv-title{margin:8px 0;font-weight:600}
.czn-jv-vote{width:100%;padding:10px;border-radius:12px;border:1px solid #222;background:#222;color:#fff;cursor:pointer}
.czn-jv-vote[disabled]{opacity:.6;cursor:not-allowed}
.czn-jv-play,.czn-jv-watch{width:100%;padding:10px;border-radius:12px;border:1px solid #ccc;background:#fafafa;cursor:pointer}
.czn-jv-thumb{border:0;background:transparent;padding:0;cursor:pointer;width:100%}
.czn-jv-thumb img{width:100%;height:auto;border-radius:12px;display:block}
.czn-jv-empty{opacity:.7;padding:10px}

.czn-jv-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;padding:20px;z-index:99999}
.czn-jv-modal.is-open{display:flex}
.czn-jv-modal-inner{background:#fff;border-radius:16px;max-width:92vw;max-height:85vh;width:900px;position:relative;overflow:auto;padding:14px}
.czn-jv-modal-close{position:absolute;top:8px;right:10px;border:0;background:transparent;font-size:28px;cursor:pointer;line-height:1}
.czn-jv-modal-title{font-weight:700;margin:0 0 10px}
.czn-jv-video{position:relative;width:100%;padding-top:56.25%}
.czn-jv-video iframe{position:absolute;inset:0;width:100%;height:100%}

.czn-jv-player{position:fixed;left:12px;right:12px;bottom:12px;background:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:none;align-items:center;gap:10px;padding:10px;z-index:99998}
.czn-jv-player.is-open{display:flex}
.czn-jv-player-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.czn-jv-player iframe{flex:1;min-height:80px;border:0;border-radius:12px}
.czn-jv-player-close{border:0;background:transparent;font-size:22px;cursor:pointer}

.czn-jv-toast{position:fixed;bottom:120px;left:50%;transform:translateX(-50%) translateY(10px);opacity:0;background:#111;color:#fff;padding:10px 12px;border-radius:12px;transition:.2s;z-index:100000}
.czn-jv-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}


.czn-jv-summary{margin:8px 0 10px;padding:10px;border:1px dashed #ddd;border-radius:14px}
.czn-jv-summary:empty{display:none}
.czn-jv-summary-title{font-weight:700;margin-bottom:6px}
.czn-jv-summary-item{font-size:13px;opacity:.9;margin:3px 0}
.czn-jv-item.is-selected{outline:3px solid rgba(0,0,0,.25);border-radius:12px;padding:10px;margin-top:10px;background:rgba(0,0,0,.03)}
.czn-jv-player-title{display:none}
.czn-jv-modal-inner{width:min(1100px,92vw);max-height:88vh}


.czn-jv-missing{padding:10px;border:1px dashed #999;border-radius:8px;font-size:12px;line-height:1.2;opacity:.85}