1

public/share-colexiu-evaluating/index.css

@@ -0,0 +1,272 @@
+html, body{
+  margin: 0;
+  background: #2DC7AA;
+  min-height: 100vh;
+  background-image: url('./icons/header.png');
+  background-size: contain;
+  background-position: top center;
+  background-repeat: no-repeat;
+  font-family: PingFangSC-Regular, PingFang SC;
+  overflow-x: hidden;
+}
+
+:root{
+  --plyr-color-main: #01c1b5;
+  --plyr-font-size-base: 30px;
+  --plyr-control-icon-size: 36px;
+  --plyr-range-thumb-height: 26px;
+  --plyr-control-spacing: 20px;
+  --plyr-font-size-small: 26px;
+  --plyr-video-background: transparent;
+}
+
+body{
+  padding-top: 1.80rem;
+  box-sizing: border-box;
+  padding-bottom: 0.10rem;
+}
+
+.content{
+  box-sizing: border-box;
+  width: 95%;
+  background-color: #fff;
+  border-radius: 0.10rem;
+  padding: 0.22rem 0.24rem;
+  margin: 0 2.5%;
+  position: relative;
+  overflow: hidden;
+  /* border: none;
+  box-shadow: none; */
+}
+
+.content .tag{
+  position: absolute;
+  top: -0.01rem;
+  right: 0.23rem;
+  width: 0.13rem;
+  height: 0.22rem;
+  background: url('./icons/tag.png') no-repeat center;
+  background-size: contain;
+}
+
+.content .userinfo{
+  display: flex;
+}
+
+.content .userinfo > img {
+  display: block;
+  width: 0.60rem;
+  height: 0.60rem;
+  margin-right: 0.15rem;
+  border-radius: 50%;
+}
+
+.content .userinfo .cont {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.content .userinfo .cont > p {
+  color: rgba(80, 80, 80, 1);
+  font-size: 0.14rem;
+  margin: 0;
+}
+
+.content .userinfo .cont > .name{
+  font-size: 0.18rem;
+  color: rgba(26, 26, 26, 1);
+}
+
+.content div.desc {
+  color: rgba(128, 128, 128, 1);
+  font-size: 0.14rem;
+  line-height: 1.5;
+  position: relative;
+  margin: 0;
+  margin-top: 0.20rem;
+  margin-left: 0.20rem;
+}
+
+.content div.desc::before {
+  content: "";
+  background: url('./icons/dot.png') no-repeat center;
+  background-size: contain;
+  display: block;
+  width: 0.06rem;
+  height: 0.06rem;
+  margin-right: 0.10rem;
+  position: absolute;
+  top: 0.06rem;
+  left: -0.14rem;
+}
+
+.content .tit{
+  font-size: 0.16rem;
+  color: #000;
+}
+
+.content .info{
+  font-size: 0.14rem;
+  color: #808080;
+}
+
+.video-container{
+  border-radius: 0.20rem;
+  border: 0.04rem solid #F3F3F3;
+  overflow: hidden;
+  margin-top: 0.17rem;
+}
+
+.video{
+  max-width: 100%;
+  width: 0.289rem;
+  margian: 0 auto;
+  display: block;
+}
+
+.plyr__control--overlaid{
+  background-color: rgba(0, 0, 0, .5)!important;
+}
+
+.plyr--stopped.plyr__poster-enabled .plyr__poster{
+  background-color: #fff!important;
+  background-size: 70%;
+}
+
+.line{
+  margin-top: 0.21rem;
+  width: 3.00rem;
+  height: 0.02rem;
+  border-top: 0.03rem dotted #2DC7AA;
+  position: relative;
+}
+
+.line::after,
+.line::before{
+  content: "";
+  display: block;
+  position: absolute;
+  width: 0.23rem;
+  height: 0.23rem;
+  border-radius: 100%;
+  background-color: #2DC7AA;
+  z-index: 2;
+}
+
+.line::after{
+  right: -0.46rem;
+  top: -0.12rem;
+}
+
+.line::before{
+  left: -0.38rem;
+  top: -0.12rem;
+}
+
+.app{
+  margin-top: 0.18rem;
+  display: flex;
+  justify-content: ;pace-between;
+}
+
+.app-info {
+  padding: 0.10rem 0;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: space-around;
+}
+
+.app-title{
+  color: rgba(80, 80, 80, 1);
+  font-size: 0.18rem;
+  font-weight: bold;
+}
+
+.app-desc{
+  font-size: 0.16rem;
+  color: rgba(80, 80, 80, 1);
+}
+
+.app-desc > span{
+  color: #2DC7AA;
+  font-weight: bold;
+}
+
+.app-subtitle{
+  font-size: 0.12rem;
+  color: #fff;
+  background: #2DC7AA;
+  height: 0.20rem;
+  line-height: 0.20rem;
+  border-radius: 0.10rem;
+  padding-left: 0.05rem;
+  display: inline-block;
+  width: 1.70rem;
+  font-weight: bold;
+}
+
+.app > .img{
+  width: 0.96rem;
+  height: 0.96rem;
+  position: relative;
+  display: flex;
+}
+.app > .img #qrcode{
+  width: 100%;
+  height: 100%;
+}
+.app > .img .logo{
+  position: absolute;
+  top: .36rem;
+  left: .36rem;
+  width: .24rem;
+  height: .24rem;
+  border-radius: .04rem;
+}
+
+.video,
+.plyr__video-wrapper,
+.plyr,
+.plyr__poster,
+.plyr__video-wrapper{
+  border-radius: 0.20rem;
+  overflow: hidden;
+}
+
+.fraction{
+  display: flex;
+  margin: 0.10rem 0;
+  margin-left: 0.20rem;
+}
+
+.fraction .item{
+  display: flex;
+  color: #01C1B5;
+  font-size: 0.10rem;
+  font-weight: bold;
+}
+
+.fraction .item .view{
+  flex: 1;
+  height: 0.16rem;
+  width: 1.37rem;
+  background: #F5F4F2;
+  border-radius: 0.04rem;
+  margin: 0 0.06rem;
+  position: relative;
+}
+
+.fraction .item .view>span{
+  display: block;
+  flex: 1;
+  height: 0.16rem;
+  width: 0%;
+  border-radius: 0.04rem;
+  background: linear-gradient(90deg, #49E9CB 0%, #2DC7AA 100%);
+  position: absolute;
+  top: 0;
+  left: 0;
+}

public/share-colexiu-evaluating/index.html

@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="酷乐秀APP，器乐学习的不二选择">
+  <title>酷乐秀</title>
+  <link rel="stylesheet" href="index.css">
+  <script src="../helpers/rem-fit.min.js"></script>
+  <script src="../helpers/qs.min.js"></script>
+  <script src="../helpers/html2canvas.js"></script>
+  <script src="../helpers/qrcode.js"></script>
+  <script>
+    var remFit = new RemFit(3.75,true)
+    remFit.init()
+    window.addEventListener('resize', function () {
+      remFit.init()
+    })
+    var parseSearch = Qs.parse(window.location.search, { ignoreQueryPrefix: true })
+  </script>
+  <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/plyr@3.6.8/dist/plyr.css"> -->
+</head>
+<body>
+  <div class="content">
+    <div class="tag"></div>
+    <div class="userinfo">
+      <img id="avatar" crossOrigin="anonymous"/>
+      <div class="cont">
+        <p class="name" id="name"></p>
+        <p class="sub" id="subjectName"></p>
+      </div>
+    </div>
+    <div class="desc">
+      <div class="tit">我用小酷Ai智能评测获得了<span id="score"></span>分！</div>
+      <div class="info" id="examSongName"></div>
+    </div>
+    <div class="fraction" style="display: none;">
+      <div class="item" id="intonation">
+        <div class="decs">音准</div>
+        <div class="view"><span id="intonation-view"></span></div>
+        <div class="val" id="intonation-val"></div>
+      </div>
+    </div>
+    <div class="fraction" style="display: none;">
+      <div class="item" id="cadence">
+        <div class="decs">节奏</div>
+        <div class="view"><span id="cadence-view"></span></div>
+        <div class="val" id="cadence-val"></div>
+      </div>
+    </div>
+    <div class="fraction" style="display: none;">
+      <div class="item" id="integrity">
+        <div class="decs">节奏</div>
+        <div class="view"><span id="integrity-view"></span></div>
+        <div class="val" id="integrity-val"></div>
+      </div>
+    </div>
+    <div class="line"></div>
+    <div class="app">
+      <div class="app-info">
+        <div class="app-title">酷乐秀</div>
+        <div class="app-desc">器乐学习的<span>不二选择</span></div>
+        <div class="app-subtitle">小酷Ai见证你的成长！</div>
+      </div>
+      <div class="img">
+        <img id="qrcode" src="./icons/qrcode.png"/>
+        <img class="logo" src="./icons/logo.png"/>
+      </div>
+    </div>
+  </div>
+  <script>
+    document.getElementById('avatar').src = (decodeURIComponent(parseSearch.avatar) || './icons/avatar.png') + '?v=' + parseInt(Math.random() * 10000000)
+    document.getElementById('name').innerText = parseSearch.name || ''
+    document.getElementById('subjectName').innerText = parseSearch.subjectName || ''
+    document.getElementById('examSongName').innerText = parseSearch.examSongName || ''
+    document.getElementById('score').innerText = parseSearch.score || ''
+    if (parseSearch.intonation) {
+      document.getElementById('intonation').parentElement.style.display = 'flex'
+      document.getElementById('intonation-val').innerText = parseSearch.intonation || ''
+      document.getElementById('intonation-view').style.width = parseSearch.intonation + '%' || ''
+    }
+    if (parseSearch.cadence) {
+      document.getElementById('cadence').parentElement.style.display = 'flex'
+      document.getElementById('cadence-val').innerText = parseSearch.cadence || ''
+      document.getElementById('cadence-view').style.width = parseSearch.cadence + '%' || ''
+    }
+    if (parseSearch.integrity) {
+      document.getElementById('integrity').parentElement.style.display = 'flex'
+      document.getElementById('integrity-val').innerText = parseSearch.integrity || ''
+      document.getElementById('integrity-view').style.width = parseSearch.integrity + '%' || ''
+    }
+
+    window.addEventListener('load', function () {
+      QRCode.toDataURL(location.origin + '/accompany/colexiu-report-share.html?id=' + (parseSearch.id || '') + '&musicId=' + (parseSearch.musicId || '') + '&client=web', { errorCorrectionLevel: 'H', width: 192 }, function (err, val) {
+        console.log(val)
+        document.getElementById('qrcode').setAttribute('src', val)
+        html2canvas(document.body)
+        .then((canvas) => canvas.toDataURL())
+        .then(res => {
+          // console.log(res)
+          if (window.setPng) {
+            window.setPng(res)
+          }
+        })
+      })
+    })
+  </script>
+  <!-- <script src="./index.js"></script> -->
+</body>
+</html>

public/share-colexiu-evaluating/index.js

@@ -0,0 +1,10 @@
+;(function() {
+  new Plyr(document.querySelector('.video'), {
+    controls: ['play-large', 'play', 'progress', 'current-time', 'airplay', 'fullscreen',],
+    fullscreen: {
+      enabled: true,
+      fallback: true,
+      iosNative: true,
+    }
+  })
+})()

src/page-colexiu/evaluat-model/evaluat-audio/index.module.less

@@ -19,22 +19,6 @@
         width: 100%;
         height: 100%;
     }
