/* ===== 筛选按钮基础样式 ===== */
.district-btn, 
.price-quick button {
  padding: 8px 16px;
  background: #f5f5f5; /* 默认灰色背景 */
  border: 1px solid #ddd;
  border-radius: 20px; /* 圆角效果 */
  cursor: pointer;
  transition: all 0.3s ease; /* 平滑过渡动画 */
  margin: 2px;
  font-size: 14px;
}

/* 悬停效果 */
.district-btn:hover,
.price-quick button:hover {
  background: #e8e8e8;
  border-color: #ccc;
}

/* 选中状态 - 蓝色高亮 */
.district-btn.active,
.price-quick button.active {
  background: #1890ff !important; /* 蓝色背景 */
  color: white !important;
  border-color: #1890ff !important;
  box-shadow: 0 2px 8px rgba(24, 144, 255, 0.3); /* 发光效果 */
}

/* 价格输入框样式 */
.price-custom input {
  width: 80px;
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;







  
}




/* ===== 新增的弹性布局 ===== */
.filter-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.price-quick {
  display: flex;
  align-items: center;
  gap: 5px;
}

.price-custom {
  display: flex;
  align-items: center;
  gap: 5px;
}