.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;margin-top:14px}
          .mt{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden;transition:border-color .15s,transform .2s var(--ease)}
          .mt:hover{border-color:var(--line2);transform:translateY(-2px)}
          .mt .mi{display:grid;place-items:center;height:200px;padding:12px;background:var(--bg2)}
          .mt .mi img{max-width:100%;max-height:176px;object-fit:contain;border-radius:4px}
          .mt .mb{display:flex;flex-direction:column;gap:6px;padding:11px 12px 12px}
          .mt .mb b{font:600 13.5px/1.25 var(--font)}
          .mt .mb small{display:flex;align-items:center;gap:6px;font-size:12px}
          .mt .mb small img{width:16px;height:16px;object-fit:contain}
          .mt .rk{position:absolute;top:10px;left:10px;padding:3px 7px;border-radius:var(--r1);background:oklch(0.18 0.01 265 / .85);font:650 10.5px/1 var(--font);color:var(--bs)}
          .seg .mic{width:16px;height:16px;object-fit:contain}