.vp{max-width:1240px;margin:24px auto 40px;padding:0 16px;font-family:Switzer-variable,sans-serif}.vp-head{justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:18px;border-bottom:1px solid #e5e5e5}.vp-head,.vp-title{display:flex;align-items:center}.vp-title{gap:10px;margin:0;font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#111}.vp-title-bar{width:5px;height:24px;border-radius:2px;background:#e91717}.vp-count{font-size:13px;color:#777}.vp-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}.vp-player{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.vp-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.vp-player-empty{position:absolute;inset:0;display:grid;place-items:center;color:#aaa;font-size:15px}.vp-info{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 2px 0}.vp-info-title{flex:1;min-width:0;width:auto!important;margin:0;font-size:20px;font-weight:700;line-height:1.4;color:#111}.vp-yt-link{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:#f2f2f2;color:#111!important;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s}.vp-yt-link svg{color:red;font-size:18px}.vp-yt-link:hover{background:#e6e6e6}.vp-list-wrap{border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;background:#fff}.vp-list-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #eee;background:#fafafa;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#111}.vp-list-pos{font-size:12px;font-weight:600;color:#777;font-variant-numeric:tabular-nums}.vp-list{list-style:none;margin:0;padding:6px;max-height:560px;overflow-y:auto}.vp-list::-webkit-scrollbar{width:6px}.vp-list::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.vp-item-link{display:flex;gap:12px;padding:8px;border-radius:8px;color:inherit;text-decoration:none;transition:background .15s}.vp-item-link:hover{background:#f4f4f4}.vp-item.active .vp-item-link{background:#fff1f1}.vp-thumb{position:relative;flex:0 0 140px;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#eee}.vp-thumb img{-o-object-fit:cover;object-fit:cover}.vp-thumb-play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.18);color:#fff;font-size:18px;opacity:0;transition:opacity .2s}.vp-item-link:hover .vp-thumb-play,.vp-item.active .vp-thumb-play{opacity:1}.vp-item.active .vp-thumb-play{background:rgba(0,0,0,.5)}.vp-now{padding:2px 8px;border-radius:4px;background:#e91717;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.vp-item-title{flex:1;min-width:0;width:auto!important;margin:0;font-size:14px!important;font-weight:500;line-height:1.45;color:#222;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden!important;max-height:4.35em}.vp-item.active .vp-item-title{color:#e91717;font-weight:600}.vp-item--skeleton{display:flex;gap:12px;padding:8px}.vp-skel-lines{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:4px}.vp-item--skeleton .vp-thumb,.vp-skel-lines span{background:linear-gradient(90deg,#eee 25%,#f6f6f6 50%,#eee 75%);background-size:200% 100%;animation:vp-shimmer 1.2s infinite}.vp-skel-lines span{height:12px;border-radius:4px}.vp-skel-lines span:last-child{width:60%}@keyframes vp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1220px){.vp{margin-top:80px}}@media (max-width:991px){.vp-layout{grid-template-columns:1fr}.vp-list{max-height:none}}@media (max-width:600px){.vp{padding:0 12px}.vp-title{font-size:20px}.vp-info{flex-direction:column;gap:10px}.vp-info-title{font-size:17px}.vp-player{border-radius:8px}.vp-thumb{flex-basis:120px}.vp-item-title{font-size:13px!important}}