如何在 Gmail 的 HTML 电子邮件中插入类和 <style>？

如何解决如何在 Gmail 的 HTML 电子邮件中插入类和 <style>？

为什么在发送 HTML 电子邮件后，Gmail 桌面版中的,classes，尤其是 @media 消失了？

<!DOCTYPE html>
<html lang="en">
<head>
    
    <Meta charset="UTF-8">
    <title>TEST</title>
    <Meta name="viewport" content="width=device-width,initial-scale=1.0">
    
    <style>
      @media only screen and (min-width: 800px) {
        .mradius {
          border-radius: 40px !important;
        }
      }
      
      @media only screen and (max-width:800px) {
        .mradius {
          border-radius: 0 !important;
        }
      }
    </style>

    
  </head>

  <body>

 <div style="width: 200px; height: 200px;background: #000000;margin: 0 auto;" class="mradius"></div>
  </body>
</html>

验证器没有显示代码中的任何错误，Google 允许的 CSS 属性列表也不与代码矛盾。所以有什么问题？ HTML 代码是使用 Google Chrome 的 DevTools 嵌入的。