:root{--artist-orange:#f97300;--artist-blue:#075db7;--artist-text:#111;--artist-muted:#5d6168;--artist-line:#e3e3e3;--artist-soft:#fafafa}
body{background:#fff;color:var(--artist-text);font-family:Arial,Helvetica,sans-serif}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.artist-page{padding:24px 0 56px}.artist-breadcrumb{display:flex;align-items:center;gap:10px;color:var(--artist-blue);font-size:13px;margin:4px 0 24px}.artist-breadcrumb span{color:#9aa0a6}
.artist-hero{display:grid;grid-template-columns:330px minmax(0,1fr);gap:34px;align-items:center;padding-bottom:30px}.artist-photo{width:330px;height:225px;border-radius:9px;object-fit:cover;background:linear-gradient(135deg,#111827,#f97300)}.artist-placeholder{display:flex;align-items:center;justify-content:center;color:#fff;font-size:72px;font-weight:900}
.artist-summary h1{font-size:42px;line-height:1.05;letter-spacing:-1.5px;margin:0 0 14px}.artist-description{max-width:720px;color:var(--artist-muted);font-size:15px;line-height:1.65;margin:0}.artist-metrics{display:flex;gap:34px;flex-wrap:wrap;margin-top:24px}.artist-metric{display:flex;align-items:center;gap:11px}.artist-metric-icon{font-size:25px}.artist-metric strong{display:block;font-size:20px}.artist-metric span{display:block;color:var(--artist-muted);font-size:12px;margin-top:2px}
.artist-tabs{display:flex;gap:42px;border-bottom:1px solid var(--artist-line);overflow-x:auto}.artist-tabs a{padding:15px 2px 14px;white-space:nowrap;font-weight:700;font-size:14px}.artist-tabs .active{color:var(--artist-orange);border-bottom:3px solid var(--artist-orange)}
.artist-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:36px;padding-top:20px}.artist-content{min-width:0}.artist-filters{display:grid;grid-template-columns:minmax(220px,1fr) 170px 145px;gap:16px;padding:16px;background:var(--artist-soft);border-radius:8px;margin-bottom:28px}.artist-field label{display:block;color:var(--artist-muted);font-size:11px;margin:0 0 5px}.artist-field input,.artist-field select{width:100%;height:44px;border:1px solid #d8dadd;border-radius:7px;background:#fff;padding:0 13px;font:inherit}.artist-search{position:relative}.artist-search button{position:absolute;right:5px;bottom:4px;width:36px;height:36px;border:0;background:#fff;font-size:20px;cursor:pointer}
.artist-section{padding:0 0 28px;margin:0 0 26px;border-bottom:1px solid var(--artist-line)}.artist-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.artist-section h2{font-size:23px;margin:0}.artist-section-link{color:var(--artist-blue);font-size:12px}.popular-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.popular-card{min-width:0;position:relative}.popular-card img,.popular-placeholder{width:100%;aspect-ratio:1.2;border-radius:7px;object-fit:cover;background:linear-gradient(135deg,#161616,#444)}.popular-rank{position:absolute;left:0;top:0;background:var(--artist-orange);color:#fff;border-radius:7px 0 5px 0;padding:5px 8px;font-weight:900}.popular-card strong{display:block;font-size:13px;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-card small{display:block;color:var(--artist-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-views{color:var(--artist-orange)!important}
.new-list{display:grid}.new-item{display:grid;grid-template-columns:52px minmax(0,1fr) 72px 110px;gap:13px;align-items:center;padding:10px 0;border-bottom:1px solid var(--artist-line)}.new-item img,.new-thumb-placeholder{width:52px;height:42px;object-fit:cover;border-radius:5px;background:#eee}.new-item strong{font-size:14px}.new-item small{display:block;color:var(--artist-muted);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-tone{font-weight:800;text-align:center}.new-date{font-size:11px;color:var(--artist-muted);text-align:right;text-transform:uppercase}
.tone-list{display:flex;flex-wrap:wrap;gap:10px}.tone-list a{min-width:45px;text-align:center;border:1px solid #d8dadd;border-radius:6px;padding:10px 12px;font-weight:700;background:#fff}.tone-list a:hover,.tone-list a.active{border-color:var(--artist-orange);color:var(--artist-orange)}
.all-list{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.all-song{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--artist-line)}.all-song strong{font-size:14px}.all-song span{color:var(--artist-muted);font-size:12px;white-space:nowrap}.empty-result{padding:30px;text-align:center;background:#fafafa;border-radius:8px;color:var(--artist-muted)}
.artist-sidebar{display:grid;align-content:start;gap:18px}.sidebar-box{border:1px solid var(--artist-line);border-radius:8px;padding:20px}.sidebar-box h3{font-size:18px;margin:0 0 18px}.number-row{display:flex;gap:12px;align-items:center;margin:15px 0}.number-row b{display:block;font-size:19px}.number-row span{display:block;font-size:12px;color:var(--artist-muted)}.related-link{display:block;font-weight:700;font-size:13px;padding:8px 0}.social-link{display:block;color:var(--artist-blue);font-weight:700;padding:8px 0}.about-text{font-size:14px;line-height:1.65;color:#333}
.pager{display:flex;justify-content:center;gap:7px;margin-top:24px}.pager a,.pager span{border-radius:6px;min-width:38px;padding:9px;border:1px solid var(--artist-line)}.pager .active{background:var(--artist-orange);border-color:var(--artist-orange);color:#fff}.artist-footer{background:#fafafa;border-top:1px solid var(--artist-line);padding:30px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.footer-grid h3,.footer-grid h4{margin:0 0 12px}.footer-grid a{display:block;color:var(--artist-blue);font-size:13px;margin:8px 0}.footer-grid p{color:var(--artist-muted);font-size:13px;line-height:1.6}
@media(max-width:920px){.artist-hero{grid-template-columns:240px 1fr}.artist-photo{width:240px;height:185px}.artist-layout{grid-template-columns:1fr}.artist-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.popular-grid{display:flex;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.popular-card{flex:0 0 185px;scroll-snap-align:start}}
@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.artist-page{padding-top:14px}.artist-breadcrumb{margin-bottom:16px}.artist-hero{grid-template-columns:1fr;gap:18px}.artist-photo{width:100%;height:auto;max-height:280px;aspect-ratio:1.55}.artist-summary h1{font-size:34px}.artist-metrics{gap:18px}.artist-tabs{gap:28px}.artist-layout{padding-top:14px}.artist-filters{grid-template-columns:1fr}.new-item{grid-template-columns:48px minmax(0,1fr) 44px}.new-date{display:none}.all-list{grid-template-columns:1fr}.artist-sidebar{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.popular-card{flex-basis:158px}}