safari 下 linear-gradient 失效

Question

<div class="content-title">
    平台
</div>

background-image: -webkit-linear-gradient(rgba(255,255,255,1) 0%,     rgba(194,222,250,1.000) 60%, rgba(55,115,171,1.000) 80%);
background-image: -moz-linear-gradient(rgba(255,255,255,1) 0%,     rgba(194,222,250,1.000) 60%, rgba(55,115,171,1.000) 80%);
background-image: linear-gradient(rgba(255,255,255,1) 0%,     rgba(194,222,250,1.000) 60%, rgba(55,115,171,1.000) 80%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
filter: drop-shadow(3px 3px 6px #03103c);
-webkit-text-stroke: 1px #03103c80;

chrome 下正常显示

safari 下无法正常显示