.home-trends,.trend-grid{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.song-row{display:grid;grid-template-columns:28px 58px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:84px;padding:11px 4px;border-bottom:1px solid var(--line);background:transparent}
.song-index{font:12px Georgia,serif;color:#a4a59f;text-align:center}
.song-cover{width:58px;height:58px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#df9c73,#6c745e);color:#fff;box-shadow:0 5px 15px rgba(47,51,43,.12)}
.song-cover img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.song-cover>span{width:28px;height:28px;border:8px solid rgba(24,29,27,.72);border-radius:50%;display:grid;place-items:center;font-size:8px;background:#dd8b64}
.song-copy{min-width:0}.song-copy h4{margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-copy p,.song-copy small{display:block;margin:5px 0 0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-copy p{font-size:10px}.song-copy small{font-size:9px}
.song-controls{display:flex;align-items:center;gap:7px}.song-controls button{border:0;min-height:42px}.song-play{width:42px;border-radius:50%;background:#e5ebe4;color:var(--green);font-size:12px}.song-favorite{width:34px;background:transparent;color:#8d9389;font-size:22px}.song-favorite.active{color:#ef4f69}.song-cover-action{min-width:70px;padding:0 10px;border-radius:13px;background:var(--green);color:#fff;font-size:10px;font-weight:700}.song-audio{display:none}
.music-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:4px 0 14px;padding:7px 8px 7px 15px;border:1px solid var(--line);border-radius:18px;background:#f5f7f2}.music-search>span{font-size:22px;color:#767d72}.music-search input{min-width:0;height:42px;border:0;outline:0;background:transparent;font:inherit;font-size:14px}.music-search button{height:42px;padding:0 20px;border:0;border-radius:13px;background:#11130f;color:#c9ff00;font-weight:900}
.favorite-section{margin:0 0 18px;padding:14px;border:1px solid #dfe7cf;border-radius:20px;background:linear-gradient(145deg,#fbfff2,#fff)}.favorite-section[hidden]{display:none}.favorite-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.favorite-heading div{display:flex;align-items:baseline;gap:9px}.favorite-heading b{font-size:15px}.favorite-heading small{color:var(--muted);font-size:9px}.favorite-heading>span{color:#ef4f69;font-size:19px}.favorite-grid{border-top-color:#e9eedf}
@media(max-width:760px){
  .home-trends,.trend-grid{display:flex;margin:0;padding:0;overflow:visible;border-radius:0;scroll-snap-type:none}
  .home-trends .song-row{flex:none;max-width:none;width:100%;scroll-snap-align:none}
  .song-row{grid-template-columns:20px 52px minmax(0,1fr) auto;gap:9px;min-height:76px;padding:10px 1px}
  .song-index{font-size:10px}.song-cover{width:52px;height:52px;border-radius:11px}.song-copy h4{font-size:13px}.song-copy p{font-size:9px}.song-copy small{font-size:8px;margin-top:4px}
  .song-controls{gap:4px}.song-controls button{min-height:40px}.song-play{width:40px}.song-favorite{width:29px}.song-cover-action{min-width:62px;padding:0 7px}
  .music-search{position:sticky;top:66px;z-index:5;margin:0 0 12px;border-radius:16px;box-shadow:0 8px 24px rgba(20,24,18,.08)}.music-search button{padding:0 16px}.favorite-section{margin-bottom:13px;padding:11px;border-radius:17px}
}
@media(max-width:370px){.song-row{grid-template-columns:48px minmax(0,1fr) auto}.song-index{display:none}.song-cover{width:48px;height:48px}.song-copy small{display:none}.song-cover-action{min-width:46px;padding:0 7px}}
