.zhsl-match-filter-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.zhsl-match-filter-row .form-control { min-width:150px; }
.zhsl-match-filter-row .zhsl-match-search { min-width:260px; }
.zhsl-match-filter-block { margin-bottom: 20px; }
.zhsl-match-filter-block .block-content {
  background: #fff;
  border: 1px solid var(--zhsl-border);
  border-radius: 10px;
  padding: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,.05);
}
.zhsl-match-grid { display:flex; flex-wrap:wrap; }
.zhsl-match-grid > [class*='col-'] { display:flex; margin-bottom:18px; }
.zhsl-match-card { border:1px solid var(--zhsl-border); border-radius:10px; overflow:hidden; background:#fff; transition:all .2s ease; width:100%; height:100%; display:flex; flex-direction:column; }
.zhsl-match-card:hover { box-shadow:0 10px 20px rgba(0,0,0,.08); transform:translateY(-2px); }
.zhsl-match-cover { height:180px; overflow:hidden; background:linear-gradient(135deg,#8fb2ff,#6a8de8); }
.zhsl-match-cover img { width:100%; height:100%; object-fit:cover; }
.zhsl-match-body { padding:16px; display:flex; flex-direction:column; flex:1; }
.zhsl-match-title { margin:0 0 8px; font-size:18px; min-height:48px; }
.zhsl-match-meta { color:var(--zhsl-text-light); font-size:13px; margin-bottom:10px; }
.zhsl-match-tags { margin-bottom:10px; }
.zhsl-match-tags .label { margin-right:6px; }
.zhsl-match-desc { color:var(--zhsl-text-light); min-height:44px; margin-bottom:10px; }
.zhsl-match-stats { margin-top:auto; }