/* ===== 案例列表页 手机端筛选下拉（风格/面积/户型） ===== */
/* 桌面端默认显示原标签式筛选；手机端只显示三个下拉 */
.case-filter-mobile-wrap{display:none;}
.case-filter-m{display:none;}

@media (max-width:768px){
  .case-breadcrumb{display:none;}
}

@media (max-width:768px){
  /* 手机端隐藏桌面标签筛选，显示下拉 */
  .case-filter-pc{display:none !important;}
  .case-filter-mobile-wrap{display:block;}
  .case-filter-m{
    display:flex;
    flex-wrap:wrap;
    gap:8px 6px;
    padding:10px 12px;
    background:#fff;
  }
  .case-filter-m .filter-select{
    display:flex;
    align-items:center;
    flex:1 1 30%;
    min-width:96px;
  }
  .case-filter-m .tag_list_cate{
    font-size:13px;
    color:#333;
    margin-right:4px;
    white-space:nowrap;
  }
  .case-filter-m select{
    -webkit-appearance:none;
    appearance:none;
    flex:1;
    width:100%;
    padding:8px 30px 8px 10px;
    border:1px solid #e2e2e2;
    border-radius:6px;
    background-color:#fff;
    font-size:14px;
    color:#333;
    line-height:1.2;
    /* 倒三角符号 */
    background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M0 0 L12 0 L6 8 Z' fill='%23333'/></svg>");
    background-repeat:no-repeat;
    background-position:right 10px center;
    background-size:12px 8px;
  }
  .case-filter-m select:focus{outline:none;border-color:#c00;}
}