/* 수강생 커버 페이지 전용 CSS */

/* 다크 히어로 */
.cv-hero { background:linear-gradient(180deg, #D6EEFF 0%, #EFF8FF 60%, #FFFFFF 100%); padding:120px 24px 48px; text-align:center; position:relative; overflow:hidden; }
.cv-hero__glow { position:absolute; bottom:-30%; left:50%; transform:translateX(-50%); width:500px; height:500px; background:radial-gradient(circle, rgba(232,93,138,0.1) 0%, transparent 70%); pointer-events:none; }
.cv-hero__inner { position:relative; z-index:1; }
.cv-hero__label { font-size:11px; letter-spacing:3px; color:var(--purple-600); margin-bottom:8px; }
.cv-hero__title { font-size:32px; font-weight:700; color:var(--black-800); margin-bottom:8px; }
.cv-hero__desc { font-size:15px; color:var(--navy); margin-bottom:16px; }
.cv-hero__badge { display:inline-block; font-size:13px; color:var(--purple-600); background:rgba(232,93,138,0.12); padding:6px 16px; border-radius:20px; }

/* 검색 */
.cv-search-wrap { max-width:1200px; margin:0 auto; padding:20px 24px 0; display:flex; justify-content:flex-end; }
.cv-search { display:flex; align-items:center; gap:8px; width:280px; height:38px; background:#fff; border:1px solid rgba(212,223,235,0.5); border-radius:var(--radius-md); padding:0 12px; transition:border-color 0.2s; }
.cv-search:focus-within { border-color:var(--purple-600); }
.cv-search__icon { width:16px; height:16px; flex-shrink:0; stroke:var(--black-700); }
.cv-search input { flex:1; border:none; outline:none; font-size:13px; color:var(--black-800); background:transparent; }
.cv-search input::placeholder { color:var(--beige-400); }

/* 그리드 */
.cv-grid-wrap { max-width:1200px; margin:0 auto; padding:20px 24px 48px; }
.cv-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }

/* 카드 */
.cv-card { background:#fff; border:1px solid rgba(212,223,235,0.15); border-radius:var(--radius-lg); overflow:hidden; cursor:pointer; transition:transform 0.2s, box-shadow 0.2s; }
.cv-card:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,0.08); }
.cv-card.hidden { display:none; }

.cv-thumb { aspect-ratio:16/9; background:var(--beige-200); position:relative; overflow:hidden; }
.cv-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.cv-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:48px; height:48px; border-radius:50%; background:var(--purple-600); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.2s; }
.cv-play svg { width:20px; height:20px; margin-left:2px; }
.cv-card:hover .cv-play { opacity:1; }
.cv-card:hover .cv-thumb::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 50%, rgba(0,0,0,0.4)); }
.cv-duration { position:absolute; bottom:8px; right:8px; font-size:11px; color:#fff; background:rgba(0,0,0,0.7); padding:2px 6px; border-radius:var(--radius-sm); z-index:1; }

.cv-info { padding:14px 16px 18px; }
.cv-song { font-size:15px; font-weight:600; color:var(--black-800); margin-bottom:2px; }
.cv-student { font-size:12px; color:var(--black-700); margin-bottom:10px; }
.cv-desc { font-size:13px; color:var(--black-700); line-height:1.7; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }

/* 검색 결과 없음 */
.cv-empty { text-align:center; padding:48px 0; font-size:14px; color:var(--black-700); }

/* 더 보기 */
.cv-loadmore { text-align:center; padding:24px 0; }
.cv-loadmore__btn { border:1.5px solid var(--purple-400); color:var(--purple-600); background:transparent; padding:10px 32px; border-radius:var(--radius-md); font-size:14px; font-weight:500; cursor:pointer; transition:all 0.2s; }
.cv-loadmore__btn:hover { background:var(--purple-50); border-color:var(--purple-600); }
.cv-loadmore__count { font-size:12px; color:var(--black-700); margin-top:8px; }

/* 모달 */
.cv-modal { display:none; position:fixed; inset:0; z-index:200; align-items:center; justify-content:center; }
.cv-modal.open { display:flex; }
.cv-modal__backdrop { position:absolute; inset:0; background:rgba(0,0,0,0.85); }
.cv-modal__content { position:relative; max-width:900px; width:90%; z-index:1; }
.cv-modal__close { position:absolute; top:-40px; right:0; font-size:28px; color:rgba(255,255,255,0.7); background:none; border:none; cursor:pointer; transition:color 0.2s; }
.cv-modal__close:hover { color:#fff; }
.cv-modal__player { aspect-ratio:16/9; background:#000; border-radius:var(--radius-lg); overflow:hidden; }
.cv-modal__player iframe { width:100%; height:100%; border:none; }
.cv-modal__info { padding:16px 0; }
.cv-modal__title { font-size:18px; font-weight:600; color:#fff; margin-bottom:6px; }
.cv-modal__desc { font-size:13px; color:rgba(255,255,255,0.7); line-height:1.7; }

/* 반응형 */
@media(max-width:768px) {
  .cv-search-wrap { justify-content:stretch; }
  .cv-search { width:100%; }
  .cv-grid { grid-template-columns:repeat(2,1fr); gap:14px; }
  .cv-hero__title { font-size:26px; }
}
@media(max-width:480px) {
  .cv-grid { grid-template-columns:1fr; gap:16px; }
}