.dff-wrap{margin:18px 0}
.dff-filters{display:flex;gap:12px;flex-wrap:nowrap;align-items:flex-end}
.dff-field{display:flex;flex-direction:column;min-width:200px;flex:1}
.dff-filter-search{padding:8px;border:1px solid #ccc;border-radius:4px;margin-bottom:6px}
.dff-select{padding:8px;width:100%}
.dff-action{display:flex;align-items:center;margin-left:8px}
.dff-btn{background:#0b76a8;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;height:44px}
.dff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:18px}
.dff-card{padding:12px;border:1px solid #eee;border-radius:8px;background:#fff}
.dff-thumb img{width:100%;height:auto;border-radius:6px}
.dff-title{font-size:18px;margin:8px 0 0}
.dff-meta{font-size:13px;color:#666;margin-top:6px}
.dff-none{color:#555;padding:12px}

/* Responsive */
@media (max-width: 900px){
  .dff-filters{flex-wrap:wrap}
  .dff-field{min-width:45%;margin-bottom:8px}
  .dff-action{width:100%;display:flex;justify-content:flex-end}
}
@media (max-width: 480px){
  .dff-field{min-width:100%}
  .dff-action{width:100%;justify-content:center;margin-top:6px}
  .dff-filters{gap:8px}
}