.support-attachment-gallery{display:flex;flex-wrap:wrap;gap:12px}.support-attachment-item{width:112px;min-width:0;text-align:center}.support-attachment-thumb{position:relative;display:grid;place-items:center;width:88px;height:72px;margin:0 auto;padding:0;overflow:hidden;border:1px solid #d9e2ec;border-radius:10px;color:#486581;background:#f5f7fa}button.support-attachment-thumb{cursor:pointer}button.support-attachment-thumb:hover{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1f}.support-attachment-thumb img,.support-attachment-thumb video{width:100%;height:100%;object-fit:cover}.support-attachment-play{position:absolute;display:grid;place-items:center;inset:0;color:#fff;font-size:26px;background:#00000038}.support-attachment-file-icon{font-size:32px}.support-attachment-kind{position:absolute;right:4px;bottom:4px;padding:1px 5px;border-radius:4px;color:#fff;background:#102a43b8;font-size:10px;line-height:16px}.support-attachment-name{display:block;width:88px;max-width:100%;margin:5px auto 0;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.support-attachment-size{display:block;color:#829ab1;font-size:11px}.support-attachment-remove{padding:0;font-size:12px}.support-attachment-preview{display:grid;min-height:320px;place-items:center}.support-attachment-preview img{max-width:100%;max-height:68vh;object-fit:contain}.support-attachment-preview video{width:100%;max-height:68vh;background:#000}.support-attachment-file-preview{text-align:center}.support-attachment-file-preview .support-attachment-file-icon{font-size:96px}.support-attachment-file-preview-name{max-width:560px;margin-top:16px;overflow-wrap:anywhere;font-weight:600}@media(max-width:600px){.support-attachment-item{width:96px}.support-attachment-thumb,.support-attachment-name{width:78px}.support-attachment-thumb{height:64px}}