-
-    .titleDes {
-        position: absolute;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        top: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 15px;
-    }
-}
-
-.erji {
-    width: 150px;
 }
 
 .tip {

src/page-colexiu/evaluat-model/evaluat-audio/index.tsx

@@ -1,6 +1,6 @@
 import { defineComponent } from "vue";
 import styles from "./index.module.less";
-import icons from "../icons/index.json";
+import icons from "./index.json";
 
 export default defineComponent({
 	name: "evaluat-audio",
@@ -10,16 +10,11 @@ export default defineComponent({
 			<div class={styles.fraction}>
 				<div class={styles.title}>
 					<img src={icons.title} />
-					<div class={styles.titleDes}>提示</div>
 				</div>
 				<div class={styles.tip}>评测{false ? "音视频" : "音频"}是否上传到云端？</div>
 				<div class={styles.btns}>
-					<div style={{ background: "#F0F0F0", color: "var(--van-primary-color)" }} class={styles.btn} onClick={() => emit("close")}>
-						取消
-					</div>
-					<div style={{ background: "var(--van-primary-color)" }} class={styles.btn} onClick={() => emit("close", true)}>
-						确认
-					</div>
+					<img src={icons.cancel} class={styles.btn} onClick={() => emit("close")} />
+					<img src={icons.confirm} class={styles.btn} onClick={() => emit("close", true)} />
 				</div>
 			</div>
 		);

src/page-colexiu/evaluat-model/evaluat-result/img/cadence.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="23px" height="21px" viewBox="0 0 23 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组备份 10</title>
+    <g id="修改" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="评测" transform="translate(-373.000000, -163.000000)">
+            <g id="编组-10" transform="translate(211.000000, 63.000000)">
+                <g id="编组-4" transform="translate(18.000000, 34.411322)">
+                    <g id="编组-5" transform="translate(144.200000, 65.588678)">
+                        <path d="M16.0007214,10.5467681 L15.4185357,10.5467681 L14.7313532,11.6196168 C14.6473534,11.7509497 14.5002017,11.8281126 14.3444036,11.8225241 C14.1886055,11.8169356 14.0473606,11.729428 13.9729864,11.5924143 L13.1708921,10.115849 L11.9394042,13.1368588 C11.7705957,13.5509988 11.1634955,13.479306 11.0956162,13.0372008 L10.396485,8.46539068 L9.78684248,11.6864792 C9.70599748,12.1143475 9.11974411,12.1781592 8.94864762,11.7780018 L8.15367179,9.91805838 L7.75453138,10.3904169 C7.67088986,10.4895664 7.54784275,10.5467681 7.41793145,10.5467681 L6.44474069,10.5467681 C6.24527423,10.8922541 5.8386268,11.060693 5.45328718,10.9574416 C5.06794756,10.8541901 4.8,10.5049941 4.8,10.1060611 C4.8,9.70712821 5.06794756,9.35793214 5.45328718,9.2546807 C5.8386268,9.15142927 6.24527423,9.31986815 6.44474069,9.6653542 L7.21353088,9.6653542 L7.94139011,8.80351599 C8.04003843,8.68670104 8.19219714,8.62938263 8.34339939,8.65207851 C8.49460164,8.67477439 8.62322675,8.77423924 8.68323196,8.91486854 L9.18991147,10.1000867 L10.0092933,5.77004889 C10.1013244,5.28319929 10.802998,5.2954023 10.8777415,5.78530266 L11.7255971,11.3264901 L12.7059063,8.92147851 C12.846241,8.57725168 13.3236841,8.55081181 13.5011363,8.87749679 L14.3914483,10.5162605 L14.8060967,9.86848361 C14.8870846,9.74190553 15.0270019,9.66533439 15.1772718,9.6653542 L15.8886061,9.6653542 C16.0443893,9.29876579 16.4266137,9.08215459 16.8211538,9.1368681 C17.2156939,9.1915816 17.5245501,9.50402956 17.5746985,9.89917587 C17.6248469,10.2943222 17.403831,10.6740167 17.035466,10.8255511 C16.6671011,10.9770856 16.2428849,10.8628205 16.0004671,10.5467681 L16.0007214,10.5467681 Z" id="路径" fill="#2DC7AA" fill-rule="nonzero"></path>
+                        <rect id="矩形" stroke="#2DC7AA" x="3.3" y="3.91132219" width="15" height="11" rx="2"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/page-colexiu/evaluat-model/evaluat-result/img/icon-badge.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="78px" height="87px" viewBox="0 0 78 87" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>徽章</title>
+    <defs>
+        <path d="M3.68074224,3.34475119 L26.209171,3.34475119 L26.209171,20.9920204 C26.209171,23.1071787 24.4944964,24.8218533 22.3793381,24.8218533 C21.7507061,24.8218533 21.1317391,24.6671115 20.5770638,24.3712847 L19.1802507,23.6263177 C16.5331919,22.214553 13.3567213,22.214553 10.7096625,23.6263177 L9.31284943,24.3712847 C7.44653328,25.3666533 5.12667942,24.6606108 4.13131081,22.7942947 C3.835484,22.2396194 3.68074224,21.6206524 3.68074224,20.9920204 L3.68074224,3.34475119 L3.68074224,3.34475119 Z" id="path-1"></path>
+        <path d="M4.41275563,3.95453496 L26.9411844,3.95453496 L26.9411844,21.6018042 C26.9411844,23.7169625 25.2265098,25.431637 23.1113515,25.431637 C22.4827195,25.431637 21.8637525,25.2768953 21.3090772,24.9810685 L19.9122641,24.2361015 C17.2652053,22.8243368 14.0887347,22.8243368 11.4416759,24.2361015 L10.0448628,24.9810685 C8.17854667,25.9764371 5.85869282,25.2703946 4.86332421,23.4040785 C4.5674974,22.8494032 4.41275563,22.2304361 4.41275563,21.6018042 L4.41275563,3.95453496 L4.41275563,3.95453496 Z" id="path-3"></path>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#FDB927" offset="0%"></stop>
+            <stop stop-color="#FFBF69" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#FFE593" offset="0%"></stop>
+            <stop stop-color="#FFEEB9" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="修改" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="评测" transform="translate(-219.000000, -63.000000)">
+            <g id="编组-10" transform="translate(211.000000, 63.000000)">
+                <g id="徽章" transform="translate(47.000000, 43.047686) rotate(-14.000000) translate(-47.000000, -43.047686) translate(16.000000, 6.411322)">
+                    <g id="矩形" transform="translate(4.131729, 41.943117)">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <use id="蒙版" fill="#FA753E" transform="translate(14.944957, 15.359913) rotate(22.000000) translate(-14.944957, -15.359913) " xlink:href="#path-1"></use>
+                        <polygon fill="#FFA673" mask="url(#mask-2)" transform="translate(15.929541, 12.922980) rotate(22.000000) translate(-15.929541, -12.922980) " points="12.1748032 1.28329221 19.6842795 1.28329221 19.6842795 24.5626686 12.1748032 24.5626686"></polygon>
+                    </g>
+                    <g id="矩形备份" transform="translate(29.308827, 41.333333)">
+                        <mask id="mask-4" fill="white">
+                            <use xlink:href="#path-3"></use>
+                        </mask>
+                        <use id="蒙版" fill="#FA753E" transform="translate(15.676970, 15.969697) rotate(-29.000000) translate(-15.676970, -15.969697) " xlink:href="#path-3"></use>
+                        <polygon id="矩形" fill="#FFA673" mask="url(#mask-4)" transform="translate(14.402737, 13.670919) rotate(-29.000000) translate(-14.402737, -13.670919) " points="10.6479987 2.03123121 18.1574749 2.03123121 18.1574749 25.3106076 10.6479987 25.3106076"></polygon>
+                    </g>
+                    <g id="编组-7" transform="translate(-0.000000, 0.000000)">
+                        <path d="M29.6849268,58.2640829 L24.274802,58.5609751 C20.088091,58.79073 16.0757964,56.8585107 13.6450543,53.4419584 L10.5040164,49.0270432 C9.9953911,48.3121402 9.44794612,47.6256659 8.86414698,46.970712 L5.25886961,42.9260154 C2.4688684,39.7959627 1.47791348,35.4543055 2.63353872,31.4236893 L4.12685332,26.2152724 C4.36866433,25.3718783 4.56404519,24.5158589 4.71211593,23.6510693 L5.62653338,18.3105229 C6.33416986,14.1776561 9.11076385,10.6959174 12.9825471,9.08637347 L17.9857178,7.006499 C18.7958765,6.6697069 19.5869574,6.28874241 20.3553978,5.86532128 L25.100935,3.2504654 C28.7733445,1.2269176 33.2266555,1.2269176 36.899065,3.2504654 L41.6446022,5.86532128 C42.4130426,6.28874241 43.2041235,6.6697069 44.0142822,7.006499 L49.0174529,9.08637347 C52.8892362,10.6959174 55.6658301,14.1776561 56.3734666,18.3105229 L57.2878841,23.6510693 C57.4359548,24.5158589 57.6313357,25.3718783 57.8731467,26.2152724 L59.3664613,31.4236893 C60.5220865,35.4543055 59.5311316,39.7959627 56.7411304,42.9260154 L53.135853,46.970712 C52.5520539,47.6256659 52.0046089,48.3121402 51.4959836,49.0270432 L48.3549457,53.4419584 C45.9242036,56.8585107 41.911909,58.79073 37.725198,58.5609751 L32.3150732,58.2640829 C31.4390168,58.2160074 30.5609832,58.2160074 29.6849268,58.2640829 Z" id="星形" fill="url(#linearGradient-5)"></path>
+                        <path d="M27.2931075,52.5100945 L25.5367564,52.796914 C22.2564324,53.3326045 18.991192,51.7601475 17.3647631,48.8614894 L16.4939406,47.3094898 C15.2767176,45.1401277 13.7156354,43.1825924 11.8715212,41.5131593 L10.5522098,40.3188178 C8.08814151,38.0881547 7.28169372,34.5548761 8.53389413,31.475999 L9.20434726,29.8275066 C10.1414968,27.5232682 10.6986406,25.0822617 10.8540696,22.5996007 L10.9652662,20.8234617 C11.1729474,17.5061799 13.4325639,14.6727104 16.6204611,13.7320717 L18.327325,13.2284349 C20.7131543,12.5244587 22.9689836,11.4381086 25.0069145,10.0117141 L26.4648858,8.99124657 C29.1879283,7.08532683 32.8120717,7.08532683 35.5351142,8.99124657 L36.9930855,10.0117141 C39.0310164,11.4381086 41.2868457,12.5244587 43.672675,13.2284349 L45.3795389,13.7320717 C48.5674361,14.6727104 50.8270526,17.5061799 51.0347338,20.8234617 L51.1459304,22.5996007 C51.3013594,25.0822617 51.8585032,27.5232682 52.7956527,29.8275066 L53.4661059,31.475999 C54.7183063,34.5548761 53.9118585,38.0881547 51.4477902,40.3188178 L50.1284788,41.5131593 C48.2843646,43.1825924 46.7232824,45.1401277 45.5060594,47.3094898 L44.6352369,48.8614894 C43.008808,51.7601475 39.7435676,53.3326045 36.4632436,52.796914 L34.7068925,52.5100945 C32.2518908,52.1091826 29.7481092,52.1091826 27.2931075,52.5100945 Z" id="星形" fill="url(#linearGradient-6)"></path>
+                        <path d="M30.1394164,18.3657398 C31.0076456,18.1454972 31.9598946,18.256473 32.7903706,18.7508702 C33.2910341,19.0489241 33.7093657,19.4672557 34.0074197,19.9679192 L34.0074197,19.9679192 L36.262776,23.7564102 L40.5627885,24.7306735 C41.5053953,24.944242 42.2721998,25.5196588 42.7499605,26.2773352 C43.2277212,27.0350116 43.4164382,27.9749476 43.2028697,28.9175544 C43.0741171,29.4858174 42.8055316,30.012946 42.4214761,30.4511256 L42.4214761,30.4511256 L39.5153505,33.7668051 L39.917548,38.1574239 C40.0057138,39.1198925 39.6954155,40.0269805 39.1224586,40.7154928 C38.5495017,41.4040052 37.7138862,41.8739418 36.7514176,41.9621076 C36.1711806,42.0152596 35.5868541,41.9227113 35.0514408,41.6928578 L35.0514408,41.6928578 L31,39.9535693 L26.9485592,41.6928578 C26.060442,42.0741276 25.1018625,42.059322 24.269995,41.7271696 C23.4381274,41.3950172 22.7329717,40.745518 22.3517019,39.8574007 C22.1218483,39.3219874 22.0293001,38.7376609 22.082452,38.1574239 L22.082452,38.1574239 L22.4846495,33.7668051 L19.5785239,30.4511256 C18.9414714,29.7242948 18.6593351,28.8080564 18.7181695,27.9142626 C18.777004,27.0204688 19.1768093,26.1491196 19.9036402,25.5120671 C20.3418199,25.1280115 20.8689485,24.8594261 21.4372115,24.7306735 L21.4372115,24.7306735 L25.737224,23.7564102 L27.9925803,19.9679192 C28.4869775,19.1374432 29.2711871,18.5859824 30.1394164,18.3657398 Z" id="星形" stroke="#FFDB86" stroke-width="3" fill="#FF9F21"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/page-colexiu/evaluat-model/evaluat-result/index.module.less

@@ -1,17 +1,19 @@
 .evaluatResult {
     position: relative;
+    width: 100vw;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
 .closeBtn {
     position: absolute;
-    right: -34px;
-    top: -6px;
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-    background-color: #fff;
-    overflow: hidden;
-    padding: 6px;
+    left: 30px;
+    top: 18px;
+    width: 40px;
+    height: 40px;
+    z-index: 1;
 
     img {
         width: 100%;
@@ -24,149 +26,179 @@
     }
 }
 
-.fraction {
-    position: relative;
-    overflow: hidden;
-    border-radius: 18px;
-    height: 86vh;
-    background-color: #fff;
-    display: flex;
-    max-height: 310px;
-}
-
-.leftContent {
+.headerButton {
+    position: absolute;
+    right: 18px;
+    top: 18px;
     display: flex;
-    flex-direction: column;
-    justify-content: space-evenly;
+    justify-content: space-between;
     align-items: center;
-    width: 168px;
-    flex-shrink: 0;
-    background: url(../icons/left-bg.png) no-repeat center;
-    background-color: var(--van-primary-color);
-    background-size: 100%;
-
-    .leftIcon {
-        width: 80%;
-    }
+    padding: 12px;
+    z-index: 1;
 
-    .scoreDes {
-        color: #fff;
-        font-size: 20px;
+    .headBtn {
+        background-color: #fff;
+        border-radius: 12px;
+        height: 26px;
+        line-height: 26px;
+        font-size: 13px;
+        color: var(--van-primary-color);
+        padding: 0 10px;
+        min-width: 61px;
         text-align: center;
 
-        .scoreNum {
-            font-size: 35px;
-            font-weight: 700;
+        &+.headBtn {
+            margin-left: 8px;
+        }
+
+        &:active {
+            opacity: .8;
         }
     }
 }
 
-.content {
-    width: 335px;
+.fraction {
+    position: relative;
+    border-radius: 18px;
+    width: 361px;
+    height: 238px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
+    max-height: 310px;
+
+    .bg {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        display: block;
+        z-index: -1;
 
-    .headerButton {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 12px;
     }
 
-    .leftTitle {
-        font-size: 17px;
-        font-weight: 500;
+    .top {
         position: relative;
-        padding-left: 10px;
-
-        &::before {
-            content: '';
-            position: absolute;
-            left: 0;
-            top: 15%;
-            width: 4px;
-            height: 70%;
-            background-color: var(--van-primary-color);
-            border-radius: 2px;
+        display: flex;
+        align-items: center;
+        height: 50px;
+
+        .badge {
+            width: 72px;
+            transform: translateY(-7px);
         }
-    }
 
-    .headBtn {
-        background-color: #EFEFEF;
-        border-radius: 12px;
-        height: 26px;
-        line-height: 26px;
-        font-size: 13px;
-        color: var(--van-primary-color);
-        padding: 0 10px;
-        min-width: 61px;
-        text-align: center;
+        .text {
+            position: relative;
+            display: flex;
+            font-size: 20px;
+            font-family: DIN-Bold, DIN;
+            font-weight: bold;
+            color: #2DC7AA;
+            line-height: 41px;
+            align-items: flex-end;
+            padding-left: 16px;
+            z-index: 1;
+            white-space: nowrap;
+            margin-left: auto;
+
+            &::before {
+                content: '';
+                position: absolute;
+                bottom: 8px;
+                left: 6px;
+                right: 0;
+                height: 8px;
+                background: #fcd660;
+                border-radius: 10px;
+                opacity: 0.59;
+                z-index: -1;
+            }
+        }
 
-        &+.headBtn {
-            margin-left: 8px;
+        .num {
+            font-size: 30px;
         }
 
-        &:active {
-            opacity: .8;
+        .rightBadge {
+            position: relative;
+            top: -8px;
+            right: -8px;
+            margin-left: auto;
+            max-width: 146px;
+            max-height: 105px;
+            align-self: flex-end;
+            z-index: -3;
         }
     }
+
 }
 
+
 .tips {
     padding: 0 20px;
     font-size: 13px;
     color: #808080;
-    text-align: center;
 }
 
 .ctrls {
     display: flex;
-    justify-content: space-between;
+    justify-content: space-evenly;
     align-items: center;
-    margin: 0 20px 18px 20px;
-    padding-top: 16px;
-    border-top: 1px dashed #E5E5E5;
+    margin: 0 20px 12px 20px;
+    padding-top: 12px;
 
     .ctrlsBtn {
         width: 94px;
-        height: 30px;
-        line-height: 30px;
-        text-align: center;
-        font-size: 13px;
-        color: #fff;
-        border-radius: 36px;
     }
 }
 
 .detail {
+    display: flex;
+    align-items: center;
+    margin: 0 16px;
     padding: 0 12px;
+    background: #fff;
+    border-radius: 12px;
+    padding: 10px 0;
 }
 
 .progressitem {
+    flex: 1;
     display: flex;
+    flex-direction: column;
     justify-content: center;
     align-items: center;
-    padding: 6px 0;
-
-    &>span {
-        flex: 1;
-        font-size: 12px;
-        font-weight: 600;
-        color: var(--van-primary-color);
+    text-align: center;
+    color: #1A1A1A;
+    font-weight: 500;
+    font-size: 14px;
+    
+    &>div {
+        padding-left: 24px;
+        background-repeat: no-repeat;
+        background-position: left center;
+        background-size: auto 100%;
+        margin-bottom: 4px;
     }
-
-    &>span:first-child {
-        text-align: right;
+    .intonation{
+        background-image: url('./img/intonation.svg');
     }
-
-    :global {
-        .van-progress {
-            width: 165px;
-            margin: 0 10px;
-            flex-shrink: 0;
-            transform: skewX(-10deg);
-        }
+    .cadence{
+        background-image: url('./img/cadence.svg'); 
+    }
+    .integrity{
+        background-image: url('./img/integrity.svg');
+    }
+    &:nth-child(2){
+        border-left: 1px solid #F2F2F2;
+        border-right: 1px solid #F2F2F2;
+    }
+    &>span {
+        font-size: 16px;
+        font-weight: 600;
+        color: #FF6729;
     }
 
 }
@@ -185,7 +217,8 @@
     .scoreDes {
         color: var(--van-primary-color);
         font-size: 18px;
-        .scoreNum{
+
+        .scoreNum {
             font-weight: bold;
             font-size: 28px;
         }

src/page-colexiu/evaluat-model/evaluat-result/index.tsx

@@ -2,11 +2,13 @@ import { Popup } from "@varlet/ui";
 import { defineComponent, ref } from "vue";
 import styles from "./index.module.less";
 import state from "/src/state";
-import iconClose from "../icons/close2.svg";
 import icon1 from "../icons/1.png";
 import { storeData } from "/src/store";
 import { Progress } from "vant";
 import { evaluatingData } from "/src/view/evaluating";
+import icons from "../icons/index.json";
+import imgs from "./index.json";
+import iconBadge from "./img/icon-badge.svg";
 
 export default defineComponent({
 	name: "evaluatResult",
@@ -15,85 +17,60 @@ export default defineComponent({
 		return () => (
 			<div class={styles.evaluatResult}>
 				<div class={styles.closeBtn} onClick={() => emit("close")}>
-					<img src={iconClose} />
+					<img src={icons["arrow-left-background"]} />
 				</div>
 
-				<div class={styles.fraction}>
-					<div class={styles.leftContent} style={{ display: state.isPercussion ? "none" : "" }}>
-						<img class={styles.leftIcon} src={evaluatingData.resultData.img || icon1} />
-						<div class={styles.scoreDes}>
-							<span class={styles.scoreNum}>{evaluatingData.resultData.score}</span>分<br />
-							<span>{evaluatingData.resultData.mome}</span>
-						</div>
+				<div class={styles.headerButton}>
+					<div class={styles.headBtn} onClick={() => emit("close", "update")}>
+						保存演奏
+					</div>
+					<div class={styles.headBtn} style={{ display: storeData.platformType === "STUDENT" ? "block" : "" }} onClick={() => emit("close", "share")}>
+						分享
 					</div>
+				</div>
 
-					<div class={styles.content}>
-						<div class={styles.headerButton}>
-							<div class={styles.leftTitle}>智能评分</div>
-							<div style={{ display: "flex" }}>
-								<div class={styles.headBtn} onClick={() => emit("close", "update")}>
-									上传到云端
-								</div>
-								<div class={styles.headBtn} style={{ display: storeData.platformType === "STUDENT" ? "block" : "" }} onClick={() => emit("close", "share")}>
-									分享
-								</div>
+				<div class={styles.fraction}>
+					<img class={styles.bg} src={imgs.bg} />
+					<div class={styles.top}>
+						{evaluatingData.resultData.score > 79 && <img style={{}} class={styles.badge} src={iconBadge} />}
+						<div class={styles.text}>
+							<div>
+								<span class={styles.num}>{evaluatingData.resultData.score}</span>分
 							</div>
+							<div style={{marginLeft: '6px'}}>{evaluatingData.resultData.clxmome}</div>
 						</div>
-						{state.isPercussion ? (
-							<div class={styles.percussion}>
-								<img class={styles.leftIcon} src={evaluatingData.resultData.img || icon1} />
-								<div class={styles.scoreDes}>
-									<span class={styles.scoreNum}>{evaluatingData.resultData.score}</span>分
-									<span style={{marginLeft: '8px'}}>{evaluatingData.resultData.mome}</span>
-								</div>
-							</div>
-						) : (
-							<div class={styles.detail}>
-								<div class={styles.progressitem}>
-									<span>音准</span>
-									<Progress
-										percentage={evaluatingData.resultData.intonation}
-										strokeWidth={20}
-										showPivot={false}
-										color="linear-gradient(to right, #02E2DB, #01C1B5)"
-									/>
-									<span>{evaluatingData.resultData.intonation}</span>
-								</div>
-								<div class={styles.progressitem}>
-									<span>节奏</span>
-									<Progress
-										percentage={evaluatingData.resultData.cadence}
-										strokeWidth={20}
-										showPivot={false}
-										color="linear-gradient(to right, #02E2DB, #01C1B5)"
-									/>
-									<span>{evaluatingData.resultData.cadence}</span>
-								</div>
-								<div class={styles.progressitem}>
-									<span>完成度</span>
-									<Progress
-										percentage={evaluatingData.resultData.integrity}
-										strokeWidth={20}
-										showPivot={false}
-										color="linear-gradient(to right, #02E2DB, #01C1B5)"
-									/>
-									<span>{evaluatingData.resultData.integrity}</span>
-								</div>
+						<img class={styles.rightBadge} src={evaluatingData.resultData.clxImg} />
+					</div>
+					{state.isPercussion ? (
+						<div class={styles.percussion}>
+							<img class={styles.leftIcon} src={evaluatingData.resultData.img || icon1} />
+							<div class={styles.scoreDes}>
+								<span class={styles.scoreNum}>{evaluatingData.resultData.score}</span>分
+								<span style={{ marginLeft: "8px" }}>{evaluatingData.resultData.mome}</span>
 							</div>
-						)}
-
-						<div class={styles.tips}>{evaluatingData.resultData.tips}</div>
-						<div class={styles.ctrls}>
-							<div class={styles.ctrlsBtn} style={{ background: "#01C1B5" }} onClick={() => emit("close", "practise")}>
-								去练习
+						</div>
+					) : (
+						<div class={styles.detail}>
+							<div class={styles.progressitem}>
+								<div class={styles.intonation}>音准</div>
+								<span>{evaluatingData.resultData.intonation}分</span>
 							</div>
-							<div class={styles.ctrlsBtn} style={{ background: "#F79300" }} onClick={() => emit("close", "tryagain")}>
-								再试一次
+							<div class={styles.progressitem}>
+								<div class={styles.cadence}>节奏</div>
+								<span>{evaluatingData.resultData.cadence}分</span>
 							</div>
-							<div class={styles.ctrlsBtn} style={{ background: "#F7B500" }} onClick={() => emit("close", "look")}>
-								查看报告
+							<div class={styles.progressitem}>
+								<div class={styles.integrity}>完成度</div>
+								<span>{evaluatingData.resultData.integrity}分</span>
 							</div>
 						</div>
+					)}
+
+					<div class={styles.tips}>{evaluatingData.resultData.clxtip}</div>
+					<div class={styles.ctrls}>
+						<img src={imgs.btn1} class={styles.ctrlsBtn} onClick={() => emit("close", "practise")} />
+						<img src={imgs.btn2} class={styles.ctrlsBtn} onClick={() => emit("close", "tryagain")} />
+						<img src={imgs.btn3} class={styles.ctrlsBtn} onClick={() => emit("close", "look")} />
 					</div>
 				</div>
 			</div>

src/page-colexiu/evaluat-model/evaluat-share/index.tsx

@@ -28,7 +28,7 @@ export default defineComponent({
 				data.integrity = evaluatingData.resultData?.integrity;
 			}
 			// src.value = `${location.origin}/accompany/share-evaluating/index.html?${qs.stringify(data)}`;
-			src.value = `${location.origin}/share-evaluating/index.html?${qs.stringify(data)}`;
+			src.value = `${location.origin}/share-colexiu-evaluating/index.html?${qs.stringify(data)}`;
 		};
 		const shareLoaded = (evt: Event) => {
 			const el = evt.target as HTMLIFrameElement;
@@ -43,10 +43,12 @@ export default defineComponent({
 		const shareNext = async () => {
 			const res = await api_shareAchievements({
 				title: "分享我的乐器练习进度，一起见证我的成长！",
-				desc: "晒一下我的评测分数，快来“云教练”上和我PK一下吧！",
+				desc: "晒一下我的评测分数，快来“小酷AI”上和我PK一下吧！",
 				image: shareLoadedPngData.value,
 				video: "",
 				type: "image",
+				button: ['copy'],
+            	url: getShareUrl(),
 			});
 			if (!res?.content?.status && res?.content?.message) {
                 Snackbar(res?.content?.message);

src/page-colexiu/evaluat-model/icons/arrow-left-background.svg

@@ -1,14 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>箭头</title>
-    <g id="云教练2版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="画板" transform="translate(-21.000000, -19.000000)">
-            <g id="箭头" transform="translate(21.000000, 19.000000)">
-                <circle id="椭圆形" fill="#01C1B5" cx="16" cy="16" r="16"></circle>
-                <g id="编组" transform="translate(16.100000, 16.533333) scale(-1, 1) translate(-16.100000, -16.533333) translate(6.600000, 8.533333)" fill="#FFFFFF" fill-rule="nonzero">
-                    <path d="M11.3783644,15.2991467 L17.9125501,8.76496106 C18.157653,8.51993004 18.2953564,8.1875535 18.2953564,7.84097646 C18.2953564,7.49439943 18.157653,7.16202289 17.9125501,6.91699186 L11.3783644,0.382806222 C11.1333334,0.137703307 10.8009569,-1.22046857e-07 10.4543798,-1.22046857e-07 C10.1078028,-1.22046857e-07 9.77542625,0.137703307 9.53039523,0.382806222 C9.02019826,0.893028709 9.02019826,1.72023574 9.53039523,2.23045823 L13.8337591,6.53445653 L1.30683713,6.53445653 C0.960216585,6.53437236 0.627768546,6.67202957 0.382670797,6.91712731 C0.137573047,7.16222506 -3.85698459e-08,7.4946731 -3.85698459e-08,7.84129365 C-3.85698459e-08,8.1879142 0.137573041,8.52036224 0.382670791,8.76545999 C0.627768541,9.01055774 0.960216582,9.14821494 1.30683713,9.14813078 L13.8337591,9.14813078 L9.53039523,13.4514947 C9.20028733,13.7816026 9.07136551,14.2627453 9.19219339,14.7136811 C9.31302127,15.1646169 9.66524221,15.5168378 10.116178,15.6376657 C10.5671138,15.7584936 11.0482565,15.6295718 11.3783644,15.2994639 L11.3783644,15.2991467 Z" id="路径"></path>
-                </g>
-            </g>
+<svg width="15px" height="24px" viewBox="0 0 15 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>形状</title>
+    <g id="确定版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-40.000000, -22.000000)" fill="#494949" fill-rule="nonzero" id="形状" stroke="#494949">
+            <path d="M42.2681508,32.7499394 C42.5890877,32.7499394 42.9114702,32.8699082 43.168798,33.0950183 L53.620931,42.6520856 C53.8607785,42.8704624 53.997204,43.1690827 53.9999596,43.4816468 C54.0026326,43.7942108 53.8714111,44.0948519 53.6353876,44.3168215 C53.138464,44.7783404 52.3366638,44.7837362 51.8326476,44.3289532 L41.379069,34.7718859 C41.1392215,34.5535091 41.002796,34.2548888 41.0000404,33.9423247 C40.9973673,33.6297606 41.1285889,33.3291196 41.3646123,33.1071499 C41.5948722,32.8710256 41.9246144,32.7409471 42.2667051,32.7512873 L42.2681508,32.7499394 Z M52.7106158,23 C53.0356188,23 53.3591643,23.117702 53.6185837,23.3424057 C53.8599334,23.5590403 53.9971822,23.8550613 53.9999596,24.1648752 C54.0026536,24.474689 53.8706502,24.7727125 53.6331578,24.9929083 L43.1980856,34.5695682 C42.6976948,35.027014 41.8904764,35.0329595 41.3821498,34.5829434 C41.1403528,34.3662582 41.0028184,34.0699512 41.0000404,33.7598084 C40.9973456,33.4496656 41.1296337,33.1513535 41.3675757,32.9311033 L51.8026479,23.3544434 C52.0474932,23.117702 52.3856129,23 52.7106158,23 Z"></path>
         </g>
     </g>
 </svg>

src/page-colexiu/evaluat-model/index.module.less

@@ -20,9 +20,10 @@
 }
 
 .endBtn {
-    display: flex;
-    align-items: center;
-    justify-content: space-evenly;
+    top: 16px;
+    transform: translateX(-50%);
+    width: 119px;
+    height: 41px;
 }
 
 .dialogueBox {

src/page-colexiu/evaluat-model/index.tsx

@@ -209,7 +209,7 @@ export default defineComponent({
 		);
 		return () => (
 			<div>
-				{!evaluatingData.websocketState && (
+				{evaluatingData.websocketState && (
 					<>
 						{!evaluatingData.startBegin && (
 							<div class={styles.btn} onClick={handleStartBegin}>
@@ -262,7 +262,7 @@ export default defineComponent({
 				<Popup teleport="body" closeOnClickOverlay={false} defaultStyle={false} v-model:show={evaluatModel.evaluatUpdateAudio}>
 					<EvaluatAudio onClose={hanldeUpdateVideoAndAudio} />
 				</Popup>
-				<Popup teleport="body" closeOnClickOverlay={false} defaultStyle={false} v-model:show={evaluatModel.shareMode}>
+				<Popup teleport="body" defaultStyle={false} v-model:show={evaluatModel.shareMode}>
 					<EvaluatShare onClose={() => (evaluatModel.shareMode = false)} />
 				</Popup>
 			</div>

src/state.ts

@@ -235,7 +235,7 @@ export const togglePlay = async (playState?: "play" | "paused") => {
 		// 节拍器返回false, 取消播放
 		if (!tickend) {
 			state.playState = "paused";
-			return
+			return false
 		};
 	}
 	if (state.playState == "play") {
@@ -245,6 +245,7 @@ export const togglePlay = async (playState?: "play" | "paused") => {
 		}
 	}
 	audioListStart(state.playState);
+	return true
 };
 /** 结束播放 */
 export const handleStopPlay = () => {

src/view/evaluating/evaluatResult.ts

@@ -3,42 +3,47 @@ import Image2 from "./icons/4.png";
 import Image3 from "./icons/3.png";
 import Image4 from "./icons/2.png";
 import Image5 from "./icons/1.png";
+import clx1 from "./icons/clx5.svg";
+import clx2 from "./icons/clx4.svg";
+import clx3 from "./icons/clx3.svg";
+import clx4 from "./icons/clx2.svg";
+import clx5 from "./icons/clx1.svg";
 
 import scoreIcon from "./scoreIcon.json";
 
 export interface IScoreItem {
-  color: string
-  icon: string
-  score: string | number
-  leve: number | number
-  measureIndex?: number
-  measureRenderIndex?: number
-  show: boolean
+	color: string;
+	icon: string;
+	score: string | number;
+	leve: number | number;
+	measureIndex?: number;
+	measureRenderIndex?: number;
+	show: boolean;
 }
 export interface IEvaluatings {
-  [_key: number] : IScoreItem
+	[_key: number]: IScoreItem;
 }
 
 export const leveByScoreMeasureIcons = [
 	{
 		icon: scoreIcon.bad,
 		text: "bad",
-    color: '#EE4C6A'
+		color: "#EE4C6A",
 	},
 	{
 		icon: scoreIcon.good,
 		text: "good",
-    color: '#FF958B'
+		color: "#FF958B",
 	},
 	{
 		icon: scoreIcon.great,
 		text: "great",
-    color: '#FF8E5A'
+		color: "#FF8E5A",
 	},
 	{
 		icon: scoreIcon.perfect,
 		text: "perfect",
-    color: '#516AFF'
+		color: "#516AFF",
 	},
 ];
 
@@ -47,42 +52,57 @@ const icons = [
 		img: Image1,
 		tips: "你的演奏不太好，再练一练吧～",
 		mome: "敢于尝试",
+		clxImg: clx1,
+		clxtip: "你的演奏不太好，音准和完整性还需加强，再练一练吧～",
+		clxmome: "敢于尝试"
 	},
 	{
 		img: Image2,
 		tips: "你的演奏还不熟练，加紧训练才能有好成绩哦～",
 		mome: "还要加油哦～",
+		clxImg: clx2,
+		clxtip: "你的演奏还不熟练，音准和完整性还需加强，加紧训练才能有好成绩哦～",
+		clxmome: "还要加油哦～"
 	},
 	{
 		img: Image3,
 		tips: "你的演奏还不流畅，科学的练习才能更完美哦～",
 		mome: "突破自我",
+		clxImg: clx3,
+		clxtip: "你的演奏还不流畅，音准和节奏还需加强，科学的练习才能更完美哦～",
+		clxmome: "突破自我"
 	},
 	{
 		img: Image4,
 		tips: "你的演奏还不错，继续加油吧，离完美就差一步啦～",
 		mome: "崭露头角",
+		clxImg: clx4,
+		clxtip: "你的演奏还不错，继续加油吧，加强音准，离完美就差一步啦～",
+		clxmome: "崭露头角"
 	},
 	{
 		img: Image5,
 		tips: "你的演奏完美无缺，继续努力吧～",
 		mome: "你很棒",
+		clxImg: clx5,
+		clxtip: "你的演奏非常不错，音准的把握和节奏稍有瑕疵，完整性把握的很好~",
+		clxmome: "你很棒"
 	},
 ];
 
-export const getLeveByScore = (score?: string | number) => {
+export const getLeveByScore = (score?: number) => {
 	if (!score && typeof score !== "number") {
 		return {};
 	}
-	let leve: any = 1;
+	let leve: any = 0;
 	if (score > 20 && score <= 40) {
-		leve = 2;
+		leve = 1;
 	} else if (score > 40 && score <= 60) {
-		leve = 3;
+		leve = 2;
 	} else if (score > 60 && score <= 80) {
-		leve = 4;
+		leve = 3;
 	} else if (score > 80) {
-		leve = 5;
+		leve = 4;
 	}
 	return icons[leve];
 };
@@ -99,5 +119,5 @@ export const getLeveByScoreMeasure = (score?: number) => {
 	} else if (score >= 90) {
 		leve = 3;
 	}
-	return leve
+	return leve;
 };

src/view/evaluating/icons/clx3.svg

@@ -0,0 +1,256 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="159px" height="114px" viewBox="0 0 159 114" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>真棒备份 2</title>
+    <defs>
+        <linearGradient x1="77.612246%" y1="100%" x2="27.4288906%" y2="41.393852%" id="linearGradient-1">
+            <stop stop-color="#F2D0A4" offset="0%"></stop>
+            <stop stop-color="#F3AC27" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,1.69685642 C0,1.69685642 5.42067225,10.5503378 9.07772833,18.0021135 L9.07772833,18.0021135 C13.9610155,27.9534586 26.4464391,29.4458996 17.3091195,16.1595937 L17.3091195,16.1595937 C8.17215469,2.87328792 3.00439039,0 3.00439039,0 L3.00439039,0 L0,1.69685642 Z" id="path-2"></path>
+        <linearGradient x1="50%" y1="0%" x2="76.4096289%" y2="93.0869575%" id="linearGradient-4">
+            <stop stop-color="#F4C250" offset="0%"></stop>
+            <stop stop-color="#F2A81A" offset="100%"></stop>
+        </linearGradient>
+        <path d="M2.60640621,0.224926471 C6.41776096,3.42187211 17.85821,17.1837566 19.4810065,21.4243333 L19.4810065,21.4243333 C20.0272593,22.8517646 20.2695259,23.9179926 20.341532,24.711319 L20.341532,24.711319 C20.9849752,23.3183046 20.3241512,20.5434002 17.3091195,16.1595937 L17.3091195,16.1595937 C8.17215469,2.87328792 3.00439039,0 3.00439039,0 L3.00439039,0 L2.60640621,0.224926471 Z" id="path-5"></path>
+        <linearGradient x1="88.1456915%" y1="7.47758299%" x2="70.9473686%" y2="92.522417%" id="linearGradient-7">
+            <stop stop-color="#80E9C7" offset="0%"></stop>
+            <stop stop-color="#2DC0A1" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,1.69685642 C0,1.69685642 5.42067225,10.5503378 9.07772833,18.0021135 L9.07772833,18.0021135 C13.9610155,27.9534586 26.4464391,29.4458996 17.3091195,16.1595937 L17.3091195,16.1595937 C8.17215469,2.87328792 3.00439039,0 3.00439039,0 L3.00439039,0 L0,1.69685642 Z" id="path-8"></path>
+        <path d="M2.60640621,0.224926471 C6.41776096,3.42187211 17.85821,17.1837566 19.4810065,21.4243333 L19.4810065,21.4243333 C20.0272593,22.8517646 20.2695259,23.9179926 20.341532,24.711319 L20.341532,24.711319 C20.9849752,23.3183046 20.3241512,20.5434002 17.3091195,16.1595937 L17.3091195,16.1595937 C8.17215469,2.87328792 3.00439039,0 3.00439039,0 L3.00439039,0 L2.60640621,0.224926471 Z" id="path-10"></path>
+        <linearGradient x1="88.1456915%" y1="0.723333002%" x2="70.9473686%" y2="99.276667%" id="linearGradient-12">
+            <stop stop-color="#80E9C7" offset="0%"></stop>
+            <stop stop-color="#2DC0A1" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="32.4288665%" y1="50%" x2="57.5753419%" y2="89.3692122%" id="linearGradient-13">
+            <stop stop-color="#F9DE13" offset="0%"></stop>
+            <stop stop-color="#F1BA08" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="69.6826821%" y1="61.5784612%" x2="44.0145447%" y2="87.6718365%" id="linearGradient-14">
+            <stop stop-color="#F9DE13" offset="0%"></stop>
+            <stop stop-color="#F1BA08" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-15">
+            <stop stop-color="#FFE948" offset="0%"></stop>
+            <stop stop-color="#F1BA08" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="4.82316256%" y1="41.2727339%" x2="99.9027017%" y2="60.9776914%" id="linearGradient-16">
+            <stop stop-color="#40C9AA" offset="0%"></stop>
+            <stop stop-color="#4CCFAF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M5.43564712,48.7090823 C4.71541977,51.9524209 3.84130046,55.5655479 2.7444943,58.7008952 L2.7444943,58.7008952 C1.67148921,61.7675207 0.380361858,65.4074819 0.103225936,68.7365591 L0.103225936,68.7365591 C-1.7216326,90.6574832 20.9343921,97.6556465 45.4191878,97.5555091 L45.4191878,97.5555091 C69.9039835,97.4556989 90.8205727,89.0487401 90.8238331,68.2764507 L90.8238331,68.2764507 C90.8238331,62.7436966 89.0211455,60.9598767 87.9230351,57.9017596 L87.9230351,57.9017596 C86.8007977,54.7755752 85.6068309,51.5711789 84.6909782,48.3782362 L84.6909782,48.3782362 C79.7843682,31.2688152 68.7250147,23.2905491 45.3008344,22.5143208 L45.3008344,22.5143208 C44.6660302,22.493377 44.0367686,22.4829051 43.4140279,22.4829051 L43.4140279,22.4829051 C22.6483962,22.4829051 8.68922285,34.0530272 5.43564712,48.7090823" id="path-17"></path>
+        <filter x="-5.0%" y="-6.0%" width="109.9%" height="112.0%" filterUnits="objectBoundingBox" id="filter-18">
+            <feGaussianBlur stdDeviation="2.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="-3" dy="4" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.462831117   0 0 0 0 0.944481449   0 0 0 0 0.78701884  0 0 0 0.559394463 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <path d="M47.0491017,84.2969811 C47.0491017,84.2969811 41.7877983,86.929063 36.8429647,84.6256828 C36.6587541,84.3105087 42.3883945,92.0463038 47.0491017,84.2969811 Z" id="path-19"></path>
+        <filter x="-46.5%" y="-151.8%" width="193.0%" height="374.6%" filterUnits="objectBoundingBox" id="filter-20">
+            <feOffset dx="0" dy="-0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.247864196 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <filter x="-12.5%" y="-13.2%" width="125.1%" height="126.4%" filterUnits="objectBoundingBox" id="filter-21">
+            <feGaussianBlur stdDeviation="1" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <path d="M14.8206154,16.9086956 C13.1011589,15.8302649 10.8774563,15.1025938 8.13210614,14.667773 C4.77252958,14.1356684 3.2099549,14.6070556 2.06082644,15.1412619 C0.5521372,13.1780086 0,12.1307174 0,9.18898055 C0,3.98734102 4.08109036,0 8.96221032,0 C13.8429715,0 17.7995309,4.21705986 17.7995309,9.41869938 C17.7995309,12.0716141 16.4766585,15.1968194 14.8206154,16.9086956 Z" id="path-22"></path>
+        <filter x="-8.4%" y="-8.9%" width="116.9%" height="117.7%" filterUnits="objectBoundingBox" id="filter-24">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.128233583 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="48.9356923%" y1="92.9466699%" x2="51.2727375%" y2="-1.36853401%" id="linearGradient-25">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F7F4EB" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="49.9984235%" y1="100.001272%" x2="49.9984235%" y2="0.00138610816%" id="linearGradient-26">
+            <stop stop-color="#152479" offset="0%"></stop>
+            <stop stop-color="#0B4B79" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="0.000502853684%" y1="49.999885%" x2="99.9989619%" y2="49.999885%" id="linearGradient-27">
+            <stop stop-color="#000000" offset="0%"></stop>
+            <stop stop-color="#00003D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="57.5618021%" y1="0%" x2="60.4622466%" y2="11.9988623%" id="linearGradient-28">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.619523025,22.0742182 C0.426465505,23.0524242 2.48084578,24.2876025 5.20815074,24.8334632 C7.9354557,25.3789948 10.302452,25.0285779 10.4951828,24.050372 C10.6882403,23.072166 8.63386006,21.8369877 5.90688176,21.291127 C3.1795768,20.7455954 0.812253882,21.0960123 0.619523025,22.0742182" id="path-29"></path>
+        <filter x="-30.3%" y="-73.9%" width="160.6%" height="247.9%" filterUnits="objectBoundingBox" id="filter-30">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.568627451   0 0 0 0 0.568627451  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <filter x="-12.5%" y="-13.2%" width="125.1%" height="126.4%" filterUnits="objectBoundingBox" id="filter-31">
+            <feGaussianBlur stdDeviation="1" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <path d="M14.8206154,16.9086956 C13.1011589,15.8302649 10.8774563,15.1025938 8.13210614,14.667773 C4.77252958,14.1356684 3.2099549,14.6070556 2.06082644,15.1412619 C0.5521372,13.1780086 0,12.1307174 0,9.18898055 C0,3.98734102 4.08109036,0 8.96221032,0 C13.8429715,0 17.7995309,4.21705986 17.7995309,9.41869938 C17.7995309,12.0716141 16.4766585,15.1968194 14.8206154,16.9086956 Z" id="path-32"></path>
+        <filter x="-8.4%" y="-8.9%" width="116.9%" height="117.7%" filterUnits="objectBoundingBox" id="filter-34">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.128233583 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <path d="M0.619523025,22.0742182 C0.426465505,23.0524242 2.48084578,24.2876025 5.20815074,24.8334632 C7.9354557,25.3789948 10.302452,25.0285779 10.4951828,24.050372 C10.6882403,23.072166 8.63386006,21.8369877 5.90688176,21.291127 C3.1795768,20.7455954 0.812253882,21.0960123 0.619523025,22.0742182" id="path-35"></path>
+        <filter x="-30.3%" y="-73.9%" width="160.6%" height="247.9%" filterUnits="objectBoundingBox" id="filter-36">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.568627451   0 0 0 0 0.568627451  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="-0.00139152473%" y1="50.000508%" x2="99.99952%" y2="50.000508%" id="linearGradient-37">
+            <stop stop-color="#F4CF07" offset="0%"></stop>
+            <stop stop-color="#F29942" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="0%" y1="59.2364439%" x2="101.94585%" y2="59.2364439%" id="linearGradient-38">
+            <stop stop-color="#F9DE13" offset="0%"></stop>
+            <stop stop-color="#F8B911" offset="48.5652346%"></stop>
+            <stop stop-color="#F7D510" offset="49.0626726%"></stop>
+            <stop stop-color="#F5CB0D" offset="100%"></stop>
+            <stop stop-color="#F1BA08" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="35.7866085%" y1="99.1220678%" x2="64.2147804%" y2="0.868067724%" id="linearGradient-39">
+            <stop stop-color="#F4CF07" offset="0%"></stop>
+            <stop stop-color="#F28042" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="64.2132492%" y1="99.1220678%" x2="35.7853605%" y2="0.868067724%" id="linearGradient-40">
+            <stop stop-color="#F4CF07" offset="0%"></stop>
+            <stop stop-color="#F28042" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-41">
+            <stop stop-color="#43CAAB" offset="0%"></stop>
+            <stop stop-color="#4BCFAF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M12.0947355,1.23453948 C12.5183707,4.18848781 9.1598501,4.32072491 3.50173449,8.75834089 L3.50173449,8.75834089 C-2.15670625,13.1953038 -0.132490438,22.233465 3.76801023,24.2966903 L3.76801023,24.2966903 C6.4941666,25.738891 7.89187039,26.1816404 7.89187039,26.1816404 L7.89187039,26.1816404 C9.72718974,27.0694248 12.973868,27.807014 10.6414356,25.6108985 L10.6414356,25.6108985 C7.88114133,23.0125211 13.4641535,21.4420014 14.8816898,16.8264367 L14.8816898,16.8264367 C16.5112063,11.519974 14.2704586,8.5862694 14.1725966,6.29938379 L14.1725966,6.29938379 C14.0721336,3.95372613 12.5817697,-0.000326511366 12.1405778,0 L12.1405778,0 C12.0072774,0.000326511366 11.9695631,0.36079506 12.0947355,1.23453948" id="path-42"></path>
+        <filter x="-12.9%" y="-7.4%" width="125.9%" height="114.8%" filterUnits="objectBoundingBox" id="filter-44">
+            <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.415686275   0 0 0 0 0.905882353   0 0 0 0 0.768627451  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="修改" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="评测备份-2" transform="translate(-450.000000, -12.000000)">
+            <g id="编组-2" transform="translate(450.393105, 12.000000)">
+                <g id="真棒备份-4" transform="translate(78.407426, 83.042586) rotate(-1.000000) translate(-78.407426, -83.042586) translate(27.907426, 7.548901)">
+                    <g id="右翅膀" transform="translate(64.387500, 95.257012)">
+                        <g id="Fill-11" transform="translate(16.046683, 9.038832)">
+                            <mask id="mask-3" fill="white">
+                                <use xlink:href="#path-2"></use>
+                            </mask>
+                            <use id="蒙版" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+                            <mask id="mask-6" fill="white">
+                                <use xlink:href="#path-5"></use>
+                            </mask>
+                            <use id="Clip-12" fill="url(#linearGradient-4)" xlink:href="#path-5"></use>
+                        </g>
+                        <path d="M12.3239913,0.856688508 C18.516157,3.37920238 26.1026861,11.6371674 24.5142965,15.2196517 C23.045444,18.5327108 19.9789794,16.8487173 19.9789794,16.8487173 C19.9789794,16.8487173 20.2443022,21.444935 14.414295,20.389484 C14.414295,20.389484 11.5258947,24.0202909 7.96283666,22.3773195 C4.33451206,20.7044506 -2.05309859,7.63959481 0.648015089,3.17270111 C0.648015089,3.17270111 5.33408374,-1.99087366 12.3239913,0.856688508 Z" id="Fill-15" fill="url(#linearGradient-7)"></path>
+                    </g>
+                    <g id="右翅膀备份-3" transform="translate(18.306250, 113.563262) scale(-1, 1) translate(-18.306250, -113.563262) translate(0.000000, 95.257012)">
+                        <g id="Fill-11" transform="translate(16.046683, 9.038832)">
+                            <mask id="mask-9" fill="white">
+                                <use xlink:href="#path-8"></use>
+                            </mask>
+                            <use id="蒙版" fill="url(#linearGradient-1)" xlink:href="#path-8"></use>
+                            <mask id="mask-11" fill="white">
+                                <use xlink:href="#path-10"></use>
+                            </mask>
+                            <use id="Clip-12" fill="url(#linearGradient-4)" xlink:href="#path-10"></use>
+                        </g>
+                        <path d="M12.3239913,0.856688508 C18.516157,3.37920238 26.1026861,11.6371674 24.5142965,15.2196517 C23.045444,18.5327108 19.9789794,16.8487173 19.9789794,16.8487173 C19.9789794,16.8487173 20.2443022,21.444935 14.414295,20.389484 C14.414295,20.389484 11.5258947,24.0202909 7.96283666,22.3773195 C4.33451206,20.7044506 -2.05309859,7.63959481 0.648015089,3.17270111 C0.648015089,3.17270111 5.33408374,-1.99087366 12.3239913,0.856688508 Z" id="Fill-15" fill="url(#linearGradient-7)"></path>
+                    </g>
+                    <g id="身" transform="translate(22.631102, 86.735137)">
+                        <path d="M8.08841408,0.970180215 C8.08841408,0.970180215 6.31729051,12.4635139 4.1917473,16.5380737 C0.606943816,23.4101562 -6.80435721,44.6217191 14.6943931,51.5884212 C36.1934683,58.5551234 58.1450702,44.7882891 53.0867127,26.6827485 C49.0116991,12.0975198 45.1520661,6.29680799 44.7904996,0 L8.08841408,0.970180215 Z" id="Fill-57" fill="url(#linearGradient-12)"></path>
+                        <path d="M13.9174312,7.39580895 C13.9174312,7.39580895 12.6459386,15.646119 11.1204074,18.5711154 C8.54656074,23.5041516 3.22669287,38.730363 18.6593775,43.7314071 C34.0920621,48.7324512 49.8057485,38.450775 46.218671,25.8532165 C43.2420009,15.3983994 40.522618,11.2196923 40.2633817,6.69930301 L13.9174312,7.39580895 Z" id="Fill-61" fill="#F8F4EC"></path>
+                        <g id="脖子毛" transform="translate(17.059970, 2.143463)">
+                            <path d="M4.12505343,15.606083 C4.82595311,16.1752451 5.88390867,16.251198 6.75260149,15.9247621 C7.04690008,15.8142263 7.31939878,15.6577956 7.5496189,15.4583788 C7.69957576,15.3284509 7.83136603,15.1801003 7.93904431,15.0146199 C8.13028885,14.7208276 8.2558034,14.3821099 8.33111213,14.0168895 C8.42359654,13.5656969 8.43945101,13.0734574 8.40642087,12.575077 C8.32846972,11.3818083 7.97306536,10.1516943 7.73392711,9.35241108 C6.50718751,5.251277 6.0517018,2.32757467 5.12751834,1.14723408 C5.01389464,1.00211554 4.8910225,0.885762142 4.76253523,0.796234666 C4.56567556,0.659519423 4.35659474,0.585828937 4.14784423,0.566759908 C3.53084111,0.51116884 2.92011372,0.935858743 2.66115738,1.63688797 C2.47519767,2.13947001 2.35034372,2.87637486 2.3691709,3.95458302 C2.40220104,5.86083952 2.38601627,8.00206525 2.52375198,10.4522739 C2.5974092,11.7712689 2.754963,12.9490239 3.06280395,13.8837295 C3.19657604,14.2890272 3.35875405,14.6484299 3.55462282,14.9538576 C3.71977354,15.2111279 3.90870597,15.4302601 4.12505343,15.606083" id="Fill-65" fill="url(#linearGradient-13)" transform="translate(5.394758, 8.339796) rotate(19.000000) translate(-5.394758, -8.339796) "></path>
+                            <path d="M10.6515863,15.2671083 C11.2245455,15.9863725 12.2655158,16.2546108 13.1709677,16.0522274 C13.4000883,16.0011497 13.6200693,15.9201963 13.8217711,15.8087248 C14.0111817,15.7036782 14.1845191,15.5722896 14.3332742,15.4139166 C14.6686034,15.0563726 14.8961483,14.5844659 15.0467943,14.0579478 C15.2248591,13.4366629 15.2960851,12.7395645 15.3121582,12.0646319 C15.3323284,11.2326112 15.2686662,10.4346424 15.2179256,9.85511915 C14.8498199,5.62434234 14.9793502,2.68785556 14.3386319,1.36176242 C14.2497571,1.17801114 14.1429182,1.02766919 14.023788,0.909130337 C13.8974093,0.782881644 13.7571635,0.692612222 13.6093539,0.636073367 C13.0253642,0.411202921 12.329493,0.709316883 11.93712,1.37139972 C11.6679742,1.82628051 11.4108045,2.52080894 11.2236,3.57577258 C10.8920527,5.44026981 10.4694244,7.5244976 10.1328346,9.9389637 C10.0058255,10.8461553 9.93018729,11.6942381 9.9339692,12.4533365 C9.93680563,13.083295 9.99416458,13.651896 10.1224343,14.1427561 C10.2374674,14.5847871 10.4101745,14.9638544 10.6515863,15.2671083" id="Fill-69" fill="url(#linearGradient-14)" transform="translate(12.624910, 8.339796) rotate(-13.000000) translate(-12.624910, -8.339796) "></path>
+                            <path d="M6.79458078,19.2295328 C7.49411195,20.0221552 8.68079913,20.3150666 9.74463543,20.1147909 C10.0553567,20.0560781 10.3559492,19.9552878 10.63073,19.8130725 C10.9202138,19.6627026 11.1809451,19.4660148 11.3959342,19.2233354 C11.7883382,18.7787492 12.046129,18.2056474 12.208841,17.570571 C12.3865827,16.8764556 12.450622,16.1082969 12.4529091,15.3544902 C12.4565032,14.2386215 12.3241771,13.1537401 12.2241974,12.3852552 C11.5550522,7.23320997 11.5713887,3.63803159 10.7062049,2.05017745 C10.5621165,1.78499146 10.3928698,1.57623495 10.1925837,1.42488649 C9.98151544,1.26603584 9.76489276,1.17111687 9.54990373,1.12969175 C8.81443213,0.987802566 8.10019805,1.47479234 7.71008118,2.18260736 C7.39641937,2.75212119 7.1105297,3.61389412 6.92886724,4.9124248 C6.60736388,7.20776777 6.18392044,9.77645129 5.88300114,12.7443816 C5.7647245,13.90983 5.71277427,14.9934067 5.76537797,15.9520557 C5.80589262,16.6859653 5.9078327,17.3468101 6.08851497,17.9153454 C6.25351416,18.4352796 6.48451301,18.8782348 6.79458078,19.2295328" id="Fill-77" fill="url(#linearGradient-15)"></path>
+                        </g>
+                    </g>
+                    <g id="头" transform="translate(5.139105, 0.000000)">
+                        <g id="Fill-71">
+                            <use fill="url(#linearGradient-16)" fill-rule="evenodd" xlink:href="#path-17"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-18)" xlink:href="#path-17"></use>
+                        </g>
+                        <path d="M39.0724674,62.041086 C39.0724674,62.041086 41.4337527,43.2712671 27.5741482,42.6838132 C13.5214457,42.0882048 12.3641644,53.5792717 11.2738628,61.3061979 C10.2279967,68.7196632 1.29026885,78.1068559 11.7721277,89.8314691 C22.6447569,100.90013 61.9534429,98.7463503 73.4017721,92.3502468 C82.1816889,87.4451214 84.2992329,81.3226846 84.0813033,73.9907648 C83.8359282,65.7223764 76.0950162,61.086025 74.8527847,55.6955407 C73.6102266,50.3053826 69.9805713,41.5959961 62.3370251,40.8937262 C54.550044,40.1777566 45.4809702,41.2479599 47.3279808,62.0890348 C47.3279808,62.0890348 43.7185829,68.4401252 39.0724674,62.041086" id="Fill-81" fill="#F8F4EC"></path>
+                        <g id="下巴" transform="translate(41.943868, 86.026726) scale(1, -1) translate(-41.943868, -86.026726) ">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-20)" xlink:href="#path-19"></use>
+                            <use fill="#FFF9EF" fill-rule="evenodd" xlink:href="#path-19"></use>
+                        </g>
+                        <g id="左眼" transform="translate(13.093688, 44.740490)">
+                            <path d="M13.3645925,21.1420557 C22.7563818,21.1420557 23.7449465,27.9170439 23.7449465,23.7334869 C23.7449465,19.54993 26.1706837,2.33125135 12.2331212,2.33125135 C-1.70444117,2.33125135 0.0734571987,18.2379519 0.0734571987,22.4215088 C0.0734571987,26.6050658 3.97280322,21.1420557 13.3645925,21.1420557 Z" id="椭圆形" fill="#D8D8D8" opacity="0.479851132" filter="url(#filter-21)"></path>
+                            <g transform="translate(12.019336, 14.885040) rotate(-9.000000) translate(-12.019336, -14.885040) translate(3.119570, 6.430692)">
+                                <mask id="mask-23" fill="white">
+                                    <use xlink:href="#path-22"></use>
+                                </mask>
+                                <g id="Fill-102">
+                                    <use fill="black" fill-opacity="1" filter="url(#filter-24)" xlink:href="#path-22"></use>
+                                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-22"></use>
+                                </g>
+                                <path d="M8.21358148,17.8051839 C12.7498971,17.8051839 16.427163,13.9474927 16.427163,9.18898055 C16.427163,4.43009037 12.7498971,0.572399183 8.21358148,0.572399183 C3.6772659,0.572399183 -1.43529633e-13,4.43009037 -1.43529633e-13,9.18898055 C-1.43529633e-13,13.9474927 3.6772659,17.8051839 8.21358148,17.8051839 Z" id="Fill-104" fill="url(#linearGradient-25)" mask="url(#mask-23)"></path>
+                                <path d="M7.45713361,16.6278693 C10.8640781,16.6278693 13.6265495,13.5192782 13.6265495,9.68450766 C13.6265495,5.84934883 10.8640781,2.74036933 7.45713361,2.74036933 C4.05018911,2.74036933 1.28806276,5.84934883 1.28806276,9.68450766 C1.28806276,13.5192782 4.05018911,16.6278693 7.45713361,16.6278693 Z" id="Fill-106" fill="url(#linearGradient-26)" mask="url(#mask-23)"></path>
+                                <path d="M5.89434012,13.6911434 C8.06374161,13.6911434 9.82277088,11.7623561 9.82277088,9.38313351 C9.82277088,7.00353832 8.06374161,5.07475105 5.89434012,5.07475105 C3.72459891,5.07475105 1.96590936,7.00353832 1.96590936,9.38313351 C1.96590936,11.7623561 3.72459891,13.6911434 5.89434012,13.6911434 Z" id="Fill-110" fill="url(#linearGradient-27)" mask="url(#mask-23)"></path>
+                                <path d="M3.73521943,10.7073904 C2.93584139,10.7073904 2.28760223,9.93267724 2.28760223,8.97733738 C2.28760223,8.02199752 2.93584139,7.24728435 3.73521943,7.24728435 C4.53459748,7.24728435 5.18283664,8.02199752 5.18283664,8.97733738 C5.18283664,9.93267724 4.53459748,10.7073904 3.73521943,10.7073904 Z" id="Fill-124" fill="#FFFFFF" mask="url(#mask-23)" transform="translate(3.735219, 8.977337) rotate(29.000000) translate(-3.735219, -8.977337) "></path>
+                                <path d="M5.3495453,12.7801345 C4.91104309,12.7801345 4.55572134,12.3483834 4.55572134,11.8164111 C4.55572134,11.2840578 4.91104309,10.8526878 5.3495453,10.8526878 C5.7880475,10.8526878 6.14336925,11.2840578 6.14336925,11.8164111 C6.14336925,12.3483834 5.7880475,12.7801345 5.3495453,12.7801345 Z" id="Fill-126" fill="#FFFFFF" mask="url(#mask-23)" transform="translate(5.349545, 11.816411) rotate(33.000000) translate(-5.349545, -11.816411) "></path>
+                                <path d="M6.788099,10.5009613 C6.50279282,10.5009613 6.271607,10.2181593 6.271607,9.86971126 C6.271607,9.52101366 6.50279282,9.23846126 6.788099,9.23846126 C7.07340517,9.23846126 7.30459099,9.52101366 7.30459099,9.86971126 C7.30459099,10.2181593 7.07340517,10.5009613 6.788099,10.5009613 Z" id="Fill-126备份" fill="#FFFFFF" mask="url(#mask-23)" transform="translate(6.788099, 9.869711) rotate(30.000000) translate(-6.788099, -9.869711) "></path>
+                            </g>
+                            <path d="M13.1343152,44.138111 C20.4555399,44.138111 23.518812,29.7284281 23.518812,26.5907604 C23.518812,23.4530927 18.9421826,21.1420557 11.8073332,21.1420557 C9.4882078,21.1420557 5.34822464,21.862605 3.61791117,22.4215088 C-3.21172334,24.6275304 5.81309052,44.138111 13.1343152,44.138111 Z" id="椭圆形" fill="url(#linearGradient-28)"></path>
+                            <g id="脸蛋" opacity="0.509331839" transform="translate(5.557353, 23.062295) rotate(-12.000000) translate(-5.557353, -23.062295) ">
+                                <use fill="black" fill-opacity="1" filter="url(#filter-30)" xlink:href="#path-29"></use>
+                                <use fill="#FF9191" fill-rule="evenodd" xlink:href="#path-29"></use>
+                            </g>
+                            <path d="M21.2307762,6.13270119 C20.1848876,6.13270119 19.336885,4.71972881 19.336885,2.97645119 C19.336885,1.23317357 20.1848876,-0.179798809 21.2307762,-0.179798809 C22.2766648,-0.179798809 23.124385,1.23317357 23.124385,2.97645119 C23.124385,4.71972881 22.2766648,6.13270119 21.2307762,6.13270119 Z" id="眉毛" fill="#FFD155" transform="translate(21.230635, 2.976451) rotate(67.000000) translate(-21.230635, -2.976451) "></path>
+                        </g>
+                        <g id="左眼备份" transform="translate(58.987901, 66.809545) scale(-1, 1) translate(-58.987901, -66.809545) translate(45.918688, 44.740490)">
+                            <path d="M13.3645925,21.1420557 C22.7563818,21.1420557 23.7449465,27.9170439 23.7449465,23.7334869 C23.7449465,19.54993 26.1706837,2.33125135 12.2331212,2.33125135 C-1.70444117,2.33125135 0.0734571987,18.2379519 0.0734571987,22.4215088 C0.0734571987,26.6050658 3.97280322,21.1420557 13.3645925,21.1420557 Z" id="椭圆形" fill="#D8D8D8" opacity="0.479851132" filter="url(#filter-31)"></path>
+                            <g id="左眼" transform="translate(12.019336, 14.885040) scale(-1, 1) rotate(-9.000000) translate(-12.019336, -14.885040) translate(3.119570, 6.430692)">
+                                <mask id="mask-33" fill="white">
+                                    <use xlink:href="#path-32"></use>
+                                </mask>
+                                <g id="Fill-102">
+                                    <use fill="black" fill-opacity="1" filter="url(#filter-34)" xlink:href="#path-32"></use>
+                                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-32"></use>
+                                </g>
+                                <path d="M8.21358148,17.8051839 C12.7498971,17.8051839 16.427163,13.9474927 16.427163,9.18898055 C16.427163,4.43009037 12.7498971,0.572399183 8.21358148,0.572399183 C3.6772659,0.572399183 -1.43529633e-13,4.43009037 -1.43529633e-13,9.18898055 C-1.43529633e-13,13.9474927 3.6772659,17.8051839 8.21358148,17.8051839 Z" id="Fill-104" fill="url(#linearGradient-25)" mask="url(#mask-33)"></path>
+                                <path d="M7.45713361,16.6278693 C10.8640781,16.6278693 13.6265495,13.5192782 13.6265495,9.68450766 C13.6265495,5.84934883 10.8640781,2.74036933 7.45713361,2.74036933 C4.05018911,2.74036933 1.28806276,5.84934883 1.28806276,9.68450766 C1.28806276,13.5192782 4.05018911,16.6278693 7.45713361,16.6278693 Z" id="Fill-106" fill="url(#linearGradient-26)" mask="url(#mask-33)"></path>
+                                <path d="M5.89434012,13.6911434 C8.06374161,13.6911434 9.82277088,11.7623561 9.82277088,9.38313351 C9.82277088,7.00353832 8.06374161,5.07475105 5.89434012,5.07475105 C3.72459891,5.07475105 1.96590936,7.00353832 1.96590936,9.38313351 C1.96590936,11.7623561 3.72459891,13.6911434 5.89434012,13.6911434 Z" id="Fill-110" fill="url(#linearGradient-27)" mask="url(#mask-33)"></path>
+                                <path d="M3.73521943,10.7073904 C2.93584139,10.7073904 2.28760223,9.93267724 2.28760223,8.97733738 C2.28760223,8.02199752 2.93584139,7.24728435 3.73521943,7.24728435 C4.53459748,7.24728435 5.18283664,8.02199752 5.18283664,8.97733738 C5.18283664,9.93267724 4.53459748,10.7073904 3.73521943,10.7073904 Z" id="Fill-124" fill="#FFFFFF" mask="url(#mask-33)" transform="translate(3.735219, 8.977337) rotate(29.000000) translate(-3.735219, -8.977337) "></path>
+                                <path d="M5.3495453,12.7801345 C4.91104309,12.7801345 4.55572134,12.3483834 4.55572134,11.8164111 C4.55572134,11.2840578 4.91104309,10.8526878 5.3495453,10.8526878 C5.7880475,10.8526878 6.14336925,11.2840578 6.14336925,11.8164111 C6.14336925,12.3483834 5.7880475,12.7801345 5.3495453,12.7801345 Z" id="Fill-126" fill="#FFFFFF" mask="url(#mask-33)" transform="translate(5.349545, 11.816411) rotate(33.000000) translate(-5.349545, -11.816411) "></path>
+                                <path d="M6.788099,10.5009613 C6.50279282,10.5009613 6.271607,10.2181593 6.271607,9.86971126 C6.271607,9.52101366 6.50279282,9.23846126 6.788099,9.23846126 C7.07340517,9.23846126 7.30459099,9.52101366 7.30459099,9.86971126 C7.30459099,10.2181593 7.07340517,10.5009613 6.788099,10.5009613 Z" id="Fill-126备份" fill="#FFFFFF" mask="url(#mask-33)" transform="translate(6.788099, 9.869711) rotate(30.000000) translate(-6.788099, -9.869711) "></path>
+                            </g>
+                            <path d="M13.1343152,44.138111 C20.4555399,44.138111 23.518812,29.7284281 23.518812,26.5907604 C23.518812,23.4530927 18.9421826,21.1420557 11.8073332,21.1420557 C9.4882078,21.1420557 5.34822464,21.862605 3.61791117,22.4215088 C-3.21172334,24.6275304 5.81309052,44.138111 13.1343152,44.138111 Z" id="椭圆形" fill="url(#linearGradient-28)"></path>
+                            <g id="脸蛋" opacity="0.509331839" transform="translate(5.557353, 23.062295) rotate(-12.000000) translate(-5.557353, -23.062295) ">
+                                <use fill="black" fill-opacity="1" filter="url(#filter-36)" xlink:href="#path-35"></use>
+                                <use fill="#FF9191" fill-rule="evenodd" xlink:href="#path-35"></use>
+                            </g>
+                            <path d="M22.4932762,6.13270119 C21.4473876,6.13270119 20.599385,4.71972881 20.599385,2.97645119 C20.599385,1.23317357 21.4473876,-0.179798809 22.4932762,-0.179798809 C23.5391648,-0.179798809 24.386885,1.23317357 24.386885,2.97645119 C24.386885,4.71972881 23.5391648,6.13270119 22.4932762,6.13270119 Z" id="眉毛" fill="#FFD155" transform="translate(22.493135, 2.976451) rotate(67.000000) translate(-22.493135, -2.976451) "></path>
+                        </g>
+                        <path d="M36.3376332,73.628112 C36.4305967,75.5253327 36.8059416,79.5525023 38.6842252,81.0141137 C40.5625089,82.4757251 41.7949369,81.2435984 43.0572246,81.3831368 C44.2095722,81.5105218 45.2425902,82.1680825 47.1768777,81.3831368 C49.1111651,80.5981911 47.9226138,79.5469742 48.8407485,76.784261 C49.5084246,74.7761054 49.9291565,72.7093175 49.7390764,71.7761981 C49.5212031,70.7068252 48.0376202,69.2996505 46.1269163,68.4131704 C44.2162123,67.5266902 44.1951278,65.6937652 42.7859796,65.6784408 C42.7792709,65.6784408 42.7725622,65.6784408 42.7658535,65.6784408 C41.384818,65.6784408 42.2080723,67.2561822 39.6009405,68.7846192 C36.9391807,70.3453705 36.2440307,71.7305582 36.3376332,73.628112 Z" id="Fill-85备份" fill="url(#linearGradient-37)"></path>
+                        <path d="M45.6386816,68.4189046 C43.8230885,67.6134554 43.8031799,65.9485348 42.4644125,65.93444 C41.1253188,65.9205475 41.9268821,67.361244 39.4379888,68.7563797 C36.9089521,70.1739704 36.2487068,71.4327493 36.3371529,73.1565734 C36.4259254,74.8803975 37.7802634,79.8039754 39.4379888,80.7081068 C41.0957142,81.6122381 41.8427952,80.6422207 43.0572246,80.7081068 C44.0856796,80.7639033 45.6709176,81.4645593 46.7574548,80.7081068 C47.843992,79.9516543 47.3136095,78.1770443 48.185995,75.667297 C48.8201308,73.8429138 49.2512648,72.3221605 49.0707825,71.4740794 C48.8638643,70.5026588 47.4542747,69.2243539 45.6386816,68.4189046 Z" id="Fill-87备份" fill="#B12D1F"></path>
+                        <g id="嘴" transform="translate(30.807363, 56.209691)">
+                            <g id="编组" transform="translate(5.522170, 0.000000)" fill="#FFFFFF">
+                                <path d="M0.170608521,9.93241216 C0.37067298,10.8472072 1.74860471,12.0483843 3.5250335,12.8033913 C5.30178867,13.5583982 5.3174544,15.1269903 6.62880676,15.1371347 C7.94015913,15.1471672 7.15817798,13.791409 9.5994213,12.4711231 C12.079829,11.1293586 12.7296305,9.94184975 12.647059,8.31760846 C12.5641612,6.69336716 11.0896241,3.9756675 9.67252805,1.79070335 C8.25543199,-0.393935356 5.27535275,-0.526712444 3.6157642,1.1037121 C1.95617566,2.73413663 1.87719426,3.27565888 1.01688445,5.64286608 C0.391560624,7.36343585 -0.00432549268,9.13347159 0.170608521,9.93241216" id="Fill-89"></path>
+                            </g>
+                            <g id="编组" transform="translate(0.000000, 2.705357)">
+                                <path d="M10.7072925,0.212672095 C9.7768129,0.543206741 9.04054857,1.26012275 8.3871018,2.06990017 C7.94540816,2.61732788 7.54138839,3.20729001 7.14029159,3.7488733 C6.93276053,4.02843158 6.76452722,4.25993571 6.61837858,4.46708807 C6.54173175,4.57520992 6.46768311,4.68495521 6.39428402,4.79534989 C6.08412414,5.2632285 5.79864715,5.74961445 5.5190161,6.24054607 C5.19846344,6.80258484 4.88538059,7.37046804 4.54988829,7.92211673 C4.10657077,8.65104628 2.64336667,9.87604511 2.10131763,10.5702328 C0.924500656,11.9055229 -1.242613,16.7860272 0.924500656,19.4297841 C3.09161431,22.073541 8.3871018,20.1610145 9.48947749,20.6412068 C10.5918532,21.1213991 11.423096,21.1339172 11.9154545,21.1405193 C12.3714383,21.1465801 14.1100819,20.6290046 14.8330228,20.2660977 C15.5559636,19.9031907 19.4532889,21.7968724 22.4259065,19.208169 C25.3985241,16.6194657 20.9193784,9.96646797 20.4419596,9.447613 C20.0931515,9.06805013 19.8246937,8.66305981 19.4820564,8.32181039 C19.1829388,8.02406946 18.9003848,7.7438618 18.6574533,7.48573307 C18.6006177,7.425016 18.545406,7.36559769 18.4927925,7.30682876 C18.2703218,6.96720278 17.987443,6.50354515 17.6769584,5.98728769 C17.0118197,4.8813928 16.2209932,3.53198024 15.6263307,2.63388708 C14.9706105,1.64228314 14.156725,0.74581344 13.1161467,0.273389167 C12.7267418,0.0967576862 12.3373369,0 11.9677433,0 C11.9502054,0 11.9326676,0 11.9154545,0.000649380444 C11.4809059,0.0113641578 11.084356,0.0785750337 10.7072925,0.212672095 Z" id="Fill-91" fill="url(#linearGradient-38)"></path>
+                                <path d="M6.00637132,6.02172592 C5.5615459,6.93953357 5.47327932,7.8236392 5.8088828,7.99640299 L5.8088828,7.99640299 C6.14448628,8.16916679 6.77759256,7.56514792 7.22241799,6.64799467 L7.22241799,6.64799467 C7.66724341,5.73018702 7.75550999,4.8467358 7.419589,4.6736448 L7.419589,4.6736448 C7.38085331,4.65368535 7.33830755,4.64419643 7.29258674,4.64419643 L7.29258674,4.64419643 C6.94079047,4.64419643 6.39976083,5.21025962 6.00637132,6.02172592" id="Fill-143" fill="url(#linearGradient-39)" transform="translate(6.614362, 6.335045) rotate(15.000000) translate(-6.614362, -6.335045) "></path>
+                                <path d="M15.1449985,4.6736448 C14.8087633,4.8467358 14.8973465,5.73018702 15.3421675,6.64799467 L15.3421675,6.64799467 C15.7869885,7.56514792 16.419771,8.16916679 16.7556886,7.99640299 L16.7556886,7.99640299 C17.0912888,7.8236392 17.0027056,6.93953357 16.5578846,6.02172592 L16.5578846,6.02172592 C16.164499,5.21025962 15.6237922,4.64419643 15.2719995,4.64419643 L15.2719995,4.64419643 C15.2262791,4.64419643 15.1837338,4.65368535 15.1449985,4.6736448" id="Fill-145" fill="url(#linearGradient-40)" transform="translate(15.950092, 6.335045) rotate(-14.000000) translate(-15.950092, -6.335045) "></path>
+                            </g>
+                        </g>
+                        <g id="头顶毛" transform="translate(50.802533, 14.096298) rotate(55.000000) translate(-50.802533, -14.096298) translate(43.065688, 0.569512)">
+                            <mask id="mask-43" fill="white">
+                                <use xlink:href="#path-42"></use>
+                            </mask>
+                            <g id="Clip-117备份">
+                                <use fill="url(#linearGradient-41)" fill-rule="evenodd" xlink:href="#path-42"></use>
+                                <use fill="black" fill-opacity="1" filter="url(#filter-44)" xlink:href="#path-42"></use>
+                            </g>
+                            <path d="M11.1484324,-2.33308697 L12.2158113,0.360305293 C12.2158113,0.360305293 13.7568943,4.33786676 11.9488853,7.20365702 C10.1405511,10.0694473 6.14478943,14.3189927 6.11260225,17.8133174 C6.08008995,21.307642 7.6949759,25.976428 11.5106195,26.9709816 C11.5106195,26.9709816 6.12235594,26.434197 5.28126273,19.2228669 C4.44049465,12.0115369 10.9179202,8.33763099 11.6432696,6.55945009 C12.3689442,4.78126919 13.1635448,2.42842829 11.1484324,-2.33308697" id="Fill-116" fill="#F6FFFD" opacity="0.487753005" mask="url(#mask-43)"></path>
+                            <path d="M15.6296678,9.23351288 C15.6127614,9.01638282 15.1387321,15.8473271 12.5227924,18.544964 C10.1357393,21.0062067 6.24791844,25.999545 11.5106845,26.9709163 C16.7741008,27.9419611 8.70974982,24.2471585 11.9414725,22.1754439 C16.5201797,19.2407597 16.0194903,14.2023628 15.6296678,9.23351288" id="Fill-114" fill="#4AD7BC" mask="url(#mask-43)"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/view/evaluating/icons/clx4.svg

@@ -0,0 +1,274 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="159px" height="114px" viewBox="0 0 159 114" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>真棒备份 2</title>
+    <defs>
+        <linearGradient x1="77.612246%" y1="100%" x2="27.4288906%" y2="41.393852%" id="linearGradient-1">
+            <stop stop-color="#F2D0A4" offset="0%"></stop>
+            <stop stop-color="#F3AC27" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,1.69685642 C0,1.69685642 5.42067225,10.5503378 9.07772833,18.0021135 L9.07772833,18.0021135 C13.9610155,27.9534586 26.4464391,29.4458996 17.3091195,16.1595937 L17.3091195,16.1595937 C8.17215469,2.87328792 3.00439039,0 3.00439039,0 L3.00439039,0 L0,1.69685642 Z" id="path-2"></path>
+        <linearGradient x1="50%" y1="0%" x2="76.4096289%" y2="93.0869575%" id="linearGradient-4">
+            <stop stop-color="#F4C250" offset="0%"></stop>
+            <stop stop-color="#F2A81A" offset="100%"></stop>
+        </linearGradient>
+        <path d="M2.60640621,0.224926471 C6.41776096,3.42187211 17.85821,17.1837566 19.4810065,21.4243333 L19.4810065,21.4243333 C20.0272593,22.8517646 20.2695259,23.9179926 20.341532,24.711319 L20.341532,24.711319 C20.9849752,23.3183046 20.3241512,20.5434002 17.3091195,16.1595937 L17.3091195,16.1595937 C8.17215469,2.87328792 3.00439039,0 3.00439039,0 L3.00439039,0 L2.60640621,0.224926471 Z" id="path-5"></path>
+        <linearGradient x1="88.1456915%" y1="7.47758299%" x2="70.9473686%" y2="92.522417%" id="linearGradient-7">
+            <stop stop-color="#80E9C7" offset="0%"></stop>
+            <stop stop-color="#2DC0A1" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,1.69685642 C0,1.69685642 5.42067225,10.5503378 9.07772833,18.0021135 L9.07772833,18.0021135 C13.9610155,27.9534586 26.4464391,29.4458996 17.3091195,16.1595937 L17.3091195,16.1595937 C8.17215469,2.87328792 3.00439039,0 3.00439039,0 L3.00439039,0 L0,1.69685642 Z" id="path-8"></path>
+        <path d="M2.60640621,0.224926471 C6.41776096,3.42187211 17.85821,17.1837566 19.4810065,21.4243333 L19.4810065,21.4243333 C20.0272593,22.8517646 20.2695259,23.9179926 20.341532,24.711319 L20.341532,24.711319 C20.9849752,23.3183046 20.3241512,20.5434002 17.3091195,16.1595937 L17.3091195,16.1595937 C8.17215469,2.87328792 3.00439039,0 3.00439039,0 L3.00439039,0 L2.60640621,0.224926471 Z" id="path-10"></path>
+        <linearGradient x1="88.1456915%" y1="0.723333002%" x2="70.9473686%" y2="99.276667%" id="linearGradient-12">
+            <stop stop-color="#80E9C7" offset="0%"></stop>
+            <stop stop-color="#2DC0A1" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="32.4288665%" y1="50%" x2="57.5753419%" y2="89.3692122%" id="linearGradient-13">
+            <stop stop-color="#F9DE13" offset="0%"></stop>
+            <stop stop-color="#F1BA08" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="69.6826821%" y1="61.5784612%" x2="44.0145447%" y2="87.6718365%" id="linearGradient-14">
+            <stop stop-color="#F9DE13" offset="0%"></stop>
+            <stop stop-color="#F1BA08" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-15">
+            <stop stop-color="#FFE948" offset="0%"></stop>
+            <stop stop-color="#F1BA08" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="4.82316256%" y1="41.2727339%" x2="99.9027017%" y2="60.9776914%" id="linearGradient-16">
+            <stop stop-color="#40C9AA" offset="0%"></stop>
+            <stop stop-color="#4CCFAF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M5.43564712,48.7090823 C4.71541977,51.9524209 3.84130046,55.5655479 2.7444943,58.7008952 L2.7444943,58.7008952 C1.67148921,61.7675207 0.380361858,65.4074819 0.103225936,68.7365591 L0.103225936,68.7365591 C-1.7216326,90.6574832 20.9343921,97.6556465 45.4191878,97.5555091 L45.4191878,97.5555091 C69.9039835,97.4556989 90.8205727,89.0487401 90.8238331,68.2764507 L90.8238331,68.2764507 C90.8238331,62.7436966 89.0211455,60.9598767 87.9230351,57.9017596 L87.9230351,57.9017596 C86.8007977,54.7755752 85.6068309,51.5711789 84.6909782,48.3782362 L84.6909782,48.3782362 C79.7843682,31.2688152 68.7250147,23.2905491 45.3008344,22.5143208 L45.3008344,22.5143208 C44.6660302,22.493377 44.0367686,22.4829051 43.4140279,22.4829051 L43.4140279,22.4829051 C22.6483962,22.4829051 8.68922285,34.0530272 5.43564712,48.7090823" id="path-17"></path>
+        <filter x="-5.0%" y="-6.0%" width="109.9%" height="112.0%" filterUnits="objectBoundingBox" id="filter-18">
+            <feGaussianBlur stdDeviation="2.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="-3" dy="4" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.462831117   0 0 0 0 0.944481449   0 0 0 0 0.78701884  0 0 0 0.559394463 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <path d="M47.0491017,84.2969811 C47.0491017,84.2969811 41.7877983,86.929063 36.8429647,84.6256828 C36.6587541,84.3105087 42.3883945,92.0463038 47.0491017,84.2969811 Z" id="path-19"></path>
+        <filter x="-46.5%" y="-151.8%" width="193.0%" height="374.6%" filterUnits="objectBoundingBox" id="filter-20">
+            <feOffset dx="0" dy="-0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.247864196 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <filter x="-12.5%" y="-13.2%" width="125.1%" height="126.4%" filterUnits="objectBoundingBox" id="filter-21">
+            <feGaussianBlur stdDeviation="1" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <path d="M14.8206154,16.9086956 C13.1011589,15.8302649 10.8774563,15.1025938 8.13210614,14.667773 C4.77252958,14.1356684 3.2099549,14.6070556 2.06082644,15.1412619 C0.5521372,13.1780086 0,12.1307174 0,9.18898055 C0,3.98734102 4.08109036,0 8.96221032,0 C13.8429715,0 17.7995309,4.21705986 17.7995309,9.41869938 C17.7995309,12.0716141 16.4766585,15.1968194 14.8206154,16.9086956 Z" id="path-22"></path>
+        <filter x="-8.4%" y="-8.9%" width="116.9%" height="117.7%" filterUnits="objectBoundingBox" id="filter-24">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.128233583 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="48.9356923%" y1="92.9466699%" x2="51.2727375%" y2="-1.36853401%" id="linearGradient-25">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F7F4EB" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="49.9984235%" y1="100.001272%" x2="49.9984235%" y2="0.00138610816%" id="linearGradient-26">
+            <stop stop-color="#152479" offset="0%"></stop>
+            <stop stop-color="#0B4B79" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="0.000502853684%" y1="49.999885%" x2="99.9989619%" y2="49.999885%" id="linearGradient-27">
+            <stop stop-color="#000000" offset="0%"></stop>
+            <stop stop-color="#00003D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="57.5618021%" y1="0%" x2="60.4622466%" y2="11.9988623%" id="linearGradient-28">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <filter x="-12.5%" y="-13.2%" width="125.1%" height="126.4%" filterUnits="objectBoundingBox" id="filter-29">
+            <feGaussianBlur stdDeviation="1" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <path d="M14.8206154,16.9086956 C13.1011589,15.8302649 10.8774563,15.1025938 8.13210614,14.667773 C4.77252958,14.1356684 3.2099549,14.6070556 2.06082644,15.1412619 C0.5521372,13.1780086 0,12.1307174 0,9.18898055 C0,3.98734102 4.08109036,0 8.96221032,0 C13.8429715,0 17.7995309,4.21705986 17.7995309,9.41869938 C17.7995309,12.0716141 16.4766585,15.1968194 14.8206154,16.9086956 Z" id="path-30"></path>
+        <filter x="-8.4%" y="-8.9%" width="116.9%" height="117.7%" filterUnits="objectBoundingBox" id="filter-32">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.128233583 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-33">
+            <stop stop-color="#BBE8FC" offset="0%"></stop>
+            <stop stop-color="#85CCF7" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-34">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0.528894811" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="-0.00139152473%" y1="50.000508%" x2="99.99952%" y2="50.000508%" id="linearGradient-35">
+            <stop stop-color="#F4CF07" offset="0%"></stop>
+            <stop stop-color="#F29942" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="0%" y1="59.2364439%" x2="101.94585%" y2="59.2364439%" id="linearGradient-36">
+            <stop stop-color="#F9DE13" offset="0%"></stop>
+            <stop stop-color="#F8B911" offset="48.5652346%"></stop>
+            <stop stop-color="#F7D510" offset="49.0626726%"></stop>
+            <stop stop-color="#F5CB0D" offset="100%"></stop>
+            <stop stop-color="#F1BA08" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="35.7866085%" y1="99.1220678%" x2="64.2147804%" y2="0.868067724%" id="linearGradient-37">
+            <stop stop-color="#F4CF07" offset="0%"></stop>
+            <stop stop-color="#F28042" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="64.2132492%" y1="99.1220678%" x2="35.7853605%" y2="0.868067724%" id="linearGradient-38">
+            <stop stop-color="#F4CF07" offset="0%"></stop>
+            <stop stop-color="#F28042" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-39">
+            <stop stop-color="#43CAAB" offset="0%"></stop>
+            <stop stop-color="#4BCFAF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M12.0947355,1.23453948 C12.5183707,4.18848781 9.1598501,4.32072491 3.50173449,8.75834089 L3.50173449,8.75834089 C-2.15670625,13.1953038 -0.132490438,22.233465 3.76801023,24.2966903 L3.76801023,24.2966903 C6.4941666,25.738891 7.89187039,26.1816404 7.89187039,26.1816404 L7.89187039,26.1816404 C9.72718974,27.0694248 12.973868,27.807014 10.6414356,25.6108985 L10.6414356,25.6108985 C7.88114133,23.0125211 13.4641535,21.4420014 14.8816898,16.8264367 L14.8816898,16.8264367 C16.5112063,11.519974 14.2704586,8.5862694 14.1725966,6.29938379 L14.1725966,6.29938379 C14.0721336,3.95372613 12.5817697,-0.000326511366 12.1405778,5.68434189e-14 L12.1405778,5.68434189e-14 C12.0072774,0.000326511366 11.9695631,0.36079506 12.0947355,1.23453948" id="path-40"></path>
+        <filter x="-12.9%" y="-7.4%" width="125.9%" height="114.8%" filterUnits="objectBoundingBox" id="filter-42">
+            <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.415686275   0 0 0 0 0.905882353   0 0 0 0 0.768627451  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="76.9945329%" y1="0%" x2="40.4500795%" y2="99.4213184%" id="linearGradient-43">
+            <stop stop-color="#FF8C6E" offset="0%"></stop>
+            <stop stop-color="#FF5D10" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="58.2441752%" y1="0%" x2="47.0834384%" y2="99.4213184%" id="linearGradient-44">
+            <stop stop-color="#FF8C6E" offset="0%"></stop>
+            <stop stop-color="#FF5D10" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="修改" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="评测备份-3" transform="translate(-450.000000, -12.000000)">
+            <g id="编组-2" transform="translate(450.393105, 12.000000)">
+                <g id="真棒备份-5" transform="translate(27.907426, 6.548901)">
+                    <g id="右翅膀" transform="translate(64.387500, 95.257012)">
+                        <g id="Fill-11" transform="translate(16.046683, 9.038832)">
+                            <mask id="mask-3" fill="white">
+                                <use xlink:href="#path-2"></use>
+                            </mask>
+                            <use id="蒙版" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+                            <mask id="mask-6" fill="white">
+                                <use xlink:href="#path-5"></use>
+                            </mask>
+                            <use id="Clip-12" fill="url(#linearGradient-4)" xlink:href="#path-5"></use>
+                        </g>
+                        <path d="M12.3239913,0.856688508 C18.516157,3.37920238 26.1026861,11.6371674 24.5142965,15.2196517 C23.045444,18.5327108 19.9789794,16.8487173 19.9789794,16.8487173 C19.9789794,16.8487173 20.2443022,21.444935 14.414295,20.389484 C14.414295,20.389484 11.5258947,24.0202909 7.96283666,22.3773195 C4.33451206,20.7044506 -2.05309859,7.63959481 0.648015089,3.17270111 C0.648015089,3.17270111 5.33408374,-1.99087366 12.3239913,0.856688508 Z" id="Fill-15" fill="url(#linearGradient-7)"></path>
+                    </g>
+                    <g id="右翅膀备份-3" transform="translate(18.306250, 113.563262) scale(-1, 1) translate(-18.306250, -113.563262) translate(0.000000, 95.257012)">
+                        <g id="Fill-11" transform="translate(16.046683, 9.038832)">
+                            <mask id="mask-9" fill="white">
+                                <use xlink:href="#path-8"></use>
+                            </mask>
+                            <use id="蒙版" fill="url(#linearGradient-1)" xlink:href="#path-8"></use>
+                            <mask id="mask-11" fill="white">
+                                <use xlink:href="#path-10"></use>
+                            </mask>
+                            <use id="Clip-12" fill="url(#linearGradient-4)" xlink:href="#path-10"></use>
+                        </g>
+                        <path d="M12.3239913,0.856688508 C18.516157,3.37920238 26.1026861,11.6371674 24.5142965,15.2196517 C23.045444,18.5327108 19.9789794,16.8487173 19.9789794,16.8487173 C19.9789794,16.8487173 20.2443022,21.444935 14.414295,20.389484 C14.414295,20.389484 11.5258947,24.0202909 7.96283666,22.3773195 C4.33451206,20.7044506 -2.05309859,7.63959481 0.648015089,3.17270111 C0.648015089,3.17270111 5.33408374,-1.99087366 12.3239913,0.856688508 Z" id="Fill-15" fill="url(#linearGradient-7)"></path>
+                    </g>
+                    <g id="身" transform="translate(22.631102, 86.735137)">
+                        <path d="M8.08841408,0.970180215 C8.08841408,0.970180215 6.31729051,12.4635139 4.1917473,16.5380737 C0.606943816,23.4101562 -6.80435721,44.6217191 14.6943931,51.5884212 C36.1934683,58.5551234 58.1450702,44.7882891 53.0867127,26.6827485 C49.0116991,12.0975198 45.1520661,6.29680799 44.7904996,0 L8.08841408,0.970180215 Z" id="Fill-57" fill="url(#linearGradient-12)"></path>
+                        <path d="M13.9174312,7.39580895 C13.9174312,7.39580895 12.6459386,15.646119 11.1204074,18.5711154 C8.54656074,23.5041516 3.22669287,38.730363 18.6593775,43.7314071 C34.0920621,48.7324512 49.8057485,38.450775 46.218671,25.8532165 C43.2420009,15.3983994 40.522618,11.2196923 40.2633817,6.69930301 L13.9174312,7.39580895 Z" id="Fill-61" fill="#F8F4EC"></path>
+                        <g id="脖子毛" transform="translate(17.059970, 2.143463)">
+                            <path d="M4.12505343,15.606083 C4.82595311,16.1752451 5.88390867,16.251198 6.75260149,15.9247621 C7.04690008,15.8142263 7.31939878,15.6577956 7.5496189,15.4583788 C7.69957576,15.3284509 7.83136603,15.1801003 7.93904431,15.0146199 C8.13028885,14.7208276 8.2558034,14.3821099 8.33111213,14.0168895 C8.42359654,13.5656969 8.43945101,13.0734574 8.40642087,12.575077 C8.32846972,11.3818083 7.97306536,10.1516943 7.73392711,9.35241108 C6.50718751,5.251277 6.0517018,2.32757467 5.12751834,1.14723408 C5.01389464,1.00211554 4.8910225,0.885762142 4.76253523,0.796234666 C4.56567556,0.659519423 4.35659474,0.585828937 4.14784423,0.566759908 C3.53084111,0.51116884 2.92011372,0.935858743 2.66115738,1.63688797 C2.47519767,2.13947001 2.35034372,2.87637486 2.3691709,3.95458302 C2.40220104,5.86083952 2.38601627,8.00206525 2.52375198,10.4522739 C2.5974092,11.7712689 2.754963,12.9490239 3.06280395,13.8837295 C3.19657604,14.2890272 3.35875405,14.6484299 3.55462282,14.9538576 C3.71977354,15.2111279 3.90870597,15.4302601 4.12505343,15.606083" id="Fill-65" fill="url(#linearGradient-13)" transform="translate(5.394758, 8.339796) rotate(19.000000) translate(-5.394758, -8.339796) "></path>
+                            <path d="M10.6515863,15.2671083 C11.2245455,15.9863725 12.2655158,16.2546108 13.1709677,16.0522274 C13.4000883,16.0011497 13.6200693,15.9201963 13.8217711,15.8087248 C14.0111817,15.7036782 14.1845191,15.5722896 14.3332742,15.4139166 C14.6686034,15.0563726 14.8961483,14.5844659 15.0467943,14.0579478 C15.2248591,13.4366629 15.2960851,12.7395645 15.3121582,12.0646319 C15.3323284,11.2326112 15.2686662,10.4346424 15.2179256,9.85511915 C14.8498199,5.62434234 14.9793502,2.68785556 14.3386319,1.36176242 C14.2497571,1.17801114 14.1429182,1.02766919 14.023788,0.909130337 C13.8974093,0.782881644 13.7571635,0.692612222 13.6093539,0.636073367 C13.0253642,0.411202921 12.329493,0.709316883 11.93712,1.37139972 C11.6679742,1.82628051 11.4108045,2.52080894 11.2236,3.57577258 C10.8920527,5.44026981 10.4694244,7.5244976 10.1328346,9.9389637 C10.0058255,10.8461553 9.93018729,11.6942381 9.9339692,12.4533365 C9.93680563,13.083295 9.99416458,13.651896 10.1224343,14.1427561 C10.2374674,14.5847871 10.4101745,14.9638544 10.6515863,15.2671083" id="Fill-69" fill="url(#linearGradient-14)" transform="translate(12.624910, 8.339796) rotate(-13.000000) translate(-12.624910, -8.339796) "></path>
+                            <path d="M6.79458078,19.2295328 C7.49411195,20.0221552 8.68079913,20.3150666 9.74463543,20.1147909 C10.0553567,20.0560781 10.3559492,19.9552878 10.63073,19.8130725 C10.9202138,19.6627026 11.1809451,19.4660148 11.3959342,19.2233354 C11.7883382,18.7787492 12.046129,18.2056474 12.208841,17.570571 C12.3865827,16.8764556 12.450622,16.1082969 12.4529091,15.3544902 C12.4565032,14.2386215 12.3241771,13.1537401 12.2241974,12.3852552 C11.5550522,7.23320997 11.5713887,3.63803159 10.7062049,2.05017745 C10.5621165,1.78499146 10.3928698,1.57623495 10.1925837,1.42488649 C9.98151544,1.26603584 9.76489276,1.17111687 9.54990373,1.12969175 C8.81443213,0.987802566 8.10019805,1.47479234 7.71008118,2.18260736 C7.39641937,2.75212119 7.1105297,3.61389412 6.92886724,4.9124248 C6.60736388,7.20776777 6.18392044,9.77645129 5.88300114,12.7443816 C5.7647245,13.90983 5.71277427,14.9934067 5.76537797,15.9520557 C5.80589262,16.6859653 5.9078327,17.3468101 6.08851497,17.9153454 C6.25351416,18.4352796 6.48451301,18.8782348 6.79458078,19.2295328" id="Fill-77" fill="url(#linearGradient-15)"></path>
+                        </g>
+                    </g>
+                    <g id="头" transform="translate(5.139105, 0.000000)">
+                        <g id="Fill-71">
+                            <use fill="url(#linearGradient-16)" fill-rule="evenodd" xlink:href="#path-17"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-18)" xlink:href="#path-17"></use>
+                        </g>
+                        <path d="M39.0724674,62.041086 C39.0724674,62.041086 41.4337527,43.2712671 27.5741482,42.6838132 C13.5214457,42.0882048 12.3641644,53.5792717 11.2738628,61.3061979 C10.2279967,68.7196632 1.29026885,78.1068559 11.7721277,89.8314691 C22.6447569,100.90013 61.9534429,98.7463503 73.4017721,92.3502468 C82.1816889,87.4451214 84.2992329,81.3226846 84.0813033,73.9907648 C83.8359282,65.7223764 76.0950162,61.086025 74.8527847,55.6955407 C73.6102266,50.3053826 69.9805713,41.5959961 62.3370251,40.8937262 C54.550044,40.1777566 45.4809702,41.2479599 47.3279808,62.0890348 C47.3279808,62.0890348 43.7185829,68.4401252 39.0724674,62.041086" id="Fill-81" fill="#F8F4EC"></path>
+                        <g id="下巴" transform="translate(41.943868, 86.026726) scale(1, -1) translate(-41.943868, -86.026726) ">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-20)" xlink:href="#path-19"></use>
+                            <use fill="#FFF9EF" fill-rule="evenodd" xlink:href="#path-19"></use>
+                        </g>
+                        <g id="左眼" transform="translate(13.093688, 44.740490)">
+                            <path d="M13.3645925,21.1420557 C22.7563818,21.1420557 23.7449465,27.9170439 23.7449465,23.7334869 C23.7449465,19.54993 26.1706837,2.33125135 12.2331212,2.33125135 C-1.70444117,2.33125135 0.0734571987,18.2379519 0.0734571987,22.4215088 C0.0734571987,26.6050658 3.97280322,21.1420557 13.3645925,21.1420557 Z" id="椭圆形" fill="#D8D8D8" opacity="0.479851132" filter="url(#filter-21)"></path>
+                            <g transform="translate(12.019336, 14.885040) rotate(-9.000000) translate(-12.019336, -14.885040) translate(3.119570, 6.430692)">
+                                <mask id="mask-23" fill="white">
+                                    <use xlink:href="#path-22"></use>
+                                </mask>
+                                <g id="Fill-102">
+                                    <use fill="black" fill-opacity="1" filter="url(#filter-24)" xlink:href="#path-22"></use>
+                                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-22"></use>
+                                </g>
+                                <path d="M8.21358148,17.8051839 C12.7498971,17.8051839 16.427163,13.9474927 16.427163,9.18898055 C16.427163,4.43009037 12.7498971,0.572399183 8.21358148,0.572399183 C3.6772659,0.572399183 -1.43529633e-13,4.43009037 -1.43529633e-13,9.18898055 C-1.43529633e-13,13.9474927 3.6772659,17.8051839 8.21358148,17.8051839 Z" id="Fill-104" fill="url(#linearGradient-25)" mask="url(#mask-23)"></path>
+                                <path d="M7.45713361,16.6278693 C10.8640781,16.6278693 13.6265495,13.5192782 13.6265495,9.68450766 C13.6265495,5.84934883 10.8640781,2.74036933 7.45713361,2.74036933 C4.05018911,2.74036933 1.28806276,5.84934883 1.28806276,9.68450766 C1.28806276,13.5192782 4.05018911,16.6278693 7.45713361,16.6278693 Z" id="Fill-106" fill="url(#linearGradient-26)" mask="url(#mask-23)"></path>
+                                <path d="M5.89434012,13.6911434 C8.06374161,13.6911434 9.82277088,11.7623561 9.82277088,9.38313351 C9.82277088,7.00353832 8.06374161,5.07475105 5.89434012,5.07475105 C3.72459891,5.07475105 1.96590936,7.00353832 1.96590936,9.38313351 C1.96590936,11.7623561 3.72459891,13.6911434 5.89434012,13.6911434 Z" id="Fill-110" fill="url(#linearGradient-27)" mask="url(#mask-23)"></path>
+                                <path d="M3.73521943,10.7073904 C2.93584139,10.7073904 2.28760223,9.93267724 2.28760223,8.97733738 C2.28760223,8.02199752 2.93584139,7.24728435 3.73521943,7.24728435 C4.53459748,7.24728435 5.18283664,8.02199752 5.18283664,8.97733738 C5.18283664,9.93267724 4.53459748,10.7073904 3.73521943,10.7073904 Z" id="Fill-124" fill="#FFFFFF" mask="url(#mask-23)" transform="translate(3.735219, 8.977337) rotate(29.000000) translate(-3.735219, -8.977337) "></path>
+                                <path d="M5.3495453,12.7801345 C4.91104309,12.7801345 4.55572134,12.3483834 4.55572134,11.8164111 C4.55572134,11.2840578 4.91104309,10.8526878 5.3495453,10.8526878 C5.7880475,10.8526878 6.14336925,11.2840578 6.14336925,11.8164111 C6.14336925,12.3483834 5.7880475,12.7801345 5.3495453,12.7801345 Z" id="Fill-126" fill="#FFFFFF" mask="url(#mask-23)" transform="translate(5.349545, 11.816411) rotate(33.000000) translate(-5.349545, -11.816411) "></path>
+                                <path d="M6.788099,10.5009613 C6.50279282,10.5009613 6.271607,10.2181593 6.271607,9.86971126 C6.271607,9.52101366 6.50279282,9.23846126 6.788099,9.23846126 C7.07340517,9.23846126 7.30459099,9.52101366 7.30459099,9.86971126 C7.30459099,10.2181593 7.07340517,10.5009613 6.788099,10.5009613 Z" id="Fill-126备份" fill="#FFFFFF" mask="url(#mask-23)" transform="translate(6.788099, 9.869711) rotate(30.000000) translate(-6.788099, -9.869711) "></path>
+                            </g>
+                            <path d="M13.1343152,44.138111 C20.4555399,44.138111 23.518812,29.7284281 23.518812,26.5907604 C23.518812,23.4530927 18.9421826,21.1420557 11.8073332,21.1420557 C9.4882078,21.1420557 5.34822464,21.862605 3.61791117,22.4215088 C-3.21172334,24.6275304 5.81309052,44.138111 13.1343152,44.138111 Z" id="椭圆形" fill="url(#linearGradient-28)"></path>
+                            <path d="M21.2307762,6.13270119 C20.1848876,6.13270119 19.336885,4.71972881 19.336885,2.97645119 C19.336885,1.23317357 20.1848876,-0.179798809 21.2307762,-0.179798809 C22.2766648,-0.179798809 23.124385,1.23317357 23.124385,2.97645119 C23.124385,4.71972881 22.2766648,6.13270119 21.2307762,6.13270119 Z" id="眉毛" fill="#FFD155" transform="translate(21.230635, 2.976451) rotate(67.000000) translate(-21.230635, -2.976451) "></path>
+                        </g>
+                        <g id="左眼备份" transform="translate(58.987901, 66.809545) scale(-1, 1) translate(-58.987901, -66.809545) translate(45.918688, 44.740490)">
+                            <path d="M13.3645925,21.1420557 C22.7563818,21.1420557 23.7449465,27.9170439 23.7449465,23.7334869 C23.7449465,19.54993 26.1706837,2.33125135 12.2331212,2.33125135 C-1.70444117,2.33125135 0.0734571987,18.2379519 0.0734571987,22.4215088 C0.0734571987,26.6050658 3.97280322,21.1420557 13.3645925,21.1420557 Z" id="椭圆形" fill="#D8D8D8" opacity="0.479851132" filter="url(#filter-29)"></path>
+                            <g id="左眼" transform="translate(12.019336, 14.885040) scale(-1, 1) rotate(-9.000000) translate(-12.019336, -14.885040) translate(3.119570, 6.430692)">
+                                <mask id="mask-31" fill="white">
+                                    <use xlink:href="#path-30"></use>
+                                </mask>
+                                <g id="Fill-102">
+                                    <use fill="black" fill-opacity="1" filter="url(#filter-32)" xlink:href="#path-30"></use>
+                                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-30"></use>
+                                </g>
+                                <path d="M8.21358148,17.8051839 C12.7498971,17.8051839 16.427163,13.9474927 16.427163,9.18898055 C16.427163,4.43009037 12.7498971,0.572399183 8.21358148,0.572399183 C3.6772659,0.572399183 -1.43529633e-13,4.43009037 -1.43529633e-13,9.18898055 C-1.43529633e-13,13.9474927 3.6772659,17.8051839 8.21358148,17.8051839 Z" id="Fill-104" fill="url(#linearGradient-25)" mask="url(#mask-31)"></path>
+                                <path d="M7.45713361,16.6278693 C10.8640781,16.6278693 13.6265495,13.5192782 13.6265495,9.68450766 C13.6265495,5.84934883 10.8640781,2.74036933 7.45713361,2.74036933 C4.05018911,2.74036933 1.28806276,5.84934883 1.28806276,9.68450766 C1.28806276,13.5192782 4.05018911,16.6278693 7.45713361,16.6278693 Z" id="Fill-106" fill="url(#linearGradient-26)" mask="url(#mask-31)"></path>
+                                <path d="M5.89434012,13.6911434 C8.06374161,13.6911434 9.82277088,11.7623561 9.82277088,9.38313351 C9.82277088,7.00353832 8.06374161,5.07475105 5.89434012,5.07475105 C3.72459891,5.07475105 1.96590936,7.00353832 1.96590936,9.38313351 C1.96590936,11.7623561 3.72459891,13.6911434 5.89434012,13.6911434 Z" id="Fill-110" fill="url(#linearGradient-27)" mask="url(#mask-31)"></path>
+                                <path d="M3.73521943,10.7073904 C2.93584139,10.7073904 2.28760223,9.93267724 2.28760223,8.97733738 C2.28760223,8.02199752 2.93584139,7.24728435 3.73521943,7.24728435 C4.53459748,7.24728435 5.18283664,8.02199752 5.18283664,8.97733738 C5.18283664,9.93267724 4.53459748,10.7073904 3.73521943,10.7073904 Z" id="Fill-124" fill="#FFFFFF" mask="url(#mask-31)" transform="translate(3.735219, 8.977337) rotate(29.000000) translate(-3.735219, -8.977337) "></path>
+                                <path d="M5.3495453,12.7801345 C4.91104309,12.7801345 4.55572134,12.3483834 4.55572134,11.8164111 C4.55572134,11.2840578 4.91104309,10.8526878 5.3495453,10.8526878 C5.7880475,10.8526878 6.14336925,11.2840578 6.14336925,11.8164111 C6.14336925,12.3483834 5.7880475,12.7801345 5.3495453,12.7801345 Z" id="Fill-126" fill="#FFFFFF" mask="url(#mask-31)" transform="translate(5.349545, 11.816411) rotate(33.000000) translate(-5.349545, -11.816411) "></path>
+                                <path d="M6.788099,10.5009613 C6.50279282,10.5009613 6.271607,10.2181593 6.271607,9.86971126 C6.271607,9.52101366 6.50279282,9.23846126 6.788099,9.23846126 C7.07340517,9.23846126 7.30459099,9.52101366 7.30459099,9.86971126 C7.30459099,10.2181593 7.07340517,10.5009613 6.788099,10.5009613 Z" id="Fill-126备份" fill="#FFFFFF" mask="url(#mask-31)" transform="translate(6.788099, 9.869711) rotate(30.000000) translate(-6.788099, -9.869711) "></path>
+                            </g>
+                            <path d="M13.1343152,44.138111 C20.4555399,44.138111 23.518812,29.7284281 23.518812,26.5907604 C23.518812,23.4530927 18.9421826,21.1420557 11.8073332,21.1420557 C9.4882078,21.1420557 5.34822464,21.862605 3.61791117,22.4215088 C-3.21172334,24.6275304 5.81309052,44.138111 13.1343152,44.138111 Z" id="椭圆形" fill="url(#linearGradient-28)"></path>
+                            <path d="M22.4932762,6.13270119 C21.4473876,6.13270119 20.599385,4.71972881 20.599385,2.97645119 C20.599385,1.23317357 21.4473876,-0.179798809 22.4932762,-0.179798809 C23.5391648,-0.179798809 24.386885,1.23317357 24.386885,2.97645119 C24.386885,4.71972881 23.5391648,6.13270119 22.4932762,6.13270119 Z" id="眉毛" fill="#FFD155" transform="translate(22.493135, 2.976451) rotate(67.000000) translate(-22.493135, -2.976451) "></path>
+                        </g>
+                        <g id="编组-24" transform="translate(16.881188, 65.811105)">
+                            <path d="M8.97865848,0.071439987 C12.0415292,0.310200652 14.469903,0.774575938 14.2512851,1.6543843 C14.0326671,2.53419267 12.0025202,2.27977023 10.9814651,2.50406588 L10.5523164,2.58973887 C10.4774257,2.6033258 10.4008962,2.61655793 10.3227942,2.629422 L9.83584436,2.70208347 L9.31434083,2.76527449 L8.76146809,2.81835818 L8.18041055,2.86069764 L7.57435263,2.891656 L7.575,2.9168843 C7.575,3.270373 7.42972347,3.58993055 7.19561902,3.81910833 C7.42972859,4.39054684 7.575,5.18942813 7.575,6.0731343 C7.575,7.81628304 6.90333668,9.1780441 5.42936861,8.86672857 C3.95540054,8.55541303 3.49596571,7.10882823 3.90221544,6.0731343 C4.23730835,5.21884773 5.19527141,4.39054684 5.42936861,3.81760453 C5.22871826,3.6224554 5.09332014,3.35979998 5.05872987,3.06613308 L5.05027781,2.89013264 L4.44440976,2.85950651 L3.86349721,2.81745002 L3.31072951,2.76460379 L2.789296,2.70160841 L2.30238605,2.62910448 L1.85318901,2.54773262 C0.708449096,2.31948649 0,2.00348211 0,1.6543843 C0,1.29450843 1.09446722,0.621859168 2.30238605,0.391884302 C4.71132051,0.0190809817 6.93674465,-0.0877337899 8.97865848,0.071439987 Z" id="形状结合" fill="url(#linearGradient-33)" fill-rule="nonzero"></path>
+                            <path d="M5.77130474,8.53059106 C5.92062124,8.3384081 4.93021,7.80771653 4.93021,6.74379073 C4.93021,5.67986492 5.97863205,4.99880994 5.56940082,4.78519067 C5.1601696,4.57157139 3.73462097,5.38696841 4.14617693,6.95877973 C4.5577329,8.53059106 5.62198824,8.72277401 5.77130474,8.53059106 Z" id="椭圆形" fill="url(#linearGradient-34)" opacity="0.666886829" transform="translate(4.929509, 6.671718) scale(-1, 1) rotate(-180.000000) translate(-4.929509, -6.671718) "></path>
+                        </g>
+                        <g id="编组-23" transform="translate(61.888674, 70.266743) scale(-1, 1) translate(-61.888674, -70.266743) translate(54.756188, 65.811105)">
+                            <path d="M8.97865848,0.071439987 C12.0415292,0.310200652 14.469903,0.774575938 14.2512851,1.6543843 C14.0326671,2.53419267 12.0025202,2.27977023 10.9814651,2.50406588 L10.5523164,2.58973887 C10.4774257,2.6033258 10.4008962,2.61655793 10.3227942,2.629422 L9.83584436,2.70208347 L9.31434083,2.76527449 L8.76146809,2.81835818 L8.18041055,2.86069764 L7.57435263,2.891656 L7.575,2.9168843 C7.575,3.270373 7.42972347,3.58993055 7.19561902,3.81910833 C7.42972859,4.39054684 7.575,5.18942813 7.575,6.0731343 C7.575,7.81628304 6.90333668,9.1780441 5.42936861,8.86672857 C3.95540054,8.55541303 3.49596571,7.10882823 3.90221544,6.0731343 C4.23730835,5.21884773 5.19527141,4.39054684 5.42936861,3.81760453 C5.22871826,3.6224554 5.09332014,3.35979998 5.05872987,3.06613308 L5.05027781,2.89013264 L4.44440976,2.85950651 L3.86349721,2.81745002 L3.31072951,2.76460379 L2.789296,2.70160841 L2.30238605,2.62910448 L1.85318901,2.54773262 C0.708449096,2.31948649 0,2.00348211 0,1.6543843 C0,1.29450843 1.09446722,0.621859168 2.30238605,0.391884302 C4.71132051,0.0190809817 6.93674465,-0.0877337899 8.97865848,0.071439987 Z" id="形状结合" fill="url(#linearGradient-33)" fill-rule="nonzero"></path>
+                            <path d="M5.77130474,8.53059106 C5.92062124,8.3384081 4.93021,7.80771653 4.93021,6.74379073 C4.93021,5.67986492 5.97863205,4.99880994 5.56940082,4.78519067 C5.1601696,4.57157139 3.73462097,5.38696841 4.14617693,6.95877973 C4.5577329,8.53059106 5.62198824,8.72277401 5.77130474,8.53059106 Z" id="椭圆形" fill="url(#linearGradient-34)" opacity="0.666886829" transform="translate(4.929509, 6.671718) scale(-1, 1) rotate(-180.000000) translate(-4.929509, -6.671718) "></path>
+                        </g>
+                        <path d="M36.3376332,73.628112 C36.4305967,75.5253327 36.8059416,79.5525023 38.6842252,81.0141137 C40.5625089,82.4757251 41.7949369,81.2435984 43.0572246,81.3831368 C44.2095722,81.5105218 45.2425902,82.1680825 47.1768777,81.3831368 C49.1111651,80.5981911 47.9226138,79.5469742 48.8407485,76.784261 C49.5084246,74.7761054 49.9291565,72.7093175 49.7390764,71.7761981 C49.5212031,70.7068252 48.0376202,69.2996505 46.1269163,68.4131704 C44.2162123,67.5266902 44.1951278,65.6937652 42.7859796,65.6784408 C42.7792709,65.6784408 42.7725622,65.6784408 42.7658535,65.6784408 C41.384818,65.6784408 42.2080723,67.2561822 39.6009405,68.7846192 C36.9391807,70.3453705 36.2440307,71.7305582 36.3376332,73.628112 Z" id="Fill-85备份" fill="url(#linearGradient-35)"></path>
+                        <path d="M45.6386816,68.4189046 C43.8230885,67.6134554 43.8031799,65.9485348 42.4644125,65.93444 C41.1253188,65.9205475 41.9268821,67.361244 39.4379888,68.7563797 C36.9089521,70.1739704 36.2487068,71.4327493 36.3371529,73.1565734 C36.4259254,74.8803975 37.7802634,79.8039754 39.4379888,80.7081068 C41.0957142,81.6122381 41.8427952,80.6422207 43.0572246,80.7081068 C44.0856796,80.7639033 45.6709176,81.4645593 46.7574548,80.7081068 C47.843992,79.9516543 47.3136095,78.1770443 48.185995,75.667297 C48.8201308,73.8429138 49.2512648,72.3221605 49.0707825,71.4740794 C48.8638643,70.5026588 47.4542747,69.2243539 45.6386816,68.4189046 Z" id="Fill-87备份" fill="#B12D1F"></path>
+                        <g id="嘴" transform="translate(30.807363, 56.209691)">
+                            <g id="编组" transform="translate(5.522170, 0.000000)" fill="#FFFFFF">
+                                <path d="M0.170608521,9.93241216 C0.37067298,10.8472072 1.74860471,12.0483843 3.5250335,12.8033913 C5.30178867,13.5583982 5.3174544,15.1269903 6.62880676,15.1371347 C7.94015913,15.1471672 7.15817798,13.791409 9.5994213,12.4711231 C12.079829,11.1293586 12.7296305,9.94184975 12.647059,8.31760846 C12.5641612,6.69336716 11.0896241,3.9756675 9.67252805,1.79070335 C8.25543199,-0.393935356 5.27535275,-0.526712444 3.6157642,1.1037121 C1.95617566,2.73413663 1.87719426,3.27565888 1.01688445,5.64286608 C0.391560624,7.36343585 -0.00432549268,9.13347159 0.170608521,9.93241216" id="Fill-89"></path>
+                            </g>
+                            <g id="编组" transform="translate(0.000000, 2.705357)">
+                                <path d="M10.7072925,0.212672095 C9.7768129,0.543206741 9.04054857,1.26012275 8.3871018,2.06990017 C7.94540816,2.61732788 7.54138839,3.20729001 7.14029159,3.7488733 C6.93276053,4.02843158 6.76452722,4.25993571 6.61837858,4.46708807 C6.54173175,4.57520992 6.46768311,4.68495521 6.39428402,4.79534989 C6.08412414,5.2632285 5.79864715,5.74961445 5.5190161,6.24054607 C5.19846344,6.80258484 4.88538059,7.37046804 4.54988829,7.92211673 C4.10657077,8.65104628 2.64336667,9.87604511 2.10131763,10.5702328 C0.924500656,11.9055229 -1.242613,16.7860272 0.924500656,19.4297841 C3.09161431,22.073541 8.3871018,20.1610145 9.48947749,20.6412068 C10.5918532,21.1213991 11.423096,21.1339172 11.9154545,21.1405193 C12.3714383,21.1465801 14.1100819,20.6290046 14.8330228,20.2660977 C15.5559636,19.9031907 19.4532889,21.7968724 22.4259065,19.208169 C25.3985241,16.6194657 20.9193784,9.96646797 20.4419596,9.447613 C20.0931515,9.06805013 19.8246937,8.66305981 19.4820564,8.32181039 C19.1829388,8.02406946 18.9003848,7.7438618 18.6574533,7.48573307 C18.6006177,7.425016 18.545406,7.36559769 18.4927925,7.30682876 C18.2703218,6.96720278 17.987443,6.50354515 17.6769584,5.98728769 C17.0118197,4.8813928 16.2209932,3.53198024 15.6263307,2.63388708 C14.9706105,1.64228314 14.156725,0.74581344 13.1161467,0.273389167 C12.7267418,0.0967576862 12.3373369,0 11.9677433,0 C11.9502054,0 11.9326676,0 11.9154545,0.000649380444 C11.4809059,0.0113641578 11.084356,0.0785750337 10.7072925,0.212672095 Z" id="Fill-91" fill="url(#linearGradient-36)"></path>
+                                <path d="M6.00637132,6.02172592 C5.5615459,6.93953357 5.47327932,7.8236392 5.8088828,7.99640299 L5.8088828,7.99640299 C6.14448628,8.16916679 6.77759256,7.56514792 7.22241799,6.64799467 L7.22241799,6.64799467 C7.66724341,5.73018702 7.75550999,4.8467358 7.419589,4.6736448 L7.419589,4.6736448 C7.38085331,4.65368535 7.33830755,4.64419643 7.29258674,4.64419643 L7.29258674,4.64419643 C6.94079047,4.64419643 6.39976083,5.21025962 6.00637132,6.02172592" id="Fill-143" fill="url(#linearGradient-37)" transform="translate(6.614362, 6.335045) rotate(15.000000) translate(-6.614362, -6.335045) "></path>
+                                <path d="M15.1449985,4.6736448 C14.8087633,4.8467358 14.8973465,5.73018702 15.3421675,6.64799467 L15.3421675,6.64799467 C15.7869885,7.56514792 16.419771,8.16916679 16.7556886,7.99640299 L16.7556886,7.99640299 C17.0912888,7.8236392 17.0027056,6.93953357 16.5578846,6.02172592 L16.5578846,6.02172592 C16.164499,5.21025962 15.6237922,4.64419643 15.2719995,4.64419643 L15.2719995,4.64419643 C15.2262791,4.64419643 15.1837338,4.65368535 15.1449985,4.6736448" id="Fill-145" fill="url(#linearGradient-38)" transform="translate(15.950092, 6.335045) rotate(-14.000000) translate(-15.950092, -6.335045) "></path>
+                            </g>
+                        </g>
+                        <g id="头顶毛" transform="translate(50.802533, 14.096298) rotate(55.000000) translate(-50.802533, -14.096298) translate(43.065688, 0.569512)">
+                            <mask id="mask-41" fill="white">
+                                <use xlink:href="#path-40"></use>
+                            </mask>
+                            <g id="Clip-117备份">
+                                <use fill="url(#linearGradient-39)" fill-rule="evenodd" xlink:href="#path-40"></use>
+                                <use fill="black" fill-opacity="1" filter="url(#filter-42)" xlink:href="#path-40"></use>
+                            </g>
+                            <path d="M11.1484324,-2.33308697 L12.2158113,0.360305293 C12.2158113,0.360305293 13.7568943,4.33786676 11.9488853,7.20365702 C10.1405511,10.0694473 6.14478943,14.3189927 6.11260225,17.8133174 C6.08008995,21.307642 7.6949759,25.976428 11.5106195,26.9709816 C11.5106195,26.9709816 6.12235594,26.434197 5.28126273,19.2228669 C4.44049465,12.0115369 10.9179202,8.33763099 11.6432696,6.55945009 C12.3689442,4.78126919 13.1635448,2.42842829 11.1484324,-2.33308697" id="Fill-116" fill="#F6FFFD" opacity="0.487753005" mask="url(#mask-41)"></path>
+                            <path d="M15.6296678,9.23351288 C15.6127614,9.01638282 15.1387321,15.8473271 12.5227924,18.544964 C10.1357393,21.0062067 6.24791844,25.999545 11.5106845,26.9709163 C16.7741008,27.9419611 8.70974982,24.2471585 11.9414725,22.1754439 C16.5201797,19.2407597 16.0194903,14.2023628 15.6296678,9.23351288" id="Fill-114" fill="#4AD7BC" mask="url(#mask-41)"></path>
+                        </g>
+                    </g>
+                </g>
+                <g id="编组-17" transform="translate(77.294111, 59.492933) rotate(2.000000) translate(-77.294111, -59.492933) translate(4.281298, 35.996986)" fill-rule="nonzero">
+                    <g id="编组" transform="translate(10.803609, 35.373768) rotate(-9.000000) translate(-10.803609, -35.373768) translate(1.494884, 25.085177)" fill="url(#linearGradient-43)">
+                        <path d="M17.3886882,0.0850624029 L5.70084641,1.93438018 C5.66296042,1.94006238 5.62754471,1.95068666 5.59321289,1.96310155 L5.17102225,1.96310155 C4.88313407,1.96310155 4.65443173,2.1811978 4.65443173,2.450028 L4.65443173,15.1050781 C4.19838821,14.8553239 3.66808512,14.7127436 3.10292087,14.7127436 C1.38932954,14.7127436 -2.27373675e-13,16.0254276 -2.27373675e-13,17.6449982 C-2.27373675e-13,19.2646882 1.38930434,20.5771812 3.10292087,20.5771812 C4.81646178,20.5771812 6.20581655,19.2646643 6.20581655,17.6449982 C6.20581655,17.5262927 6.19827967,17.4096644 6.18408818,17.2958293 C6.19827967,17.2507776 6.20581655,17.203983 6.20581655,17.1542279 L6.20581655,6.86228117 L17.0660396,5.04839361 L17.0660396,12.1718446 C16.6099709,11.9230454 16.0797182,11.779534 15.5145288,11.779534 C13.8009374,11.779534 12.4116331,13.0930775 12.4116331,14.7127436 C12.4116331,16.3314786 13.8009122,17.6449982 15.5145288,17.6449982 C17.2281453,17.6449982 18.6174497,16.3314548 18.6174497,14.7127436 C18.6174497,14.5940859 18.6098876,14.4774575 18.5957465,14.3626198 C18.6099128,14.317568 18.6174497,14.2707496 18.6174497,14.2210422 L18.6174497,0.537609148 C18.6174497,0.298359834 18.4341198,0.0984800359 18.1927383,0.0582510045 C18.108396,0.00854366917 18.0023505,-0.011606648 17.8856677,0.00660982946 L17.6109375,0.0506349606 L17.5826302,0.0506349606 C17.5139665,0.050658805 17.4482521,0.0630737166 17.3886882,0.0850624029 L17.3886882,0.0850624029 Z" id="路径"></path>
+                    </g>
+                    <g id="编组" transform="translate(139.016582, 13.108827) rotate(-9.000000) translate(-139.016582, -13.108827) translate(133.627321, 2.330304)" fill="url(#linearGradient-44)">
+                        <path d="M9.1963554,0.158528744 C8.91075429,0.534884597 7.36850835,1.18006604 6.05474331,1.44889164 C4.39825694,1.77148237 3.54145363,2.04030797 2.68465033,2.47042894 C1.54224594,3.11561041 0.913923523,3.92208721 1.02816396,4.67479892 C1.08528417,4.83609427 2.45616946,6.71787352 4.05553561,8.86847838 C5.71202198,11.0190832 7.08290727,12.8470973 7.14002748,12.9008625 C7.1971477,13.0083927 6.96866683,13.0083927 6.16898374,12.9546276 C3.65569407,12.7933322 1.37088528,14.02993 0.342721327,15.9654744 C0.0571202173,16.5568907 -2.27373675e-13,16.8794814 -2.27373675e-13,17.578428 C-2.27373675e-13,19.1913816 0.913923523,20.4817446 2.62753011,21.2344562 C3.31297274,21.5032819 3.54145363,21.557047 4.96945913,21.557047 C6.51170507,21.557047 6.56882529,21.557047 7.59698925,21.0731609 C10.3387598,19.8365631 11.4811642,17.4171326 10.3387598,15.2127627 C10.1102789,14.7288766 8.68227342,12.4169764 7.14002748,10.051311 L4.3411367,5.69633622 L4.79809846,5.69633622 C6.62594551,5.58880598 7.88259033,5.05115477 8.73939364,4.13714771 C9.48195649,3.33067088 9.71043738,2.52419408 9.65331716,1.23383116 C9.59619694,0.0509985062 9.48195651,-0.217827109 9.1963554,0.158528744 L9.1963554,0.158528744 Z" id="路径"></path>
+                    </g>
+                    <g id="编组" transform="translate(123.828663, 8.699431) rotate(-8.000000) translate(-123.828663, -8.699431) translate(117.954232, 0.740103)" fill="#FFCF00">
+                        <path d="M5.96876548,0.610334892 C5.10331258,4.8157963 5.08773443,6.91577113 0.975102253,8.65748254 C4.10977265,9.76166879 5.24178504,11.1102091 6.08819798,15.3083215 C6.55900436,10.4120547 8.82822186,9.71757483 10.77376,8.40026778 C6.84806562,7.15093892 6.20243776,3.64914362 5.96876548,0.610334892 Z" id="路径" transform="translate(5.874431, 7.959328) rotate(8.000000) translate(-5.874431, -7.959328) "></path>
+                    </g>
+                    <g id="编组备份-2" transform="translate(8.353945, 11.367056)" fill="#FFD256">
+                        <path d="M3.99493058,0 C3.30256826,3.08400503 3.29010574,4.62398658 0,5.90124161 C2.50773632,6.71097819 3.41334623,7.69990772 4.09047658,10.7785235 C4.46712168,7.18792785 6.28249568,6.67864262 7.83892617,5.71261745 C4.6983707,4.79644295 4.18186841,2.22845973 3.99493058,0 Z" id="路径"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/view/evaluating/icons/clx5.svg

@@ -0,0 +1,294 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="159px" height="114px" viewBox="0 0 159 114" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>真棒备份 2</title>
+    <defs>
+        <linearGradient x1="88.1456915%" y1="8.81735907%" x2="70.9473686%" y2="91.1826409%" id="linearGradient-1">
+            <stop stop-color="#80E9C7" offset="0%"></stop>
+            <stop stop-color="#2DC0A1" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="88.1456915%" y1="0.723333002%" x2="70.9473686%" y2="99.276667%" id="linearGradient-2">
+            <stop stop-color="#80E9C7" offset="0%"></stop>
+            <stop stop-color="#2DC0A1" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="32.4288665%" y1="50%" x2="57.5753419%" y2="89.3692122%" id="linearGradient-3">
+            <stop stop-color="#F9DE13" offset="0%"></stop>
+            <stop stop-color="#F1BA08" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="69.6826821%" y1="61.5784612%" x2="44.0145447%" y2="87.6718365%" id="linearGradient-4">
+            <stop stop-color="#F9DE13" offset="0%"></stop>
+            <stop stop-color="#F1BA08" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#FFE948" offset="0%"></stop>
+            <stop stop-color="#F1BA08" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="4.82316256%" y1="41.2727339%" x2="99.9027017%" y2="60.9776914%" id="linearGradient-6">
+            <stop stop-color="#40C9AA" offset="0%"></stop>
+            <stop stop-color="#4CCFAF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M18.5769327,48.7090823 C17.8567053,51.9524209 16.982586,55.5655479 15.8857799,58.7008952 L15.8857799,58.7008952 C14.8127748,61.7675207 13.5216474,65.4074819 13.2445115,68.7365591 L13.2445115,68.7365591 C11.419653,90.6574832 34.0756776,97.6556465 58.5604733,97.5555091 L58.5604733,97.5555091 C83.0452691,97.4556989 103.961858,89.0487401 103.965119,68.2764507 L103.965119,68.2764507 C103.965119,62.7436966 102.162431,60.9598767 101.064321,57.9017596 L101.064321,57.9017596 C99.9420832,54.7755752 98.7481165,51.5711789 97.8322638,48.3782362 L97.8322638,48.3782362 C92.9256538,31.2688152 81.8663002,23.2905491 58.44212,22.5143208 L58.44212,22.5143208 C57.8073157,22.493377 57.1780542,22.4829051 56.5553134,22.4829051 L56.5553134,22.4829051 C35.7896818,22.4829051 21.8305084,34.0530272 18.5769327,48.7090823" id="path-7"></path>
+        <filter x="-5.0%" y="-6.0%" width="109.9%" height="112.0%" filterUnits="objectBoundingBox" id="filter-8">
+            <feGaussianBlur stdDeviation="2.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="-3" dy="4" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.462831117   0 0 0 0 0.944481449   0 0 0 0 0.78701884  0 0 0 0.559394463 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <path d="M60.1903873,84.2969811 C60.1903873,84.2969811 54.9290839,86.929063 49.9842502,84.6256828 C49.8000396,84.3105087 55.52968,92.0463038 60.1903873,84.2969811 Z" id="path-9"></path>
+        <filter x="-46.5%" y="-151.8%" width="193.0%" height="374.6%" filterUnits="objectBoundingBox" id="filter-10">
+            <feOffset dx="0" dy="-0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.247864196 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <filter x="-12.5%" y="-13.2%" width="125.1%" height="126.4%" filterUnits="objectBoundingBox" id="filter-11">
+            <feGaussianBlur stdDeviation="1" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <linearGradient x1="57.5618021%" y1="0%" x2="60.4622466%" y2="11.9988623%" id="linearGradient-12">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <path d="M28.8091114,3.66543059 C23.3421788,1.08879286 12.0426358,-1.07948237 4.24782864,0.581734809 C-0.94870949,1.68921293 -1.37739842,2.97525046 2.96176186,4.43984741 C0.292553541,5.72328879 -0.34415201,6.58216803 1.05164521,7.01648513 C3.14534104,7.66796079 12.8017442,4.43984741 16.8867183,4.43984741 C20.9716925,4.43984741 25.8806085,6.12067968 28.8091114,6.08988411 C31.7376144,6.05908853 34.276044,6.24206831 28.8091114,3.66543059 Z" id="path-13"></path>
+        <filter x="-12.5%" y="-13.2%" width="125.1%" height="126.4%" filterUnits="objectBoundingBox" id="filter-15">
+            <feGaussianBlur stdDeviation="1" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <path d="M28.8091114,3.66543059 C23.3421788,1.08879286 12.0426358,-1.07948237 4.24782864,0.581734809 C-0.94870949,1.68921293 -1.37739842,2.97525046 2.96176186,4.43984741 C0.292553541,5.72328879 -0.34415201,6.58216803 1.05164521,7.01648513 C3.14534104,7.66796079 12.8017442,4.43984741 16.8867183,4.43984741 C20.9716925,4.43984741 25.8806085,6.12067968 28.8091114,6.08988411 C31.7376144,6.05908853 34.276044,6.24206831 28.8091114,3.66543059 Z" id="path-16"></path>
+        <linearGradient x1="-0.00139152473%" y1="50.000508%" x2="99.99952%" y2="50.000508%" id="linearGradient-18">
+            <stop stop-color="#F4CF07" offset="0%"></stop>
+            <stop stop-color="#F29942" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="0%" y1="59.2364439%" x2="101.94585%" y2="59.2364439%" id="linearGradient-19">
+            <stop stop-color="#F9DE13" offset="0%"></stop>
+            <stop stop-color="#F8B911" offset="48.5652346%"></stop>
+            <stop stop-color="#F7D510" offset="49.0626726%"></stop>
+            <stop stop-color="#F5CB0D" offset="100%"></stop>
+            <stop stop-color="#F1BA08" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="35.7866085%" y1="99.1220678%" x2="64.2147804%" y2="0.868067724%" id="linearGradient-20">
+            <stop stop-color="#F4CF07" offset="0%"></stop>
+            <stop stop-color="#F28042" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="64.2132492%" y1="99.1220678%" x2="35.7853605%" y2="0.868067724%" id="linearGradient-21">
+            <stop stop-color="#F4CF07" offset="0%"></stop>
+            <stop stop-color="#F28042" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-22">
+            <stop stop-color="#43CAAB" offset="0%"></stop>
+            <stop stop-color="#4BCFAF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M12.0947355,1.23453948 C12.5183707,4.18848781 9.1598501,4.32072491 3.50173449,8.75834089 L3.50173449,8.75834089 C-2.15670625,13.1953038 -0.132490438,22.233465 3.76801023,24.2966903 L3.76801023,24.2966903 C6.4941666,25.738891 7.89187039,26.1816404 7.89187039,26.1816404 L7.89187039,26.1816404 C9.72718974,27.0694248 12.973868,27.807014 10.6414356,25.6108985 L10.6414356,25.6108985 C7.88114133,23.0125211 13.4641535,21.4420014 14.8816898,16.8264367 L14.8816898,16.8264367 C16.5112063,11.519974 14.2704586,8.5862694 14.1725966,6.29938379 L14.1725966,6.29938379 C14.0721336,3.95372613 12.5817697,-0.000326511366 12.1405778,5.68434189e-14 L12.1405778,5.68434189e-14 C12.0072774,0.000326511366 11.9695631,0.36079506 12.0947355,1.23453948" id="path-23"></path>
+        <filter x="-12.9%" y="-7.4%" width="125.9%" height="114.8%" filterUnits="objectBoundingBox" id="filter-25">
+            <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.415686275   0 0 0 0 0.905882353   0 0 0 0 0.768627451  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="61.6022393%" y1="100%" x2="40.5159685%" y2="41.393852%" id="linearGradient-26">
+            <stop stop-color="#F2D0A4" offset="0%"></stop>
+            <stop stop-color="#F3AC27" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,2.32400844 C0,2.32400844 0.0815832102,18.6873223 6.61391538,18.2259971 L6.61391538,18.2259971 C13.1462475,17.7650195 6.24324384,0 6.24324384,0 L6.24324384,0 L0,2.32400844 Z" id="path-27"></path>
+        <linearGradient x1="48.5255252%" y1="18.2349448%" x2="55.3263914%" y2="87.0632093%" id="linearGradient-29">
+            <stop stop-color="#F4C148" offset="0%"></stop>
+            <stop stop-color="#F2A615" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="63.4507393%" y1="91.0330977%" x2="43.5726068%" y2="14.0719495%" id="linearGradient-30">
+            <stop stop-color="#F2D0A4" offset="0%"></stop>
+            <stop stop-color="#F3AC27" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,1.5922152 C0,1.5922152 4.97444756,25.1973271 11.4603128,22.6417869 L11.4603128,22.6417869 C18.5573426,19.844981 4.41719877,0 4.41719877,0 L4.41719877,0 L0,1.5922152 Z" id="path-31"></path>
+        <linearGradient x1="47.9895755%" y1="18.2349448%" x2="57.2624555%" y2="87.0632093%" id="linearGradient-33">
+            <stop stop-color="#F4C148" offset="0%"></stop>
+            <stop stop-color="#F2A615" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="77.612246%" y1="100%" x2="27.4288906%" y2="41.393852%" id="linearGradient-34">
+            <stop stop-color="#F2D0A4" offset="0%"></stop>
+            <stop stop-color="#F3AC27" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,1.69685642 C0,1.69685642 5.42067225,10.5503378 9.07772833,18.0021135 L9.07772833,18.0021135 C13.9610155,27.9534586 26.4464391,29.4458996 17.3091195,16.1595937 L17.3091195,16.1595937 C8.17215469,2.87328792 3.00439039,0 3.00439039,0 L3.00439039,0 L0,1.69685642 Z" id="path-35"></path>
+        <linearGradient x1="50%" y1="0%" x2="76.4096289%" y2="93.0869575%" id="linearGradient-37">
+            <stop stop-color="#F4C250" offset="0%"></stop>
+            <stop stop-color="#F2A81A" offset="100%"></stop>
+        </linearGradient>
+        <path d="M2.60640621,0.224926471 C6.41776096,3.42187211 17.85821,17.1837566 19.4810065,21.4243333 L19.4810065,21.4243333 C20.0272593,22.8517646 20.2695259,23.9179926 20.341532,24.711319 L20.341532,24.711319 C20.9849752,23.3183046 20.3241512,20.5434002 17.3091195,16.1595937 L17.3091195,16.1595937 C8.17215469,2.87328792 3.00439039,0 3.00439039,0 L3.00439039,0 L2.60640621,0.224926471 Z" id="path-38"></path>
+        <linearGradient x1="88.1456915%" y1="18.3345083%" x2="70.9473686%" y2="81.6654917%" id="linearGradient-40">
+            <stop stop-color="#80E9C7" offset="0%"></stop>
+            <stop stop-color="#2DC0A1" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,2.32400844 C0,2.32400844 0.0815832102,18.6873223 6.61391538,18.2259971 L6.61391538,18.2259971 C13.1462475,17.7650195 6.24324384,0 6.24324384,0 L6.24324384,0 L0,2.32400844 Z" id="path-41"></path>
+        <path d="M0,1.5922152 C0,1.5922152 4.97444756,25.1973271 11.4603128,22.6417869 L11.4603128,22.6417869 C18.5573426,19.844981 4.41719877,0 4.41719877,0 L4.41719877,0 L0,1.5922152 Z" id="path-43"></path>
+        <path d="M0,1.69685642 C0,1.69685642 5.42067225,10.5503378 9.07772833,18.0021135 L9.07772833,18.0021135 C13.9610155,27.9534586 26.4464391,29.4458996 17.3091195,16.1595937 L17.3091195,16.1595937 C8.17215469,2.87328792 3.00439039,0 3.00439039,0 L3.00439039,0 L0,1.69685642 Z" id="path-45"></path>
+        <path d="M2.60640621,0.224926471 C6.41776096,3.42187211 17.85821,17.1837566 19.4810065,21.4243333 L19.4810065,21.4243333 C20.0272593,22.8517646 20.2695259,23.9179926 20.341532,24.711319 L20.341532,24.711319 C20.9849752,23.3183046 20.3241512,20.5434002 17.3091195,16.1595937 L17.3091195,16.1595937 C8.17215469,2.87328792 3.00439039,0 3.00439039,0 L3.00439039,0 L2.60640621,0.224926471 Z" id="path-47"></path>
+        <linearGradient x1="76.9945329%" y1="0%" x2="40.4500795%" y2="99.4213184%" id="linearGradient-49">
+            <stop stop-color="#FF8C6E" offset="0%"></stop>
+            <stop stop-color="#FF5D10" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="58.2441752%" y1="0%" x2="47.0834384%" y2="99.4213184%" id="linearGradient-50">
+            <stop stop-color="#FF8C6E" offset="0%"></stop>
+            <stop stop-color="#FF5D10" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="修改" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="评测备份-4" transform="translate(-450.000000, -12.000000)">
+            <g id="编组-8" transform="translate(450.393105, 12.000000)">
+                <g id="真棒备份-5" transform="translate(17.097398, 3.548901)">
+                    <g id="身" transform="translate(8.846142, 76.775916)">
+                        <path d="M22.1488146,6.762122 C25.1841318,5.65292825 31.3464688,10.4913289 36.0877511,16.1640534 C39.7799827,20.5816373 37.6367194,33.8743074 36.811991,35.7344156 C35.3431385,39.0474748 32.806241,25.7383094 32.806241,25.7383094 C32.806241,25.7383094 33.0715638,30.3345271 27.2415566,29.2790762 C27.2415566,29.2790762 24.3531563,32.9098831 20.7900982,31.2669116 C19.0461151,30.4628339 19.4750896,26.9033388 17.1887883,21.4260016 C14.718482,15.50784 4.22518042,22.004857 5.62798231,19.6850113 C5.62798231,19.6850113 15.1759054,9.31022712 22.1488146,6.762122 Z" id="Fill-15" fill="url(#linearGradient-1)" transform="translate(21.841039, 21.433378) scale(-1, -1) rotate(-34.000000) translate(-21.841039, -21.433378) "></path>
+                        <path d="M83.1488146,6.762122 C86.1841318,5.65292825 92.3464688,10.4913289 97.0877511,16.1640534 C100.779983,20.5816373 98.6367194,33.8743074 97.811991,35.7344156 C96.3431385,39.0474748 93.806241,25.7383094 93.806241,25.7383094 C93.806241,25.7383094 94.0715638,30.3345271 88.2415566,29.2790762 C88.2415566,29.2790762 85.3531563,32.9098831 81.7900982,31.2669116 C80.0461151,30.4628339 80.4750896,26.9033388 78.1887883,21.4260016 C75.718482,15.50784 65.2251804,22.004857 66.6279823,19.6850113 C66.6279823,19.6850113 76.1759054,9.31022712 83.1488146,6.762122 Z" id="Fill-15备份" fill="url(#linearGradient-1)" transform="translate(82.841039, 21.433378) scale(1, -1) rotate(-34.000000) translate(-82.841039, -21.433378) "></path>
+                        <path d="M34.6834027,10.9294018 C34.6834027,10.9294018 32.9122791,22.4227355 30.7867359,26.4972953 C27.2019324,33.3693778 19.7906314,54.5809407 41.2893818,61.5476428 C62.788457,68.514345 84.7400588,54.7475107 79.6817013,36.6419701 C75.6066877,22.0567413 71.7470547,16.2560296 71.3854882,9.95922157 L34.6834027,10.9294018 Z" id="Fill-57" fill="url(#linearGradient-2)"></path>
+                        <path d="M40.5124199,17.3550305 C40.5124199,17.3550305 39.2409273,25.6053406 37.715396,28.530337 C35.1415493,33.4633732 29.8216815,48.6895845 45.2543661,53.6906286 C60.6870507,58.6916727 76.4007371,48.4099965 72.8136596,35.8124381 C69.8369895,25.357621 67.1176066,21.1789139 66.8583703,16.6585246 L40.5124199,17.3550305 Z" id="Fill-61" fill="#F8F4EC"></path>
+                        <g id="脖子毛" transform="translate(43.654959, 12.102685)">
+                            <path d="M4.12505343,15.606083 C4.82595311,16.1752451 5.88390867,16.251198 6.75260149,15.9247621 C7.04690008,15.8142263 7.31939878,15.6577956 7.5496189,15.4583788 C7.69957576,15.3284509 7.83136603,15.1801003 7.93904431,15.0146199 C8.13028885,14.7208276 8.2558034,14.3821099 8.33111213,14.0168895 C8.42359654,13.5656969 8.43945101,13.0734574 8.40642087,12.575077 C8.32846972,11.3818083 7.97306536,10.1516943 7.73392711,9.35241108 C6.50718751,5.251277 6.0517018,2.32757467 5.12751834,1.14723408 C5.01389464,1.00211554 4.8910225,0.885762142 4.76253523,0.796234666 C4.56567556,0.659519423 4.35659474,0.585828937 4.14784423,0.566759908 C3.53084111,0.51116884 2.92011372,0.935858743 2.66115738,1.63688797 C2.47519767,2.13947001 2.35034372,2.87637486 2.3691709,3.95458302 C2.40220104,5.86083952 2.38601627,8.00206525 2.52375198,10.4522739 C2.5974092,11.7712689 2.754963,12.9490239 3.06280395,13.8837295 C3.19657604,14.2890272 3.35875405,14.6484299 3.55462282,14.9538576 C3.71977354,15.2111279 3.90870597,15.4302601 4.12505343,15.606083" id="Fill-65" fill="url(#linearGradient-3)" transform="translate(5.394758, 8.339796) rotate(19.000000) translate(-5.394758, -8.339796) "></path>
+                            <path d="M10.6515863,15.2671083 C11.2245455,15.9863725 12.2655158,16.2546108 13.1709677,16.0522274 C13.4000883,16.0011497 13.6200693,15.9201963 13.8217711,15.8087248 C14.0111817,15.7036782 14.1845191,15.5722896 14.3332742,15.4139166 C14.6686034,15.0563726 14.8961483,14.5844659 15.0467943,14.0579478 C15.2248591,13.4366629 15.2960851,12.7395645 15.3121582,12.0646319 C15.3323284,11.2326112 15.2686662,10.4346424 15.2179256,9.85511915 C14.8498199,5.62434234 14.9793502,2.68785556 14.3386319,1.36176242 C14.2497571,1.17801114 14.1429182,1.02766919 14.023788,0.909130337 C13.8974093,0.782881644 13.7571635,0.692612222 13.6093539,0.636073367 C13.0253642,0.411202921 12.329493,0.709316883 11.93712,1.37139972 C11.6679742,1.82628051 11.4108045,2.52080894 11.2236,3.57577258 C10.8920527,5.44026981 10.4694244,7.5244976 10.1328346,9.9389637 C10.0058255,10.8461553 9.93018729,11.6942381 9.9339692,12.4533365 C9.93680563,13.083295 9.99416458,13.651896 10.1224343,14.1427561 C10.2374674,14.5847871 10.4101745,14.9638544 10.6515863,15.2671083" id="Fill-69" fill="url(#linearGradient-4)" transform="translate(12.624910, 8.339796) rotate(-13.000000) translate(-12.624910, -8.339796) "></path>
+                            <path d="M6.79458078,19.2295328 C7.49411195,20.0221552 8.68079913,20.3150666 9.74463543,20.1147909 C10.0553567,20.0560781 10.3559492,19.9552878 10.63073,19.8130725 C10.9202138,19.6627026 11.1809451,19.4660148 11.3959342,19.2233354 C11.7883382,18.7787492 12.046129,18.2056474 12.208841,17.570571 C12.3865827,16.8764556 12.450622,16.1082969 12.4529091,15.3544902 C12.4565032,14.2386215 12.3241771,13.1537401 12.2241974,12.3852552 C11.5550522,7.23320997 11.5713887,3.63803159 10.7062049,2.05017745 C10.5621165,1.78499146 10.3928698,1.57623495 10.1925837,1.42488649 C9.98151544,1.26603584 9.76489276,1.17111687 9.54990373,1.12969175 C8.81443213,0.987802566 8.10019805,1.47479234 7.71008118,2.18260736 C7.39641937,2.75212119 7.1105297,3.61389412 6.92886724,4.9124248 C6.60736388,7.20776777 6.18392044,9.77645129 5.88300114,12.7443816 C5.7647245,13.90983 5.71277427,14.9934067 5.76537797,15.9520557 C5.80589262,16.6859653 5.9078327,17.3468101 6.08851497,17.9153454 C6.25351416,18.4352796 6.48451301,18.8782348 6.79458078,19.2295328" id="Fill-77" fill="url(#linearGradient-5)"></path>
+                        </g>
+                    </g>
+                    <g id="头" transform="translate(4.807847, 0.000000)">
+                        <g id="Fill-71">
+                            <use fill="url(#linearGradient-6)" fill-rule="evenodd" xlink:href="#path-7"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
+                        </g>
+                        <path d="M52.2137529,62.041086 C52.2137529,62.041086 54.5750382,43.2712671 40.7154338,42.6838132 C26.6627313,42.0882048 25.5054499,53.5792717 24.4151484,61.3061979 C23.3692823,68.7196632 14.4315544,78.1068559 24.9134133,89.8314691 C35.7860424,100.90013 75.0947284,98.7463503 86.5430577,92.3502468 C95.3229745,87.4451214 97.4405184,81.3226846 97.2225888,73.9907648 C96.9772138,65.7223764 89.2363018,61.086025 87.9940703,55.6955407 C86.7515121,50.3053826 83.1218569,41.5959961 75.4783107,40.8937262 C67.6913295,40.1777566 58.6222558,41.2479599 60.4692664,62.0890348 C60.4692664,62.0890348 56.8598685,68.4401252 52.2137529,62.041086" id="Fill-81" fill="#F8F4EC"></path>
+                        <g id="下巴" transform="translate(55.085154, 86.026726) scale(1, -1) translate(-55.085154, -86.026726) ">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
+                            <use fill="#FFF9EF" fill-rule="evenodd" xlink:href="#path-9"></use>
+                        </g>
+                        <g id="左眼" transform="translate(0.000000, 44.740490)">
+                            <path d="M39.5995661,21.1420557 C48.9913554,21.1420557 49.97992,27.9170439 49.97992,23.7334869 C49.97992,19.54993 52.4056572,2.33125135 38.4680948,2.33125135 C24.5305324,2.33125135 26.3084307,18.2379519 26.3084307,22.4215088 C26.3084307,26.6050658 30.2077768,21.1420557 39.5995661,21.1420557 Z" id="椭圆形" fill="#D8D8D8" opacity="0.479851132" filter="url(#filter-11)"></path>
+                            <path d="M44.2784779,17.9931625 C44.8121778,13.4809867 43.5010462,10.6454317 40.3450832,9.48649742 C37.1891202,8.3275631 34.0877555,9.56466949 31.0409889,13.1978166 C35.3585572,12.6374466 38.2649184,12.5785831 39.7600725,13.0212263 C41.2552266,13.4638694 42.7613617,15.1211815 44.2784779,17.9931625 Z" id="路径-9" fill="#DDDDDD" transform="translate(37.717632, 13.529619) rotate(8.000000) translate(-37.717632, -13.529619) "></path>
+                            <path d="M30.4957359,13.6699967 C29.6723613,12.9626696 32.3236715,12.1914588 37.2670521,12.7183503 C42.2104328,13.2452417 44.6264901,14.8365597 44.4207918,16.4137939 C44.25612,17.6764489 39.4122403,18.6515497 36.5024021,18.9135031 C33.592564,19.1754565 30.4871835,19.7690745 30.3615918,18.8754432 C30.2360001,17.9818118 32.6760733,17.282379 35.9171901,16.8268698 C38.2732347,16.4957493 40.4257391,15.7686245 40.710869,15.7686349 C40.9959989,15.7686452 39.6106849,15.2680984 36.8318503,14.9530625 C33.7783419,14.6068868 30.9125703,14.028082 30.4957359,13.6699967 Z" id="路径-8" fill="#000025" transform="translate(37.390138, 15.947294) rotate(8.000000) translate(-37.390138, -15.947294) "></path>
+                            <path d="M39.3692888,44.138111 C46.6905135,44.138111 49.7537856,29.7284281 49.7537856,26.5907604 C49.7537856,23.4530927 45.1771562,21.1420557 38.0423068,21.1420557 C35.7231813,21.1420557 31.5831982,21.862605 29.8528847,22.4215088 C23.0232502,24.6275304 32.048064,44.138111 39.3692888,44.138111 Z" id="椭圆形" fill="url(#linearGradient-12)"></path>
+                            <path d="M47.4657497,6.13270119 C46.4198611,6.13270119 45.5718586,4.71972881 45.5718586,2.97645119 C45.5718586,1.23317357 46.4198611,-0.179798809 47.4657497,-0.179798809 C48.5116383,-0.179798809 49.3593586,1.23317357 49.3593586,2.97645119 C49.3593586,4.71972881 48.5116383,6.13270119 47.4657497,6.13270119 Z" id="眉毛" fill="#FFD155" transform="translate(47.465609, 2.976451) rotate(67.000000) translate(-47.465609, -2.976451) "></path>
+                            <g id="编组-3" transform="translate(0.000000, 12.250515)">
+                                <g id="路径-3" transform="translate(3.000000, 0.697370)">
+                                    <mask id="mask-14" fill="white">
+                                        <use xlink:href="#path-13"></use>
+                                    </mask>
+                                    <use id="蒙版" fill="#C3EAFC" xlink:href="#path-13"></use>
+                                    <path d="M27.4847604,2.33136139 C24.7448541,1.89255238 22.8615369,2.11523506 21.8348088,2.99940944 C20.2947167,4.32567101 21.6198122,5.75272046 22.2515292,6.08988411 C22.8832462,6.42704775 27.2297267,7.13337032 28.6579364,7.56171853 C30.0861461,7.99006675 35.1883102,7.77391904 35.1883102,7.56171853 C35.1883102,7.34951802 35.9864825,4.10390827 35.1883102,3.55165885 C34.6561954,3.18349258 32.0883454,2.77672676 27.4847604,2.33136139 Z" fill="#75D3FD" mask="url(#mask-14)"></path>
+                                </g>
+                                <circle id="椭圆形" fill="#75D3FD" cx="23" cy="3.00899583" r="1"></circle>
+                                <circle id="椭圆形备份-5" fill="#75D3FD" cx="1" cy="6.00899583" r="1"></circle>
+                                <circle id="椭圆形备份-4" fill="#75D3FD" cx="20.5" cy="4.50899583" r="1"></circle>
+                                <path d="M32.1332207,2.81041411 C32.5062317,1.92404381 28.8295529,0.481040044 27.6355029,0.481040044 C26.4414529,0.481040044 25.3511797,0.882246817 26.0224735,1.27910473 C26.6937674,1.67596263 28.6248857,1.63138682 29.5039693,1.92404381 C31.2543529,2.50676647 31.9676833,3.20377339 32.1332207,2.81041411 Z" id="路径-2" fill="#C3EAFC" transform="translate(28.988458, 1.703144) rotate(9.000000) translate(-28.988458, -1.703144) "></path>
+                            </g>
+                        </g>
+                        <g id="左眼备份-2" transform="translate(88.555450, 66.809545) scale(-1, 1) translate(-88.555450, -66.809545) translate(63.000000, 44.740490)">
+                            <path d="M39.5995661,21.1420557 C48.9913554,21.1420557 49.97992,27.9170439 49.97992,23.7334869 C49.97992,19.54993 52.4056572,2.33125135 38.4680948,2.33125135 C24.5305324,2.33125135 26.3084307,18.2379519 26.3084307,22.4215088 C26.3084307,26.6050658 30.2077768,21.1420557 39.5995661,21.1420557 Z" id="椭圆形" fill="#D8D8D8" opacity="0.479851132" filter="url(#filter-15)"></path>
+                            <path d="M44.2784779,17.9931625 C44.8121778,13.4809867 43.5010462,10.6454317 40.3450832,9.48649742 C37.1891202,8.3275631 34.0877555,9.56466949 31.0409889,13.1978166 C35.3585572,12.6374466 38.2649184,12.5785831 39.7600725,13.0212263 C41.2552266,13.4638694 42.7613617,15.1211815 44.2784779,17.9931625 Z" id="路径-9" fill="#DDDDDD" transform="translate(37.717632, 13.529619) rotate(8.000000) translate(-37.717632, -13.529619) "></path>
+                            <path d="M30.4957359,13.6699967 C29.6723613,12.9626696 32.3236715,12.1914588 37.2670521,12.7183503 C42.2104328,13.2452417 44.6264901,14.8365597 44.4207918,16.4137939 C44.25612,17.6764489 39.4122403,18.6515497 36.5024021,18.9135031 C33.592564,19.1754565 30.4871835,19.7690745 30.3615918,18.8754432 C30.2360001,17.9818118 32.6760733,17.282379 35.9171901,16.8268698 C38.2732347,16.4957493 40.4257391,15.7686245 40.710869,15.7686349 C40.9959989,15.7686452 39.6106849,15.2680984 36.8318503,14.9530625 C33.7783419,14.6068868 30.9125703,14.028082 30.4957359,13.6699967 Z" id="路径-8" fill="#000025" transform="translate(37.390138, 15.947294) rotate(8.000000) translate(-37.390138, -15.947294) "></path>
+                            <path d="M39.3692888,44.138111 C46.6905135,44.138111 49.7537856,29.7284281 49.7537856,26.5907604 C49.7537856,23.4530927 45.1771562,21.1420557 38.0423068,21.1420557 C35.7231813,21.1420557 31.5831982,21.862605 29.8528847,22.4215088 C23.0232502,24.6275304 32.048064,44.138111 39.3692888,44.138111 Z" id="椭圆形" fill="url(#linearGradient-12)"></path>
+                            <path d="M47.4657497,6.13270119 C46.4198611,6.13270119 45.5718586,4.71972881 45.5718586,2.97645119 C45.5718586,1.23317357 46.4198611,-0.179798809 47.4657497,-0.179798809 C48.5116383,-0.179798809 49.3593586,1.23317357 49.3593586,2.97645119 C49.3593586,4.71972881 48.5116383,6.13270119 47.4657497,6.13270119 Z" id="眉毛" fill="#FFD155" transform="translate(47.465609, 2.976451) rotate(67.000000) translate(-47.465609, -2.976451) "></path>
+                            <g id="编组-3" transform="translate(0.000000, 12.250515)">
+                                <g id="路径-3" transform="translate(3.000000, 0.697370)">
+                                    <mask id="mask-17" fill="white">
+                                        <use xlink:href="#path-16"></use>
+                                    </mask>
+                                    <use id="蒙版" fill="#C3EAFC" xlink:href="#path-16"></use>
+                                    <path d="M27.4847604,2.33136139 C24.7448541,1.89255238 22.8615369,2.11523506 21.8348088,2.99940944 C20.2947167,4.32567101 21.6198122,5.75272046 22.2515292,6.08988411 C22.8832462,6.42704775 27.2297267,7.13337032 28.6579364,7.56171853 C30.0861461,7.99006675 35.1883102,7.77391904 35.1883102,7.56171853 C35.1883102,7.34951802 35.9864825,4.10390827 35.1883102,3.55165885 C34.6561954,3.18349258 32.0883454,2.77672676 27.4847604,2.33136139 Z" fill="#75D3FD" mask="url(#mask-17)"></path>
+                                </g>
+                                <circle id="椭圆形" fill="#75D3FD" cx="23" cy="3.00899583" r="1"></circle>
+                                <circle id="椭圆形备份-5" fill="#75D3FD" cx="1" cy="6.00899583" r="1"></circle>
+                                <circle id="椭圆形备份-4" fill="#75D3FD" cx="20.5" cy="4.50899583" r="1"></circle>
+                                <path d="M32.1332207,2.81041411 C32.5062317,1.92404381 28.8295529,0.481040044 27.6355029,0.481040044 C26.4414529,0.481040044 25.3511797,0.882246817 26.0224735,1.27910473 C26.6937674,1.67596263 28.6248857,1.63138682 29.5039693,1.92404381 C31.2543529,2.50676647 31.9676833,3.20377339 32.1332207,2.81041411 Z" id="路径-2" fill="#C3EAFC" transform="translate(28.988458, 1.703144) rotate(9.000000) translate(-28.988458, -1.703144) "></path>
+                            </g>
+                        </g>
+                        <path d="M49.4789188,73.628112 C49.5718823,75.5253327 49.9472271,79.5525023 51.8255108,81.0141137 C53.7037944,82.4757251 54.9362225,81.2435984 56.1985102,81.3831368 C57.3508578,81.5105218 58.3838758,82.1680825 60.3181632,81.3831368 C62.2524507,80.5981911 61.0638994,79.5469742 61.982034,76.784261 C62.6497102,74.7761054 63.0704421,72.7093175 62.880362,71.7761981 C62.6624887,70.7068252 61.1789058,69.2996505 59.2682018,68.4131704 C57.3574978,67.5266902 57.3364133,65.6937652 55.9272652,65.6784408 C55.9205564,65.6784408 55.9138477,65.6784408 55.907139,65.6784408 C54.5261035,65.6784408 55.3493579,67.2561822 52.7422261,68.7846192 C50.0804663,70.3453705 49.3853163,71.7305582 49.4789188,73.628112 Z" id="Fill-85备份" fill="url(#linearGradient-18)"></path>
+                        <path d="M58.7799671,68.4189046 C56.964374,67.6134554 56.9444655,65.9485348 55.6056981,65.93444 C54.2666043,65.9205475 55.0681676,67.361244 52.5792744,68.7563797 C50.0502377,70.1739704 49.3899923,71.4327493 49.4784384,73.1565734 C49.5672109,74.8803975 50.921549,79.8039754 52.5792744,80.7081068 C54.2369998,81.6122381 54.9840807,80.6422207 56.1985102,80.7081068 C57.2269652,80.7639033 58.8122032,81.4645593 59.8987404,80.7081068 C60.9852776,79.9516543 60.454895,78.1770443 61.3272805,75.667297 C61.9614163,73.8429138 62.3925503,72.3221605 62.212068,71.4740794 C62.0051498,70.5026588 60.5955603,69.2243539 58.7799671,68.4189046 Z" id="Fill-87备份" fill="#B12D1F"></path>
+                        <g id="嘴" transform="translate(43.948649, 56.209691)">
+                            <g id="编组" transform="translate(5.522170, 0.000000)" fill="#FFFFFF">
+                                <path d="M0.170608521,9.93241216 C0.37067298,10.8472072 1.74860471,12.0483843 3.5250335,12.8033913 C5.30178867,13.5583982 5.3174544,15.1269903 6.62880676,15.1371347 C7.94015913,15.1471672 7.15817798,13.791409 9.5994213,12.4711231 C12.079829,11.1293586 12.7296305,9.94184975 12.647059,8.31760846 C12.5641612,6.69336716 11.0896241,3.9756675 9.67252805,1.79070335 C8.25543199,-0.393935356 5.27535275,-0.526712444 3.6157642,1.1037121 C1.95617566,2.73413663 1.87719426,3.27565888 1.01688445,5.64286608 C0.391560624,7.36343585 -0.00432549268,9.13347159 0.170608521,9.93241216" id="Fill-89"></path>
+                            </g>
+                            <g id="编组" transform="translate(0.000000, 2.705357)">
+                                <path d="M10.7072925,0.212672095 C9.7768129,0.543206741 9.04054857,1.26012275 8.3871018,2.06990017 C7.94540816,2.61732788 7.54138839,3.20729001 7.14029159,3.7488733 C6.93276053,4.02843158 6.76452722,4.25993571 6.61837858,4.46708807 C6.54173175,4.57520992 6.46768311,4.68495521 6.39428402,4.79534989 C6.08412414,5.2632285 5.79864715,5.74961445 5.5190161,6.24054607 C5.19846344,6.80258484 4.88538059,7.37046804 4.54988829,7.92211673 C4.10657077,8.65104628 2.64336667,9.87604511 2.10131763,10.5702328 C0.924500656,11.9055229 -1.242613,16.7860272 0.924500656,19.4297841 C3.09161431,22.073541 8.3871018,20.1610145 9.48947749,20.6412068 C10.5918532,21.1213991 11.423096,21.1339172 11.9154545,21.1405193 C12.3714383,21.1465801 14.1100819,20.6290046 14.8330228,20.2660977 C15.5559636,19.9031907 19.4532889,21.7968724 22.4259065,19.208169 C25.3985241,16.6194657 20.9193784,9.96646797 20.4419596,9.447613 C20.0931515,9.06805013 19.8246937,8.66305981 19.4820564,8.32181039 C19.1829388,8.02406946 18.9003848,7.7438618 18.6574533,7.48573307 C18.6006177,7.425016 18.545406,7.36559769 18.4927925,7.30682876 C18.2703218,6.96720278 17.987443,6.50354515 17.6769584,5.98728769 C17.0118197,4.8813928 16.2209932,3.53198024 15.6263307,2.63388708 C14.9706105,1.64228314 14.156725,0.74581344 13.1161467,0.273389167 C12.7267418,0.0967576862 12.3373369,0 11.9677433,0 C11.9502054,0 11.9326676,0 11.9154545,0.000649380444 C11.4809059,0.0113641578 11.084356,0.0785750337 10.7072925,0.212672095 Z" id="Fill-91" fill="url(#linearGradient-19)"></path>
+                                <path d="M6.00637132,6.02172592 C5.5615459,6.93953357 5.47327932,7.8236392 5.8088828,7.99640299 L5.8088828,7.99640299 C6.14448628,8.16916679 6.77759256,7.56514792 7.22241799,6.64799467 L7.22241799,6.64799467 C7.66724341,5.73018702 7.75550999,4.8467358 7.419589,4.6736448 L7.419589,4.6736448 C7.38085331,4.65368535 7.33830755,4.64419643 7.29258674,4.64419643 L7.29258674,4.64419643 C6.94079047,4.64419643 6.39976083,5.21025962 6.00637132,6.02172592" id="Fill-143" fill="url(#linearGradient-20)" transform="translate(6.614362, 6.335045) rotate(15.000000) translate(-6.614362, -6.335045) "></path>
+                                <path d="M15.1449985,4.6736448 C14.8087633,4.8467358 14.8973465,5.73018702 15.3421675,6.64799467 L15.3421675,6.64799467 C15.7869885,7.56514792 16.419771,8.16916679 16.7556886,7.99640299 L16.7556886,7.99640299 C17.0912888,7.8236392 17.0027056,6.93953357 16.5578846,6.02172592 L16.5578846,6.02172592 C16.164499,5.21025962 15.6237922,4.64419643 15.2719995,4.64419643 L15.2719995,4.64419643 C15.2262791,4.64419643 15.1837338,4.65368535 15.1449985,4.6736448" id="Fill-145" fill="url(#linearGradient-21)" transform="translate(15.950092, 6.335045) rotate(-14.000000) translate(-15.950092, -6.335045) "></path>
+                            </g>
+                        </g>
+                        <g id="头顶毛" transform="translate(63.943818, 14.096298) rotate(55.000000) translate(-63.943818, -14.096298) translate(56.206973, 0.569512)">
+                            <mask id="mask-24" fill="white">
+                                <use xlink:href="#path-23"></use>
+                            </mask>
+                            <g id="Clip-117备份">
+                                <use fill="url(#linearGradient-22)" fill-rule="evenodd" xlink:href="#path-23"></use>
+                                <use fill="black" fill-opacity="1" filter="url(#filter-25)" xlink:href="#path-23"></use>
+                            </g>
+                            <path d="M11.1484324,-2.33308697 L12.2158113,0.360305293 C12.2158113,0.360305293 13.7568943,4.33786676 11.9488853,7.20365702 C10.1405511,10.0694473 6.14478943,14.3189927 6.11260225,17.8133174 C6.08008995,21.307642 7.6949759,25.976428 11.5106195,26.9709816 C11.5106195,26.9709816 6.12235594,26.434197 5.28126273,19.2228669 C4.44049465,12.0115369 10.9179202,8.33763099 11.6432696,6.55945009 C12.3689442,4.78126919 13.1635448,2.42842829 11.1484324,-2.33308697" id="Fill-116" fill="#F6FFFD" opacity="0.487753005" mask="url(#mask-24)"></path>
+                            <path d="M15.6296678,9.23351288 C15.6127614,9.01638282 15.1387321,15.8473271 12.5227924,18.544964 C10.1357393,21.0062067 6.24791844,25.999545 11.5106845,26.9709163 C16.7741008,27.9419611 8.70974982,24.2471585 11.9414725,22.1754439 C16.5201797,19.2407597 16.0194903,14.2023628 15.6296678,9.23351288" id="Fill-114" fill="#4AD7BC" mask="url(#mask-24)"></path>
+                        </g>
+                    </g>
+                    <g id="右翅膀备份-5" transform="translate(29.292397, 85.406164) scale(-1, -1) rotate(71.000000) translate(-29.292397, -85.406164) translate(5.742631, 62.534754)">
+                        <g id="编组-2" transform="translate(29.972023, 28.554365) rotate(17.000000) translate(-29.972023, -28.554365) translate(16.276985, 14.767531)">
+                            <g id="Fill-11备份" transform="translate(0.000000, 8.367821)">
+                                <mask id="mask-28" fill="white">
+                                    <use xlink:href="#path-27"></use>
+                                </mask>
+                                <use id="蒙版" fill="url(#linearGradient-26)" xlink:href="#path-27"></use>
+                                <path d="M2.9244758,0.672784224 C4.15300378,2.69340571 8.16166849,9.7389289 8.76212767,12.5745997 C9.36258684,15.4102706 8.54083196,17.9830606 7.53645085,19.0721539 L9.84294559,18.7014424 C10.4882963,17.3073984 10.3897337,14.2980058 8.51090668,8.98197228 C7.52626427,6.43380714 5.45386204,-0.276968218 3.90665354,-1.12031834 C3.76262966,-1.19882267 3.43523708,-0.601121813 2.9244758,0.672784224 Z" fill="url(#linearGradient-29)" mask="url(#mask-28)" transform="translate(6.563611, 8.972500) rotate(4.000000) translate(-6.563611, -8.972500) "></path>
+                            </g>
+                            <g id="Fill-11备份" transform="translate(4.643858, 4.738405)">
+                                <mask id="mask-32" fill="white">
+                                    <use xlink:href="#path-31"></use>
+                                </mask>
+                                <use id="蒙版" fill="url(#linearGradient-30)" xlink:href="#path-31"></use>
+                                <path d="M5.09929062,3.62941632 C6.33079733,5.65154457 11.7334839,14.4792928 12.4633083,16.9774884 C13.1931327,19.475684 12.4632532,21.5541912 11.4603128,22.6417869 L13.7665114,22.2743079 C14.4099546,20.8812934 14.0791521,17.8114638 11.4603128,12.747202 C10.0077818,10.2131494 7.20454921,2.22957682 5.65599519,1.38416418 C5.42476608,1.25792769 5.23919789,2.00634508 5.09929062,3.62941632 Z" fill="url(#linearGradient-33)" mask="url(#mask-32)"></path>
+                            </g>
+                            <g id="Fill-11" transform="translate(6.824258, 0.000000)">
+                                <mask id="mask-36" fill="white">
+                                    <use xlink:href="#path-35"></use>
+                                </mask>
+                                <use id="蒙版" fill="url(#linearGradient-34)" xlink:href="#path-35"></use>
+                                <mask id="mask-39" fill="white">
+                                    <use xlink:href="#path-38"></use>
+                                </mask>
+                                <use id="Clip-12" fill="url(#linearGradient-37)" xlink:href="#path-38"></use>
+                            </g>
+                        </g>
+                        <path d="M16.498582,0.00121342271 C19.8665715,-0.0600763297 28.263654,2.20152347 31.2939427,6.53847909 C34.5665529,11.2222458 33.8477244,17.3895722 33.0229959,19.2496805 C31.5541434,22.5627397 28.4876788,20.8787461 28.4876788,20.8787461 C28.4876788,20.8787461 28.7530016,25.4749639 22.9229945,24.4195129 C22.9229945,24.4195129 20.0345941,28.0503198 16.4715361,26.4073484 C14.727553,25.6032706 15.1565275,22.0437756 12.8702262,16.5664384 C10.3999199,10.6482768 -3.68260743,15.9716825 0.916259353,9.29143673 C5.51512614,2.611191 11.7754491,0.0871637029 16.498582,0.00121342271 Z" id="Fill-15" fill="url(#linearGradient-40)"></path>
+                    </g>
+                    <g id="右翅膀备份-6" transform="translate(94.292397, 85.406164) scale(1, -1) rotate(71.000000) translate(-94.292397, -85.406164) translate(70.742631, 62.534754)">
+                        <g id="编组-2" transform="translate(29.972023, 28.554365) rotate(17.000000) translate(-29.972023, -28.554365) translate(16.276985, 14.767531)">
+                            <g id="Fill-11备份" transform="translate(0.000000, 8.367821)">
+                                <mask id="mask-42" fill="white">
+                                    <use xlink:href="#path-41"></use>
+                                </mask>
+                                <use id="蒙版" fill="url(#linearGradient-26)" xlink:href="#path-41"></use>
+                                <path d="M2.9244758,0.672784224 C4.15300378,2.69340571 8.16166849,9.7389289 8.76212767,12.5745997 C9.36258684,15.4102706 8.54083196,17.9830606 7.53645085,19.0721539 L9.84294559,18.7014424 C10.4882963,17.3073984 10.3897337,14.2980058 8.51090668,8.98197228 C7.52626427,6.43380714 5.45386204,-0.276968218 3.90665354,-1.12031834 C3.76262966,-1.19882267 3.43523708,-0.601121813 2.9244758,0.672784224 Z" fill="url(#linearGradient-29)" mask="url(#mask-42)" transform="translate(6.563611, 8.972500) rotate(4.000000) translate(-6.563611, -8.972500) "></path>
+                            </g>
+                            <g id="Fill-11备份" transform="translate(4.643858, 4.738405)">
+                                <mask id="mask-44" fill="white">
+                                    <use xlink:href="#path-43"></use>
+                                </mask>
+                                <use id="蒙版" fill="url(#linearGradient-30)" xlink:href="#path-43"></use>
+                                <path d="M5.09929062,3.62941632 C6.33079733,5.65154457 11.7334839,14.4792928 12.4633083,16.9774884 C13.1931327,19.475684 12.4632532,21.5541912 11.4603128,22.6417869 L13.7665114,22.2743079 C14.4099546,20.8812934 14.0791521,17.8114638 11.4603128,12.747202 C10.0077818,10.2131494 7.20454921,2.22957682 5.65599519,1.38416418 C5.42476608,1.25792769 5.23919789,2.00634508 5.09929062,3.62941632 Z" fill="url(#linearGradient-33)" mask="url(#mask-44)"></path>
+                            </g>
+                            <g id="Fill-11" transform="translate(6.824258, 0.000000)">
+                                <mask id="mask-46" fill="white">
+                                    <use xlink:href="#path-45"></use>
+                                </mask>
+                                <use id="蒙版" fill="url(#linearGradient-34)" xlink:href="#path-45"></use>
+                                <mask id="mask-48" fill="white">
+                                    <use xlink:href="#path-47"></use>
+                                </mask>
+                                <use id="Clip-12" fill="url(#linearGradient-37)" xlink:href="#path-47"></use>
+                            </g>
+                        </g>
+                        <path d="M16.498582,0.00121342271 C19.8665715,-0.0600763297 28.263654,2.20152347 31.2939427,6.53847909 C34.5665529,11.2222458 33.8477244,17.3895722 33.0229959,19.2496805 C31.5541434,22.5627397 28.4876788,20.8787461 28.4876788,20.8787461 C28.4876788,20.8787461 28.7530016,25.4749639 22.9229945,24.4195129 C22.9229945,24.4195129 20.0345941,28.0503198 16.4715361,26.4073484 C14.727553,25.6032706 15.1565275,22.0437756 12.8702262,16.5664384 C10.3999199,10.6482768 -3.68260743,15.9716825 0.916259353,9.29143673 C5.51512614,2.611191 11.7754491,0.0871637029 16.498582,0.00121342271 Z" id="Fill-15" fill="url(#linearGradient-40)"></path>
+                    </g>
+                </g>
+                <g id="编组-17" transform="translate(77.294111, 59.492933) rotate(2.000000) translate(-77.294111, -59.492933) translate(4.281298, 35.996986)" fill-rule="nonzero">
+                    <g id="编组" transform="translate(10.803609, 35.373768) rotate(-9.000000) translate(-10.803609, -35.373768) translate(1.494884, 25.085177)" fill="url(#linearGradient-49)">
+                        <path d="M17.3886882,0.0850624029 L5.70084641,1.93438018 C5.66296042,1.94006238 5.62754471,1.95068666 5.59321289,1.96310155 L5.17102225,1.96310155 C4.88313407,1.96310155 4.65443173,2.1811978 4.65443173,2.450028 L4.65443173,15.1050781 C4.19838821,14.8553239 3.66808512,14.7127436 3.10292087,14.7127436 C1.38932954,14.7127436 -2.27373675e-13,16.0254276 -2.27373675e-13,17.6449982 C-2.27373675e-13,19.2646882 1.38930434,20.5771812 3.10292087,20.5771812 C4.81646178,20.5771812 6.20581655,19.2646643 6.20581655,17.6449982 C6.20581655,17.5262927 6.19827967,17.4096644 6.18408818,17.2958293 C6.19827967,17.2507776 6.20581655,17.203983 6.20581655,17.1542279 L6.20581655,6.86228117 L17.0660396,5.04839361 L17.0660396,12.1718446 C16.6099709,11.9230454 16.0797182,11.779534 15.5145288,11.779534 C13.8009374,11.779534 12.4116331,13.0930775 12.4116331,14.7127436 C12.4116331,16.3314786 13.8009122,17.6449982 15.5145288,17.6449982 C17.2281453,17.6449982 18.6174497,16.3314548 18.6174497,14.7127436 C18.6174497,14.5940859 18.6098876,14.4774575 18.5957465,14.3626198 C18.6099128,14.317568 18.6174497,14.2707496 18.6174497,14.2210422 L18.6174497,0.537609148 C18.6174497,0.298359834 18.4341198,0.0984800359 18.1927383,0.0582510045 C18.108396,0.00854366917 18.0023505,-0.011606648 17.8856677,0.00660982946 L17.6109375,0.0506349606 L17.5826302,0.0506349606 C17.5139665,0.050658805 17.4482521,0.0630737166 17.3886882,0.0850624029 L17.3886882,0.0850624029 Z" id="路径"></path>
+                    </g>
+                    <g id="编组" transform="translate(139.016582, 13.108827) rotate(-9.000000) translate(-139.016582, -13.108827) translate(133.627321, 2.330304)" fill="url(#linearGradient-50)">
+                        <path d="M9.1963554,0.158528744 C8.91075429,0.534884597 7.36850835,1.18006604 6.05474331,1.44889164 C4.39825694,1.77148237 3.54145363,2.04030797 2.68465033,2.47042894 C1.54224594,3.11561041 0.913923523,3.92208721 1.02816396,4.67479892 C1.08528417,4.83609427 2.45616946,6.71787352 4.05553561,8.86847838 C5.71202198,11.0190832 7.08290727,12.8470973 7.14002748,12.9008625 C7.1971477,13.0083927 6.96866683,13.0083927 6.16898374,12.9546276 C3.65569407,12.7933322 1.37088528,14.02993 0.342721327,15.9654744 C0.0571202173,16.5568907 -2.27373675e-13,16.8794814 -2.27373675e-13,17.578428 C-2.27373675e-13,19.1913816 0.913923523,20.4817446 2.62753011,21.2344562 C3.31297274,21.5032819 3.54145363,21.557047 4.96945913,21.557047 C6.51170507,21.557047 6.56882529,21.557047 7.59698925,21.0731609 C10.3387598,19.8365631 11.4811642,17.4171326 10.3387598,15.2127627 C10.1102789,14.7288766 8.68227342,12.4169764 7.14002748,10.051311 L4.3411367,5.69633622 L4.79809846,5.69633622 C6.62594551,5.58880598 7.88259033,5.05115477 8.73939364,4.13714771 C9.48195649,3.33067088 9.71043738,2.52419408 9.65331716,1.23383116 C9.59619694,0.0509985062 9.48195651,-0.217827109 9.1963554,0.158528744 L9.1963554,0.158528744 Z" id="路径"></path>
+                    </g>
+                    <g id="编组" transform="translate(123.828663, 8.699431) rotate(-8.000000) translate(-123.828663, -8.699431) translate(117.954232, 0.740103)" fill="#FFCF00">
+                        <path d="M5.96876548,0.610334892 C5.10331258,4.8157963 5.08773443,6.91577113 0.975102253,8.65748254 C4.10977265,9.76166879 5.24178504,11.1102091 6.08819798,15.3083215 C6.55900436,10.4120547 8.82822186,9.71757483 10.77376,8.40026778 C6.84806562,7.15093892 6.20243776,3.64914362 5.96876548,0.610334892 Z" id="路径" transform="translate(5.874431, 7.959328) rotate(8.000000) translate(-5.874431, -7.959328) "></path>
+                    </g>
+                    <g id="编组备份-2" transform="translate(8.353945, 11.367056)" fill="#FFD256">
+                        <path d="M3.99493058,0 C3.30256826,3.08400503 3.29010574,4.62398658 0,5.90124161 C2.50773632,6.71097819 3.41334623,7.69990772 4.09047658,10.7785235 C4.46712168,7.18792785 6.28249568,6.67864262 7.83892617,5.71261745 C4.6983707,4.79644295 4.18186841,2.22845973 3.99493058,0 Z" id="路径"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/view/evaluating/index.tsx

@@ -17,7 +17,7 @@ import {
 } from "/src/helpers/communication";
 import state, { handleStopPlay, togglePlay } from "/src/state";
 import { IPostMessage } from "/src/utils/native-message";
-
+import clx1 from "./icons/clx5.svg";
 export const evaluatingData = reactive({
     /** 评测模块是否加载完成 */
     rendered: false,
@@ -192,7 +192,12 @@ export const handleStartBegin = async () => {
     evaluatingData.resultData = {};
 	sendResult(handleScoreResult);
 	await startRecording();
-	await togglePlay("play");
+	const playState = await togglePlay("play");
+	// 取消播放
+	if (!playState){
+		evaluatingData.startBegin = false;
+		return
+	}
 	evaluatingData.backtime = Date.now();
 };