/* ============================================================
 * 首页 MIX音乐人 卡片样式（独立文件 + 版本号，避免 HTML 内联缓存）
 * 复刻 artist 页 .photoframe：图框 + 原比例封面 + 下方名字
 * 约束：PC 卡片宽度固定 160px 不变；图片原比例完整显示、居中、不裁剪
 * ============================================================ */
.artists-track{ align-items:flex-start; }

.artist{
  box-sizing:border-box;
  position:relative;
  width:160px;
  height:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(0,240,255,.20);
  background:linear-gradient(155deg,#272c3a 0%,#1d2130 55%,#171a26 100%);
  border-radius:14px;
  padding:8px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.35), 0 0 18px rgba(0,240,255,.05);
  text-align:center;
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
.artist:hover{ transform:translateY(-3px); border-color:rgba(0,240,255,.55); box-shadow:0 12px 30px rgba(0,0,0,.4), 0 0 26px rgba(0,240,255,.12); }

.artist .ava{
  display:flex;
  align-items:center;
  justify-content:center;
  width:120px;
  min-height:90px;
  height:auto;
  border-radius:9px;
  margin:0 auto;
  overflow:hidden;
  background:radial-gradient(circle at 50% 26%, rgba(0,240,255,.16), rgba(0,240,255,.03) 55%, transparent 75%), linear-gradient(180deg,#232838,#191c2a);
}

.artist img{
  display:block;
  width:100%;
  height:auto;
  max-height:120px;
  object-fit:contain;
  border-radius:9px;
  margin:0 auto;
  filter:brightness(1.06) contrast(1.03);
}

.artist b{
  font-family:Arial,Helvetica,Tahoma,"microsoft yahei";
  font-size:12px;
  font-weight:700;
  line-height:14.3px;
  letter-spacing:.1px;
  color:rgb(238,241,255);
  display:block;
  margin:8px 0 2px;
  text-align:center;
  max-width:100%;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* 移动端：卡片铺满网格单元 */
@media (max-width:600px){
  .artist{ width:auto; padding:6px; }
  .artist .ava{ width:100%; height:auto; min-height:60px; }
}