👖 裤佬电台直播

正在初始化电台规则...

} .cat-btn { background: #e1e4e8; border: none; padding: 8px 16px; border-radius: 20px; cursor: pointer; transition: all 0.2s; font-size: 14px; } .cat-btn:hover, .cat-btn.active { background: var(--primary-color); color: white; } /* 电台列表 */ .radio-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 15px; margin-bottom: 100px; } .radio-card { background: #fff; border-radius: 8px; padding: 15px; text-align: center; cursor: pointer; box-shadow: 0 2px 4px rgba(0,0,0,0.05); transition: transform 0.2s; } .radio-card:hover { transform: translateY(-5px); } .radio-card img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; background: #eee; } .radio-card h3 { font-size: 14px; margin: 10px 0 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 底部固定播放器 */ .player-bar { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; z-index: 1000; } .player-info { display: flex; align-items: center; gap: 10px; } .player-info img { width: 45px; height: 45px; border-radius: 4px; } audio { flex-grow: 1; max-width: 500px; }

👖 裤佬电台直播

加载中...