/* City Media — guide 页视听模块（歌曲电台 + 电影视频） */
.av-tabs { display:flex; gap:10px; margin-bottom:16px; }
.av-tab { padding:9px 20px; border-radius:999px; border:1px solid var(--c-border); background:#fff; color:var(--c-text-secondary); font-family:inherit; font-size:14px; font-weight:600; cursor:pointer; transition:background .2s,color .2s; }
.av-tab.active { background:var(--c-primary); color:#fff; border-color:var(--c-primary); }
.av-layout { display:flex; gap:16px; align-items:stretch; }
.av-player-box { flex:1.6; min-width:0; aspect-ratio:16/9; background:#000; border-radius:12px; overflow:hidden; }
.av-list { flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; max-height:380px; overflow-y:auto; }
.av-item { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--c-border); border-radius:10px; cursor:pointer; font-size:13.5px; color:var(--c-text-secondary); background:#fff; transition:background .15s; }
.av-item:hover { background:var(--c-primary-bg); }
.av-item.active { background:var(--c-primary-bg); border-color:var(--c-primary); color:var(--c-primary); font-weight:600; }
.av-item .av-item-ic { flex-shrink:0; }
@media(max-width:768px) {
  .av-layout { flex-direction:column; }
  .av-list { max-height:240px; }
}