<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://www.iamwawa.cn/Public/css/wawa.min.css?v=d8bbc6e8e0" rel="stylesheet">
    <style>
        .pinyin{
            font-size:3rem;
            /*background: linear-gradient(180deg, #DCEBFF 0%, #FFFFFF 100%);*/
            box-shadow: 0rpx 8rpx 16rpx -8rpx rgba(0,71,190,0.4);
            border-radius: 32px;
            overflow: hidden;
            width: 100%;min-height: 100vh;padding:25px;
            background-color: #DCEBFF;
             /*background-image:linear-gradient(to right, red, blue);*/
        }
        .pinyin span{
            display:inline-block;float:left;text-align: center;line-height: 3.5rem;
        }
        .pinyin sup{
            font-size:13px;display:block;padding: 0 5px;line-height: 3.5rem;
        }
        img{
            border-radius: 32px;
        }
        sup{
            font-size: 2rem!important;
            line-height: 3rem!important;
            border-radius: 5px;
            background-color: rgba(255,255,255,0);
            color: red;
        }
        h1{
            font-size: 48px;
            font-weight: bold;
            color: #333333;
            text-align: center;
        }
    </style>
</head>
<body>
<div class="pinyin">
    <div id="tool-result"  style="display: block;">
        <h1>{{$title}}</h1>
        <img style="width: 100%;float: left;margin-right: 10px;margin-bottom: 40px;margin-top:40px" src="{{$img}}"/>
        <div >{!! $data !!}</div>
    </div>
</div>
</body>
</html>