@charset "UTF-8";
/* =========================
Search Visual
========================= */

.search-visual {padding: 40px;}
.search-visual-inner {background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url('/img/cmm/searchboxbg.png') center/cover;border-radius: 14px;padding: 40px 50px;}

/* 제목 */
.search-title {font-size: 48px;font-weight: 700;margin-bottom: 20px;}

/* 검색 입력 */
.search-box {display: flex;align-items: center;height: 56px;background: rgba(255,255,255,0.1);border-radius: 30px;padding: 0 20px;margin-bottom: 20px;}
.search-icon svg {width: 18px;height: 18px;fill: #aaa;margin-right: 12px;}
.search-input {flex: 1;background: transparent;border: none;outline: none;color: #fff;font-size: 16px;}
.search-input::placeholder {color: #aaa;}

/* 키워드 */
.keyword-list {display: flex;flex-wrap: wrap;gap: 10px;}
.keyword-btn {border: 1px solid rgba(255,255,255,0.3);background: transparent;color: #fff;padding: 6px 16px;border-radius: 20px;font-size: 13px;cursor: pointer;transition: 0.2s;}
.keyword-btn:hover {background: rgba(255,255,255,0.15);}

/* =========================
Search Results
========================= */
.search-results {margin-top: 40px;}
.results-title {font-size: 22px;font-weight: 700;margin-bottom: 20px;}

/* 테이블 */
.results-table {width: 100%;}

/* 행 */
.results-row {display: flex;align-items: center;padding: 16px 10px;border-bottom: 1px solid rgba(255,255,255,0.05);transition: 0.2s;}
.results-row:hover {background: rgba(255,255,255,0.04);}
.results-header {color: #aaa;font-size: 13px;border-bottom: 1px solid rgba(255,255,255,0.08);}

/* 컬럼 */
.col-no {width: 60px;}
.col-title {width: 320px;}
.col-artist {width: 200px;}
.col-keyword {flex: 1;}
.col-like {width: 40px;text-align: center;}

/* 음악 정보 */
.music-info {display: flex;align-items: center;gap: 12px;}
.music-cover {width: 36px;height: 36px;border-radius: 4px;object-fit: cover;}

/* 태그 */
.tag {border: 1px solid rgba(255,255,255,0.2);padding: 4px 10px;border-radius: 16px;font-size: 12px;margin-right: 6px;}

/* 좋아요 */
.like-btn {cursor: pointer;color: #aaa;font-size: 18px;}
.like-btn.active {color: #ff2b2b;}