.mx-masonry{column-count:2;column-gap:14px}@media (min-width:768px){.mx-masonry{column-count:3}}@media (min-width:1280px){.mx-masonry{column-count:4}}.mx-card{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;background:var(--color-bg-card);border:1px solid var(--color-border);animation:.4s both mx-in;animation-delay:calc(var(--i,0) * 35ms);border-radius:14px;margin:0 0 14px;transition:box-shadow .2s,transform .2s,border-color .2s;position:relative;overflow:hidden}@keyframes mx-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mx-card{animation:none}}.mx-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 10px 26px #1f3c371f}.mx-card-link{display:block}.mx-card-img{background:var(--color-moonwhite);width:100%;height:auto;display:block}.mx-card-ph{aspect-ratio:3/4;place-items:center;width:100%;display:grid;position:relative}.mx-card-phmode{color:var(--color-brand);opacity:.55;letter-spacing:2px;font-size:12px}.mx-card-chip{color:var(--color-brand-dark);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#ffffffeb;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:10px;left:10px}.mx-card-fav{width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;background:#ffffffeb;border:0;border-radius:50%;place-items:center;font-size:14px;line-height:1;transition:all .15s;display:grid;position:absolute;top:8px;right:8px}.mx-card-fav:hover{color:var(--color-danger);background:#fff;transform:scale(1.08)}.mx-card-cap{padding:10px 12px 12px}.mx-card-cap b{-webkit-line-clamp:2;color:var(--color-text-primary);-webkit-box-orient:vertical;font-size:13.5px;font-weight:600;line-height:1.45;transition:color .15s;display:-webkit-box;overflow:hidden}.mx-card:hover .mx-card-cap b{color:var(--color-brand)}.mx-card-en{-webkit-line-clamp:1;color:var(--color-text-muted);-webkit-box-orient:vertical;margin-top:2px;font-size:11.5px;display:-webkit-box;overflow:hidden}.mx-card-row{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:11px;display:flex}.mx-card-tool{text-overflow:ellipsis;white-space:nowrap;max-width:55%;overflow:hidden}.mx-card-stats{flex-shrink:0;align-items:center;gap:8px;display:flex}.mx-card-stats span{align-items:center;gap:3px;display:inline-flex}.mx-empty{text-align:center;color:var(--color-text-secondary);padding:64px 0;font-size:13px}
