.hphc-grid{  display:grid;  grid-template-columns:repeat(4,minmax(0,1fr));  gap:16px;  margin:10px 0;}@media (max-width:1024px){  .hphc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){  .hphc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){  .hphc-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.hphc-card{display:block;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.hphc-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06)}.hphc-thumb{display:block;aspect-ratio:4/3;width:100%;overflow:hidden;border-radius:8px;background:#f5f5f5;margin-bottom:8px}.hphc-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hphc-name{display:block;font-weight:600}