<div class="flex flex-col items-center justify-center py-12">
  <svg class="w-16 h-16 text-gray-400 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
  </svg>
  <h3 class="text-lg font-medium text-gray-900 mb-2">
    <%= query.present? ? "一致なし" : "無出力" %>
  </h3>
  <p class="text-gray-500 text-center mb-6">
    <%= query.present? ? "顔なし" : "無気力" %>
  </p>
</div>