.realm .content-index{padding:24px;margin-bottom:24px}
.realm .content-index h1{margin-bottom:12px}
.realm .content-index>.muted{margin:0 0 18px}
.realm .system-index-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.realm .system-index-grid .system-card{display:flex;flex-direction:column;min-width:0;min-height:158px;padding:12px 8px;gap:8px;text-align:center}
.realm .system-index-grid .system-card:before{display:none}
.realm .system-index-grid .system-cover{display:block;width:88px;height:88px;max-width:100%;object-fit:contain;flex-shrink:0}
.realm .system-index-grid .sc-name{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:16px;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere}
@media(max-width:1050px){.realm .system-index-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.realm .system-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){
  .realm .content-index{padding:14px}
  .realm .system-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .realm .system-index-grid .system-card{min-height:124px;padding:10px 6px}
  .realm .system-index-grid .system-cover{width:76px;height:76px}
  .realm .system-index-grid .sc-name{min-height:44px;font-size:15px}
}