#ml-gallery .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#ml-gallery .gcard{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 18px 18px;border-color:#DFE6ED;border-radius:16px;overflow:hidden}
#ml-gallery .gcard:hover{border-color:#82A9E1;box-shadow:0 9px 26px #2039530b}
#ml-gallery .ml-preview{height:100px;display:flex;align-items:center;justify-content:center;width:100%;background:#F7F9FC;border-radius:9px;position:relative;margin-bottom:3px}
#ml-gallery .ml-preview svg{width:190px;max-width:86%;height:96px;transition:transform .3s}
#ml-gallery .gcard:hover svg{transform:scale(1.07)}
#ml-gallery .ml-preview span{position:absolute;right:6px;top:6px;font-size:9px;color:#3C5B77;background:#fff;padding:1px 5px;border-radius:4px}
#ml-gallery .t{font-size:16px;padding-right:14px}#ml-gallery .d{font-size:12px;color:#37526B;line-height:1.6}#ml-gallery .ml-enter{position:absolute;right:16px;bottom:17px;color:#2563EB;font-size:17px}
#ml-gallery .sub{color:#37526B;margin-bottom:19px}
@media(max-width:1100px){#ml-gallery .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#ml-gallery .grid{gap:10px}#ml-gallery .gcard{padding:9px 9px 15px}#ml-gallery .t{font-size:14px}#ml-gallery .d{font-size:11px}#ml-gallery .ml-preview{height:80px}#ml-gallery .ml-preview svg{height:80px}#ml-gallery .ml-enter{right:8px;bottom:10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){#ml-gallery *{transition:none!important;transform:none!important}}
