@media (max-width: 820px) {
  .h5-nav { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .h5-nav button { width: 100%; min-width: 0; padding-left: 2px; padding-right: 2px; font-size: 11px; }
  .h5-nav button > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .h5-nav .ui-icon { width: 21px; height: 21px; }
  .h5-discover-list { display: flex; flex-direction: column; gap: 10px; padding: 2px 0 20px; }
  .h5-discover-link { display: flex; align-items: center; min-height: 70px; gap: 13px; padding: 11px 14px; color: #172a42; text-decoration: none; background: #fff; border: 1px solid #e5ebf3; border-radius: 14px; box-shadow: 0 5px 15px rgba(31, 67, 109, .05); }
  .h5-discover-link:active { transform: scale(.985); background: #f7faff; }
  .h5-discover-logo,.h5-discover-logo-fallback { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 12px; }
  .h5-discover-logo { object-fit: cover; background: #eef5ff; }
  .h5-discover-logo-fallback { display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, #3b9cff, #2077ea); }
  .h5-discover-logo-fallback .ui-icon { width: 25px; height: 25px; }
  .h5-discover-name { flex: 1; min-width: 0; font-size: 15px; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .h5-discover-arrow { flex: 0 0 auto; color: #9aabba; font-size: 23px; line-height: 1; }
  .h5-discover-state { padding: 48px 20px; color: #9ba8b8; font-size: 14px; text-align: center; }
}