.hqp-wrap{max-width:1200px;margin:0 auto;padding:24px;padding-top:70px}.hqp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px;flex-wrap:wrap}.hqp-header__left{flex:1;min-width:0}.hqp-header__right{flex-shrink:0}.hqp-title{font-size:26px;font-weight:700;margin:0 0 6px;display:flex;align-items:center;gap:10px;color:#1a1a2e}.hqp-title__icon{display:inline-flex;color:#00b341}.hqp-subtitle{color:#64748b;font-size:14px}.hqp-search-form{display:flex;gap:8px;max-width:300px}.hqp-search-input{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s}.hqp-search-input:focus{outline:none;border-color:#00b341}.hqp-search-btn{padding:10px 14px;background:#00b341;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:background .2s}.hqp-search-btn:hover{background:#009635}.hqp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:32px}.hqp-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.hqp-card:hover{border-color:#00b341;box-shadow:0 4px 16px rgba(0,179,65,.12);transform:translateY(-2px)}.hqp-card--locked{opacity:.93}.hqp-card__preview{position:relative;width:100%;height:180px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.hqp-card__preview--has-thumb img{width:100%;height:100%;object-fit:cover}.hqp-card__no-thumb{color:#94a3b8}.hqp-card__ep-badge{position:absolute;top:10px;left:10px;padding:4px 10px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:700;border-radius:6px;letter-spacing:.5px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hqp-card__lock-overlay{position:absolute;inset:0;background:rgba(10,10,30,.45);display:flex;align-items:center;justify-content:center;color:#fff}.hqp-card__body{padding:16px 16px 10px;flex:1}.hqp-card__title{font-size:15px;font-weight:700;color:#1a1a2e;margin:0 0 8px;line-height:1.4}.hqp-card__desc{font-size:13px;color:#64748b;margin:0 0 12px;line-height:1.55}.hqp-card__meta{display:flex;gap:14px;flex-wrap:wrap}.hqp-card__meta-item{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#94a3b8}.hqp-card__footer{padding:0 16px 16px}.hqp-locked-label{display:flex;align-items:center;gap:5px;font-size:12px;color:#94a3b8;margin-bottom:8px}.hqp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s;width:100%;text-decoration:none;box-sizing:border-box}.hqp-btn--play{background:#00b341;color:#fff}.hqp-btn--play:hover:not(:disabled){background:#009635}.hqp-btn--play:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.hqp-btn--play.hqp-playing{background:#1d4ed8}.hqp-btn--play.hqp-playing:hover{background:#1e40af}.hqp-btn--upgrade{background:0 0;color:#6366f1;border:1.5px solid #6366f1;font-size:13px}.hqp-btn--upgrade:hover{background:#6366f1;color:#fff}.hqp-pagination{display:flex;justify-content:center;gap:8px;margin-top:32px;flex-wrap:wrap}.hqp-pagination a,.hqp-pagination span{padding:8px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;text-decoration:none;font-size:14px;transition:all .2s}.hqp-pagination .current{background:#00b341;color:#fff;border-color:#00b341}.hqp-pagination a:hover{border-color:#00b341;color:#00b341}.hqp-empty{text-align:center;padding:60px 24px 80px;display:flex;flex-direction:column;align-items:center;gap:0}.hqp-empty__graphic{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:28px}.hqp-empty__ring{position:absolute;border-radius:50%;border:1.5px solid rgba(0,179,65,.18)}.hqp-empty__ring--1{width:72px;height:72px}.hqp-empty__ring--2{width:96px;height:96px;border-color:rgba(0,179,65,.1)}.hqp-empty__ring--3{width:120px;height:120px;border-color:rgba(0,179,65,.06)}.hqp-empty__icon{width:52px;height:52px;background:linear-gradient(135deg,#00b341 0%,#009635 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px rgba(0,179,65,.3);position:relative;z-index:1}.hqp-empty__title{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 10px}.hqp-empty__text{font-size:14px;color:#64748b;max-width:380px;line-height:1.6;margin:0 0 24px}.hqp-empty__pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.hqp-empty__pill{padding:6px 14px;background:rgba(0,179,65,.08);color:#00b341;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.3px}.hqp-player-bar{position:fixed;bottom:0;left:0;right:0;z-index:99999;background:#111827;color:#f1f5f9;box-shadow:0 -4px 24px rgba(0,0,0,.35);border-top:1px solid rgba(255,255,255,.08);transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.hqp-player-bar--hidden{transform:translateY(110%);pointer-events:none}.hqp-player-inner{display:flex;align-items:center;gap:14px;padding:10px 20px;max-width:1400px;margin:0 auto}.hqp-player-thumb{width:48px;height:48px;border-radius:6px;background:#1f2937;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;color:#6b7280}.hqp-player-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex-shrink:0;width:200px}.hqp-player-title{font-size:13px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hqp-player-controls{display:flex;align-items:center;gap:6px}.hqp-ctrl{background:0 0;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;position:relative;flex-shrink:0}.hqp-ctrl:hover{color:#f1f5f9;background:rgba(255,255,255,.08)}.hqp-ctrl--play{width:38px;height:38px;background:#00b341;color:#fff;border-radius:50%}.hqp-ctrl--play:hover{background:#009635;color:#fff}.hqp-skip-label{position:absolute;bottom:-1px;right:-1px;font-size:8px;font-weight:700;line-height:1;color:inherit;pointer-events:none}.hqp-player-seek{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.hqp-seek-track{position:relative;height:20px;display:flex;align-items:center;cursor:pointer;user-select:none;-webkit-user-select:none}.hqp-seek-track:before{content:'';position:absolute;left:0;right:0;height:4px;background:rgba(255,255,255,.15);border-radius:2px}.hqp-seek-fill{position:absolute;left:0;height:4px;background:#00b341;border-radius:2px;width:0;transition:width .1s linear;pointer-events:none}.hqp-seek-dot{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,.4);transition:left .1s linear;pointer-events:none;opacity:0;transition:opacity .15s,left .1s linear}.hqp-seek-track:hover .hqp-seek-dot{opacity:1}.hqp-seek-time{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280}.hqp-seek-sep{color:#374151}.hqp-player-vol{display:flex;align-items:center;gap:6px;flex-shrink:0}.hqp-ctrl--vol{border-radius:4px}.hqp-vol-range{-webkit-appearance:none;appearance:none;width:80px;height:4px;border-radius:2px;background:rgba(255,255,255,.15);outline:none;cursor:pointer}.hqp-vol-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.hqp-vol-range::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;border:none;cursor:pointer}.hqp-ctrl--close{border-radius:4px;margin-left:4px}@media (max-width:768px){.hqp-player-inner{padding:8px 12px;gap:8px}.hqp-player-info{width:140px}.hqp-player-vol{display:none}.hqp-player-thumb{width:40px;height:40px}.hqp-grid{grid-template-columns:1fr}.hqp-header{flex-direction:column}.hqp-search-form{max-width:100%}}@media (max-width:480px){.hqp-player-info{width:100px}.hqp-player-title{font-size:12px}.hqp-ctrl--play{width:34px;height:34px}}body.hqp-player-active{padding-bottom:80px}