/* ---------- 暗色底部导航 ---------- */
.fan_city-list{
  width:100%;
  color:#b0b0b0;
  padding:24px 0 16px;
  font-size:14px;
  box-sizing:border-box;
  margin-top:auto;          /* 贴底 */
}
.fan_city-container{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:12px 20px;
}
.fan_city-list-title{
  font-size:15px;
  color:#888;
  margin:0;
  white-space:nowrap;
}
.fan_city-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.fan_city-nav a{
  color:#b0b0b0;
  text-decoration:none;
  padding:4px 10px;
  border:1px solid #333;
  border-radius:4px;
  transition:all .2s;
}
.fan_city-nav a:hover{
  color:#fff;
  border-color:#5d9cec;
  background:#5d9cec;
}
.fan_city-nav .more{
  border-color:#5d9cec;
  color:#5d9cec;
}
.fan_city-nav .more:hover{
  background:#4a89dc;
  color:#fff;
}

/* ---------- 响应式 ---------- */
@media(max-width:600px){
  .fan_city-container{flex-direction:column;gap:10px}
  .fan_city-list-title{margin-bottom:4px}
  .fan_city-nav{justify-content:center}
}