md 样式丢失问题

Hi 我用 html 和 css 写了一个 Card，代码如下 👇

<div style="margin: auto; width:250px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); text-align: center; border-radius: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 0 20px #a812ff;">
   <img style="width:20%; height:20%;" src="https://gitee.com/jeremywuiot/img-res-all/raw/master/src/iie_shop/tack_purple_128x128.png"/>
   <img src="https://gitee.com/jeremywuiot/img-res-all/raw/master/src/iie_shop/wechat_qr_code_2021_02.png" style="width:100%"/>
      <img style="width:15%; height:15%; position: relative; top: 0px;left: 0px;" src="https://gitee.com/jeremywuiot/img-res-all/raw/master/src/iie_shop/tada.gif" />
      <div style="padding: 1px;">
         <p style="font-size:12px; color: #a812ff">长按关注公众号 ⌈全栈民工⌋ 🎉</p>
         <p style="font-size:12px; color: #a812ff">原创技术文章第一时间推送 🙌</p>
      </div>
</div>

在 md 中显示正常，如下 👇