diff --git a/public/images/device/device-number.svg b/public/images/device/device-number.svg
index 93e138cf..f2e34761 100644
--- a/public/images/device/device-number.svg
+++ b/public/images/device/device-number.svg
@@ -1,57 +1,151 @@
-<svg width="92" height="91" viewBox="0 0 92 91" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.56306 81.9135L45.5027 58.4234L86.4422 81.9135L86.4422 91.0396L45.5026 113.996L4.56314 91.0397L4.56306 81.9135Z" fill="white"/>
-<path d="M4.92969 82.5615L46.2592 105.436V114.254L4.92969 91.3798V82.5615Z" fill="url(#paint0_linear_2942_6715)"/>
-<path d="M87.0684 82.5615L45.7389 105.436V114.254L87.0684 91.3798V82.5615Z" fill="#B8BFD5"/>
-<g opacity="0.7">
-<line x1="5.41211" y1="22.7676" x2="5.41211" y2="64.6693" stroke="#4980F7" stroke-opacity="0.2" stroke-width="2" stroke-dasharray="3 3"/>
-<line x1="45.9277" y1="4.57666" x2="45.9277" y2="36.6577" stroke="#4980F7" stroke-opacity="0.2" stroke-width="2" stroke-dasharray="3 3"/>
-<line x1="86.0352" y1="22.7676" x2="86.0351" y2="64.6693" stroke="#4980F7" stroke-opacity="0.2" stroke-width="2" stroke-dasharray="3 3"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M45.3579 0L41.6543 3.70362L45.3579 7.40725L49.0615 3.70362L45.3579 0ZM45.3579 1.85181L43.506 3.70362L45.3579 5.55543L47.2097 3.70362L45.3579 1.85181Z" fill="#4980F7"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M86.1196 20.4336L82.416 24.1372L86.1196 27.8408L89.8233 24.1372L86.1196 20.4336ZM86.1196 22.2854L84.2678 24.1372L86.1196 25.989L87.9714 24.1372L86.1196 22.2854Z" fill="#4980F7"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.8423 20.4336L1.13867 24.1372L4.8423 27.8408L8.54592 24.1372L4.8423 20.4336ZM4.84224 22.2854L2.99042 24.1372L4.84224 25.989L6.69405 24.1372L4.84224 22.2854Z" fill="#4980F7"/>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 92 91" style="enable-background:new 0 0 92 91;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{opacity:0.6;fill:url(#SVGID_00000000906528956354980430000012444208284496755372_);enable-background:new    ;}
+	.st2{opacity:0.6;fill:url(#SVGID_00000107561541397817222280000007637495868586753425_);enable-background:new    ;}
+	.st3{fill:url(#SVGID_00000174586325345574132070000017836078288687077521_);}
+	.st4{opacity:0.6;fill:url(#SVGID_00000024707198550974792110000011355661601949055917_);enable-background:new    ;}
+	.st5{fill:url(#SVGID_00000123434542724838751290000001556390784152515744_);}
+	.st6{opacity:0.6;fill:url(#SVGID_00000012462537624872140580000007641196566165538736_);enable-background:new    ;}
+	.st7{fill:url(#SVGID_00000013176832732919087070000000095375650513927614_);}
+	.st8{fill:url(#SVGID_00000017510805235073532830000011173131600916361856_);}
+	.st9{fill:url(#SVGID_00000089560549739068811010000006637062519559206581_);}
+	.st10{fill:url(#SVGID_00000119077752980055360910000001893680039307539390_);}
+	.st11{fill:#FFFFFF;}
+	.st12{fill:#466BF5;}
+	.st13{opacity:0.5;fill:#2F54E8;}
+	.st14{fill:url(#SVGID_00000146480093939392900400000008105384287856334488_);}
+	.st15{opacity:0.4;fill:url(#SVGID_00000088091106746963353600000013992550265548140469_);enable-background:new    ;}
+	.st16{opacity:0.4;fill:url(#SVGID_00000079450915378188144050000000694488041541508508_);enable-background:new    ;}
+</style>
+<g>
+	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="46.0511" y1="76.7509" x2="46.0511" y2="53.4519">
+		<stop  offset="0" style="stop-color:#C9D8FF"/>
+		<stop  offset="1" style="stop-color:#FFFFFF"/>
+	</linearGradient>
+	<polygon class="st0" points="45.6,50.2 1.1,64.7 45,81.2 91.1,65.5 	"/>
+	
+		<linearGradient id="SVGID_00000103953439619272574870000017801210034391111558_" gradientUnits="userSpaceOnUse" x1="46.0511" y1="76.7182" x2="46.0511" y2="53.4192">
+		<stop  offset="1.000000e-04" style="stop-color:#A0B4FF"/>
+		<stop  offset="1" style="stop-color:#A0B8FD;stop-opacity:0"/>
+	</linearGradient>
+	<path style="opacity:0.6;fill:url(#SVGID_00000103953439619272574870000017801210034391111558_);enable-background:new    ;" d="
+		M45.6,50.2L1.1,64.7L45,81.1l46.1-15.7L45.6,50.2z M2.5,64.8l42.8-14l44.3,14.7L45,80.6L2.5,64.8z"/>
+	
+		<linearGradient id="SVGID_00000151530765453097023480000004597643972204116373_" gradientUnits="userSpaceOnUse" x1="46.0511" y1="83.4104" x2="46.0511" y2="68.5122">
+		<stop  offset="1.000000e-04" style="stop-color:#A0B4FF"/>
+		<stop  offset="0.3771" style="stop-color:#A0B8FD;stop-opacity:3.631285e-02"/>
+		<stop  offset="1" style="stop-color:#A0B8FD;stop-opacity:0"/>
+	</linearGradient>
+	<path style="opacity:0.6;fill:url(#SVGID_00000151530765453097023480000004597643972204116373_);enable-background:new    ;" d="
+		M45.7,66.4l-28.5,9.3l28.1,10.5l29.5-10L45.7,66.4z M18.9,75.8L45.6,67l27.7,9.2l-27.9,9.4L18.9,75.8z"/>
+	
+		<linearGradient id="SVGID_00000163051958765880786640000015142087788674252448_" gradientUnits="userSpaceOnUse" x1="46.0511" y1="71.4396" x2="46.0511" y2="56.3161">
+		<stop  offset="0" style="stop-color:#C9D8FF"/>
+		<stop  offset="1" style="stop-color:#FFFFFF"/>
+	</linearGradient>
+	<polygon style="fill:url(#SVGID_00000163051958765880786640000015142087788674252448_);" points="45.7,54.2 15.5,63.6 45.3,74.3 
+		76.6,64.1 	"/>
+	
+		<linearGradient id="SVGID_00000032612655591961477510000013148925475912750783_" gradientUnits="userSpaceOnUse" x1="46.0511" y1="71.4184" x2="46.0511" y2="56.2949">
+		<stop  offset="1.000000e-04" style="stop-color:#A0B4FF"/>
+		<stop  offset="1" style="stop-color:#A0B8FD;stop-opacity:0"/>
+	</linearGradient>
+	<path style="opacity:0.6;fill:url(#SVGID_00000032612655591961477510000013148925475912750783_);enable-background:new    ;" d="
+		M45.7,54.2l-30.2,9.4l29.8,10.7l31.3-10.2L45.7,54.2z M17.3,63.7l28.3-8.8l29.3,9.3l-29.5,9.5L17.3,63.7z"/>
+	<g>
+		<g>
+			
+				<linearGradient id="SVGID_00000044177646527352779210000017268033618456639363_" gradientUnits="userSpaceOnUse" x1="45.556" y1="55.957" x2="45.556" y2="67.2977">
+				<stop  offset="0" style="stop-color:#6685F6"/>
+				<stop  offset="1" style="stop-color:#3155E8"/>
+			</linearGradient>
+			<polygon style="fill:url(#SVGID_00000044177646527352779210000017268033618456639363_);" points="44.2,53.8 23.1,61.2 44.9,68.9 
+				68,61.4 			"/>
+			
+				<linearGradient id="SVGID_00000027594349037605738570000011291905306197194120_" gradientUnits="userSpaceOnUse" x1="45.556" y1="66.7142" x2="45.556" y2="55.3734">
+				<stop  offset="1.000000e-04" style="stop-color:#A0B4FF"/>
+				<stop  offset="1" style="stop-color:#A0B8FD;stop-opacity:0"/>
+			</linearGradient>
+			<path style="opacity:0.6;fill:url(#SVGID_00000027594349037605738570000011291905306197194120_);enable-background:new    ;" d="
+				M44.2,53.8l-21.1,7.4l21.8,7.7L68,61.4L44.2,53.8z M24.5,61.2l19.7-6.9l22.6,7l-21.8,6.9L24.5,61.2z"/>
+		</g>
+		<g>
+			
+				<linearGradient id="SVGID_00000009577316176705918260000002592408836761051546_" gradientUnits="userSpaceOnUse" x1="45.5322" y1="42.3633" x2="45.5322" y2="33.2431">
+				<stop  offset="0" style="stop-color:#6685F6"/>
+				<stop  offset="1" style="stop-color:#86A2FB"/>
+			</linearGradient>
+			<path style="fill:url(#SVGID_00000009577316176705918260000002592408836761051546_);" d="M29,41.9l1.7-5.3l0.3-1.1
+				c0.1-0.2,0.5-0.6,1.3-1.1c0.2-0.7,1-1.2,1.8-1.2h22.5c0.8,0,1.5,0.5,1.8,1l0.8,0.1c0.1,0.6,0.9,2.2,1,2.5c0.4,1.3,1.1,3.2,2,5.6
+				H28.9L29,41.9z"/>
+			
+				<linearGradient id="SVGID_00000174567549166539727420000010955151467771491753_" gradientUnits="userSpaceOnUse" x1="29.2471" y1="45.7352" x2="62.0209" y2="45.7352">
+				<stop  offset="0" style="stop-color:#6685F6"/>
+				<stop  offset="1" style="stop-color:#0C1FFF"/>
+			</linearGradient>
+			<path style="fill:url(#SVGID_00000174567549166539727420000010955151467771491753_);" d="M29.2,43.1H62v5.2H29.2
+				C29.2,48.4,29.2,43.1,29.2,43.1z"/>
+			
+				<linearGradient id="SVGID_00000072263803586496177860000004798950596935004081_" gradientUnits="userSpaceOnUse" x1="29.2471" y1="51.5463" x2="62.0209" y2="51.5463">
+				<stop  offset="0" style="stop-color:#6685F6"/>
+				<stop  offset="1" style="stop-color:#0C1FFF"/>
+			</linearGradient>
+			<path style="fill:url(#SVGID_00000072263803586496177860000004798950596935004081_);" d="M29.2,48.9H62v5.2H29.2
+				C29.2,54.2,29.2,48.9,29.2,48.9z"/>
+			
+				<linearGradient id="SVGID_00000031165964529933099600000014743506512154556081_" gradientUnits="userSpaceOnUse" x1="29.2471" y1="57.0462" x2="62.0209" y2="57.0462">
+				<stop  offset="0" style="stop-color:#6685F6"/>
+				<stop  offset="1" style="stop-color:#0C1FFF"/>
+			</linearGradient>
+			<path style="fill:url(#SVGID_00000031165964529933099600000014743506512154556081_);" d="M29.2,54.4H62v5.2H29.2
+				C29.2,59.7,29.2,54.4,29.2,54.4z"/>
+			<path class="st11" d="M51.7,45.7h0.9v0.8h-0.9V45.7z M43.9,45.7h0.9v0.8h-0.9V45.7z M33.5,45.7h0.9v0.8h-0.9V45.7z M51.7,51.5
+				h0.9v0.8h-0.9V51.5z M43.9,51.5h0.9v0.8h-0.9V51.5z M33.5,51.5h0.9v0.8h-0.9V51.5z M51.7,57.3h0.9v0.8h-0.9V57.3z M43.9,57.3h0.9
+				v0.8h-0.9V57.3z M33.5,57.3h0.9v0.8h-0.9V57.3z M54.2,45.7h0.9v0.8h-0.9V45.7z M46.5,45.7h0.9v0.8h-0.9V45.7z M54.2,51.5h0.9v0.8
+				h-0.9V51.5z M46.5,51.5h0.9v0.8h-0.9V51.5z M54.2,57.3h0.9v0.8h-0.9V57.3z M46.5,57.3h0.9v0.8h-0.9V57.3z M56.8,45.7h0.9v0.8
+				h-0.9V45.7z M49.1,45.7h0.9v0.8h-0.9V45.7z M56.8,51.5h0.9v0.8h-0.9V51.5z M49.1,51.5h0.9v0.8h-0.9V51.5z M56.8,57.3h0.9v0.8
+				h-0.9V57.3z M49.1,57.3h0.9v0.8h-0.9V57.3z"/>
+			<path class="st12" d="M30.1,43.2c-0.5,0-0.9,0.4-0.9,0.8l0,0v3.3c0,0.5,0.4,0.8,0.9,0.8h31.1c0.5,0,0.9-0.4,0.9-0.8V44
+				c0-0.5-0.4-0.8-0.9-0.8H30.1z M30.1,42.4h31.1c1,0,1.7,0.7,1.7,1.7l0,0v3.3c0,0.9-0.8,1.7-1.7,1.7l0,0H30.1c-1,0-1.7-0.7-1.7-1.7
+				c0,0,0,0,0,0V44C28.3,43.1,29.1,42.4,30.1,42.4C30.1,42.4,30.1,42.4,30.1,42.4z"/>
+			<path class="st13" d="M57.5,35.7c-0.6-0.4-1-0.8-1.2-1.5h-0.8l-0.7-1.7h1.6c0.8,0,1.4,0.5,1.6,1.2c0.2,0.5,1.2,0.9,1.2,1.1
+				l2.4,7.5l-1.7,0.2c-0.8-2.6-1.4-4.2-2-6.2l-0.2-0.6L57.5,35.7z"/>
+			<path class="st12" d="M30.1,49c-0.5,0-0.9,0.4-0.9,0.8v3.3c0,0.5,0.4,0.8,0.9,0.8h31.1c0.5,0,0.9-0.4,0.9-0.8v-3.3
+				c0-0.5-0.4-0.8-0.9-0.8L30.1,49z M30.1,48.2h31.1c1,0,1.7,0.7,1.7,1.7l0,0v3.3c0,0.9-0.8,1.7-1.7,1.7l0,0H30.1
+				c-1,0-1.7-0.7-1.7-1.7c0,0,0,0,0,0v-3.3C28.3,48.9,29.1,48.2,30.1,48.2C30.1,48.2,30.1,48.2,30.1,48.2z"/>
+			<path class="st12" d="M30.1,54.8c-0.5,0-0.9,0.4-0.9,0.8v3.3c0,0.5,0.4,0.8,0.9,0.8h31.1c0.5,0,0.9-0.4,0.9-0.8v-3.3
+				c0-0.5-0.4-0.8-0.9-0.8H30.1z M30.1,54h31.1c1,0,1.7,0.7,1.7,1.7l0,0v3.3c0,0.9-0.8,1.7-1.7,1.7l0,0H30.1c-1,0-1.7-0.7-1.7-1.7
+				c0,0,0,0,0,0v-3.3C28.3,54.7,29.1,54,30.1,54C30.1,54,30.1,54,30.1,54z"/>
+			<path class="st12" d="M29.5,42.4l32.6-0.2l0.2,0.5l-0.4,0.6L61.5,43l-2.6-8.1c0,0-0.3-0.3-0.9-0.7l-0.2-0.2l-0.1-0.3
+				c-0.1-0.3-0.4-0.6-0.8-0.6H33.5c-0.4,0-0.7,0.2-0.8,0.6l-0.1,0.2l-0.2,0.2c-0.3,0.3-0.7,0.6-0.9,0.9L31.2,36l-1.6,6L29.5,42.4z
+				 M28.3,43.2l2.3-8.3c0.1-0.2,0.5-0.7,1.2-1.3c0.2-0.7,0.9-1.2,1.6-1.2h23.4c0.8,0,1.4,0.5,1.6,1.2c0.7,0.5,1.2,0.9,1.2,1.1
+				l2.7,8.5H28.3z"/>
+			
+				<linearGradient id="SVGID_00000070805508378520034690000016196926541583958687_" gradientUnits="userSpaceOnUse" x1="41.187" y1="38.081" x2="48.9591" y2="38.081">
+				<stop  offset="0" style="stop-color:#C9D8FF"/>
+				<stop  offset="1" style="stop-color:#FFFFFF"/>
+			</linearGradient>
+			<polygon style="fill:url(#SVGID_00000070805508378520034690000016196926541583958687_);" points="45.1,36 49,40.2 41.2,40.2 			
+				"/>
+		</g>
+		
+			<linearGradient id="SVGID_00000075134595753798270730000011978757940212187315_" gradientUnits="userSpaceOnUse" x1="45.2782" y1="62.7005" x2="45.2782" y2="29.8533">
+			<stop  offset="0.3521" style="stop-color:#A0B4FF"/>
+			<stop  offset="1" style="stop-color:#A0B8FD;stop-opacity:0"/>
+		</linearGradient>
+		<path style="opacity:0.4;fill:url(#SVGID_00000075134595753798270730000011978757940212187315_);enable-background:new    ;" d="
+			M67.6,25.3l-44.8,0.4L23,61.1l21.9,7.8l22.9-7.4L67.6,25.3z"/>
+	</g>
+	
+		<linearGradient id="SVGID_00000155833870940094755350000008687229775410643123_" gradientUnits="userSpaceOnUse" x1="45.9237" y1="66.1576" x2="45.9237" y2="23.6553">
+		<stop  offset="0.3521" style="stop-color:#A0B4FF"/>
+		<stop  offset="1" style="stop-color:#A0B8FD;stop-opacity:0"/>
+	</linearGradient>
+	<path style="opacity:0.4;fill:url(#SVGID_00000155833870940094755350000008687229775410643123_);enable-background:new    ;" d="
+		M76.3,17.7l-61,0.5l0.3,45.4l29.7,10.7L76.5,64L76.3,17.7z"/>
 </g>
-<path d="M86.4213 83.2303V38.2187L45.5017 15.4351L4.58203 38.2187V83.2303L45.5017 105.458L86.4213 83.2303Z" fill="white"/>
-<path d="M45.5017 16.0073L85.9213 38.5126V82.9329L45.5017 104.889L5.08203 82.9329V38.5126L45.5017 16.0073Z" stroke="#5995F5" stroke-opacity="0.3"/>
-<path d="M86.0533 38.3097L45.502 15.5583V60.2017L86.0533 81.93V38.3097Z" fill="url(#paint1_linear_2942_6715)" fill-opacity="0.1"/>
-<path opacity="0.6" d="M5.2168 82.5623L45.5015 60.2822L87.096 82.5623L87.096 82.5224L46.1564 105.479L5.2168 82.5623Z" fill="url(#paint2_linear_2942_6715)"/>
-<rect x="44.4785" y="15.8469" width="2.04598" height="2.04598" rx="1.02299" fill="#5995F5"/>
-<rect x="4.58203" y="37.9421" width="2.04598" height="2.04598" rx="1.02299" fill="#5995F5"/>
-<rect x="4.58203" y="80.9075" width="2.04598" height="2.04598" rx="1.02299" fill="#5995F5"/>
-<rect x="84.375" y="37.9421" width="2.04598" height="2.04598" rx="1.02299" fill="#5995F5"/>
-<rect x="84.375" y="80.9075" width="2.04598" height="2.04598" rx="1.02299" fill="#5995F5"/>
-<path d="M46.558 30.875L71.116 43.0039L46.558 54.9314L22 43.0039L46.558 30.875Z" fill="url(#paint3_linear_2942_6715)"/>
-<path d="M71.1166 43.0073L46.5586 54.9348V90.2174L71.1166 78.29V43.0073Z" fill="url(#paint4_linear_2942_6715)"/>
-<path d="M46.558 54.9348L22 43.0073V78.29L46.558 90.2174V54.9348Z" fill="url(#paint5_linear_2942_6715)"/>
-<path d="M50.0664 58.5516L68.5096 49.731V52.1366L50.0664 60.9573V58.5516Z" fill="#DFE7FF"/>
-<path d="M50.0664 69.7733L68.5096 60.9526V63.3583L50.0664 72.1789V69.7733Z" fill="#DFE7FF"/>
-<path d="M50.0664 81.0074L68.5096 72.1868V74.5924L50.0664 83.4131V81.0074Z" fill="#DFE7FF"/>
-<ellipse cx="25.9816" cy="51.4576" rx="1.60376" ry="2.0047" transform="rotate(-29.2048 25.9816 51.4576)" fill="#D0DBFF"/>
-<ellipse cx="25.9816" cy="62.6795" rx="1.60376" ry="2.0047" transform="rotate(-29.2048 25.9816 62.6795)" fill="#D0DBFF"/>
-<ellipse cx="25.9816" cy="73.9012" rx="1.60376" ry="2.0047" transform="rotate(-29.2048 25.9816 73.9012)" fill="#D0DBFF"/>
-<defs>
-<linearGradient id="paint0_linear_2942_6715" x1="8.51207" y1="91.3851" x2="42.5572" y2="109.717" gradientUnits="userSpaceOnUse">
-<stop stop-color="#C9D8FF"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint1_linear_2942_6715" x1="65.7776" y1="15.5583" x2="65.7776" y2="81.93" gradientUnits="userSpaceOnUse">
-<stop offset="0.0667851" stop-color="#7A9EF4"/>
-<stop offset="1" stop-color="#EFF1F9"/>
-</linearGradient>
-<linearGradient id="paint2_linear_2942_6715" x1="25.6761" y1="62.0627" x2="66.6355" y2="103.022" gradientUnits="userSpaceOnUse">
-<stop offset="0.0001" stop-color="#A0B4FF"/>
-<stop offset="1" stop-color="#B5C4FD" stop-opacity="0.01"/>
-</linearGradient>
-<linearGradient id="paint3_linear_2942_6715" x1="46.558" y1="30.875" x2="46.558" y2="90.214" gradientUnits="userSpaceOnUse">
-<stop stop-color="#C5D7FF"/>
-<stop offset="1" stop-color="#ADC6FF" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint4_linear_2942_6715" x1="50.7446" y1="57.0796" x2="67.4916" y2="57.2512" gradientUnits="userSpaceOnUse">
-<stop stop-color="#A0B8FF"/>
-<stop offset="0.963422" stop-color="#6A8DFF"/>
-</linearGradient>
-<linearGradient id="paint5_linear_2942_6715" x1="26.186" y1="57.0796" x2="42.933" y2="57.2512" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92B2FF"/>
-<stop offset="1" stop-color="#ADC2FE"/>
-</linearGradient>
-</defs>
 </svg>
diff --git a/public/images/device/device-product.svg b/public/images/device/device-product.svg
index 0f5b7ccb..b7c84217 100644
--- a/public/images/device/device-product.svg
+++ b/public/images/device/device-product.svg
@@ -1,67 +1,166 @@
-<svg width="92" height="91" viewBox="0 0 92 91" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.56306 81.9135L45.5027 58.4234L86.4422 81.9135L86.4422 91.0396L45.5026 113.996L4.56314 91.0397L4.56306 81.9135Z" fill="white"/>
-<path d="M4.92871 82.5615L46.2582 105.436V114.254L4.92871 91.3798V82.5615Z" fill="url(#paint0_linear_2942_6631)"/>
-<path d="M87.0684 82.5615L45.7389 105.436V114.254L87.0684 91.3798V82.5615Z" fill="#B8BFD5"/>
-<g opacity="0.7">
-<line x1="5.41309" y1="22.7676" x2="5.41308" y2="64.6693" stroke="#4980F7" stroke-opacity="0.2" stroke-width="2" stroke-dasharray="3 3"/>
-<line x1="45.9287" y1="4.57666" x2="45.9287" y2="36.6577" stroke="#4980F7" stroke-opacity="0.2" stroke-width="2" stroke-dasharray="3 3"/>
-<line x1="86.0371" y1="22.7676" x2="86.0371" y2="64.6693" stroke="#4980F7" stroke-opacity="0.2" stroke-width="2" stroke-dasharray="3 3"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M45.3589 0L41.6553 3.70362L45.3589 7.40725L49.0625 3.70362L45.3589 0ZM45.3588 1.85181L43.507 3.70362L45.3588 5.55543L47.2106 3.70362L45.3588 1.85181Z" fill="#4980F7"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M86.1216 20.4336L82.418 24.1372L86.1216 27.8408L89.8252 24.1372L86.1216 20.4336ZM86.1215 22.2854L84.2697 24.1372L86.1215 25.989L87.9733 24.1372L86.1215 22.2854Z" fill="#4980F7"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.84327 20.4336L1.13965 24.1372L4.84327 27.8408L8.5469 24.1372L4.84327 20.4336ZM4.84321 22.2854L2.9914 24.1372L4.84321 25.989L6.69502 24.1372L4.84321 22.2854Z" fill="#4980F7"/>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 92 91" style="enable-background:new 0 0 92 91;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{opacity:0.6;fill:url(#SVGID_00000165233867983007147500000010653134018889066905_);enable-background:new    ;}
+	.st2{opacity:0.6;fill:url(#SVGID_00000090259754085202782920000018416295589378118802_);enable-background:new    ;}
+	.st3{fill:url(#SVGID_00000163779146263512689600000005460989612550002095_);}
+	.st4{opacity:0.6;fill:url(#SVGID_00000067230332268421121860000011758790601279576975_);enable-background:new    ;}
+	.st5{fill:url(#SVGID_00000082365516140913190230000004842685609317401526_);}
+	.st6{fill:url(#SVGID_00000013169204014023870420000017544432093794243770_);}
+	.st7{fill:url(#SVGID_00000116232052860394249620000015790759339563494794_);}
+	.st8{opacity:0.6;fill:url(#SVGID_00000119799160155632637730000004143311531535729551_);enable-background:new    ;}
+	.st9{fill:url(#SVGID_00000060721800037065034200000004066703698234888593_);}
+	.st10{fill:url(#SVGID_00000106857523852721585620000005331037045983544255_);}
+	.st11{fill:url(#SVGID_00000020388883138211633750000016293006426876358812_);}
+	.st12{fill:url(#SVGID_00000013158005605364202520000000395535618699727008_);}
+	.st13{fill:url(#SVGID_00000047054459712098560220000001465718284941812880_);}
+	.st14{fill:url(#SVGID_00000173843688784646686810000002891188476507840695_);}
+	.st15{fill:#001EAF;}
+	.st16{fill:url(#SVGID_00000134245793552236397600000002884507623417791935_);}
+	.st17{fill:url(#SVGID_00000046320915246668522750000018333214211560701846_);}
+	.st18{fill:url(#SVGID_00000047760762162611216430000008065885134346202512_);}
+	.st19{opacity:0.4;fill:url(#SVGID_00000165918703970555261720000017314043709492656314_);enable-background:new    ;}
+</style>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="46.0702" y1="76.7999" x2="46.0702" y2="53.5008">
+	<stop  offset="0" style="stop-color:#C9D8FF"/>
+	<stop  offset="1" style="stop-color:#FFFFFF"/>
+</linearGradient>
+<polygon class="st0" points="45.6,50.2 1.1,64.8 45,81.2 91.1,65.5 "/>
+<linearGradient id="SVGID_00000017509241943276480580000002145946088144040868_" gradientUnits="userSpaceOnUse" x1="46.0702" y1="76.7672" x2="46.0702" y2="53.4681">
+	<stop  offset="1.000000e-04" style="stop-color:#A0B4FF"/>
+	<stop  offset="1" style="stop-color:#A0B8FD;stop-opacity:0"/>
+</linearGradient>
+<path style="opacity:0.6;fill:url(#SVGID_00000017509241943276480580000002145946088144040868_);enable-background:new    ;" d="
+	M45.6,50.2L1.1,64.7L45,81.2l46.1-15.7L45.6,50.2z M2.5,64.8l42.8-14l44.3,14.7L45,80.6L2.5,64.8z"/>
+<linearGradient id="SVGID_00000016788095147542797670000010647020575762303423_" gradientUnits="userSpaceOnUse" x1="46.0702" y1="83.4593" x2="46.0702" y2="68.5612">
+	<stop  offset="1.000000e-04" style="stop-color:#A0B4FF"/>
+	<stop  offset="0.3771" style="stop-color:#A0B8FD;stop-opacity:3.631285e-02"/>
+	<stop  offset="1" style="stop-color:#A0B8FD;stop-opacity:0"/>
+</linearGradient>
+<path style="opacity:0.6;fill:url(#SVGID_00000016788095147542797670000010647020575762303423_);enable-background:new    ;" d="
+	M45.8,66.5l-28.5,9.3l28.1,10.5l29.5-10L45.8,66.5z M18.9,75.8l26.8-8.8l27.7,9.2l-27.9,9.4L18.9,75.8z"/>
+<linearGradient id="SVGID_00000070825031309669886900000011785584119417046703_" gradientUnits="userSpaceOnUse" x1="46.0702" y1="71.4885" x2="46.0702" y2="56.365">
+	<stop  offset="0" style="stop-color:#C9D8FF"/>
+	<stop  offset="1" style="stop-color:#FFFFFF"/>
+</linearGradient>
+<polygon style="fill:url(#SVGID_00000070825031309669886900000011785584119417046703_);" points="45.7,54.2 15.5,63.7 45.3,74.4 
+	76.6,64.2 "/>
+<linearGradient id="SVGID_00000089564618777391397270000008557785480407911568_" gradientUnits="userSpaceOnUse" x1="46.0702" y1="71.4673" x2="46.0702" y2="56.3438">
+	<stop  offset="1.000000e-04" style="stop-color:#A0B4FF"/>
+	<stop  offset="1" style="stop-color:#A0B8FD;stop-opacity:0"/>
+</linearGradient>
+<path style="opacity:0.6;fill:url(#SVGID_00000089564618777391397270000008557785480407911568_);enable-background:new    ;" d="
+	M45.7,54.2l-30.2,9.4l29.8,10.7l31.3-10.2L45.7,54.2z M17.3,63.7l28.3-8.8l29.3,9.3l-29.5,9.5L17.3,63.7z"/>
+<g>
+	
+		<linearGradient id="SVGID_00000148658039731000130210000009246824575959501201_" gradientUnits="userSpaceOnUse" x1="23.3997" y1="54.3792" x2="45.3128" y2="54.3792">
+		<stop  offset="0" style="stop-color:#6685F6"/>
+		<stop  offset="1" style="stop-color:#86A2FB"/>
+	</linearGradient>
+	<polygon style="fill:url(#SVGID_00000148658039731000130210000009246824575959501201_);" points="23.4,43.2 45.3,65.5 45.2,50.8 	
+		"/>
+	<g>
+		
+			<linearGradient id="SVGID_00000000916070162657890300000001984455881479371427_" gradientUnits="userSpaceOnUse" x1="-0.7537" y1="64.3158" x2="-0.7537" y2="43.4372" gradientTransform="matrix(-1 0 0 1 55.3913 0)">
+			<stop  offset="0.2179" style="stop-color:#6685F6"/>
+			<stop  offset="0.9703" style="stop-color:#3155E8"/>
+		</linearGradient>
+		<polygon style="fill:url(#SVGID_00000000916070162657890300000001984455881479371427_);" points="67.1,43.2 45.2,65.5 45.3,50.8 
+					"/>
+		<g>
+			
+				<linearGradient id="SVGID_00000181806352316822214570000010464785957396758169_" gradientUnits="userSpaceOnUse" x1="45.5752" y1="38.0059" x2="45.5752" y2="49.3466">
+				<stop  offset="0" style="stop-color:#6685F6"/>
+				<stop  offset="1" style="stop-color:#3155E8"/>
+			</linearGradient>
+			<polygon style="fill:url(#SVGID_00000181806352316822214570000010464785957396758169_);" points="44.2,35.9 23.1,43.2 44.9,50.9 
+				68,43.5 			"/>
+			
+				<linearGradient id="SVGID_00000168808527069349022180000008640010498837919873_" gradientUnits="userSpaceOnUse" x1="45.5752" y1="48.7631" x2="45.5752" y2="37.4223">
+				<stop  offset="1.000000e-04" style="stop-color:#A0B4FF"/>
+				<stop  offset="1" style="stop-color:#A0B8FD;stop-opacity:0"/>
+			</linearGradient>
+			<path style="opacity:0.6;fill:url(#SVGID_00000168808527069349022180000008640010498837919873_);enable-background:new    ;" d="
+				M44.2,35.8l-21.1,7.4l21.8,7.7L68,43.4L44.2,35.8z M24.5,43.3l19.7-6.9l22.6,7L45,50.4L24.5,43.3z"/>
+		</g>
+		<g>
+			
+				<linearGradient id="SVGID_00000088847113821080978390000016480617840082756792_" gradientUnits="userSpaceOnUse" x1="38.4929" y1="47.5843" x2="38.4929" y2="38.554">
+				<stop  offset="0" style="stop-color:#6685F6"/>
+				<stop  offset="1" style="stop-color:#2454FF"/>
+			</linearGradient>
+			<path style="fill:url(#SVGID_00000088847113821080978390000016480617840082756792_);" d="M31,38.6l14.9,6v3l-14.9-6V38.6L31,38.6
+				z"/>
+			
+				<linearGradient id="SVGID_00000122715908988294548810000014933222508757111953_" gradientUnits="userSpaceOnUse" x1="45.9495" y1="43.4712" x2="58.9426" y2="43.4712">
+				<stop  offset="0.2179" style="stop-color:#6685F6"/>
+				<stop  offset="0.9703" style="stop-color:#3155E8"/>
+			</linearGradient>
+			<path style="fill:url(#SVGID_00000122715908988294548810000014933222508757111953_);" d="M58.9,39.4l-13,5.2v3l13-5.2V39.4z"/>
+			
+				<linearGradient id="SVGID_00000180350865449075095600000004087181889955267211_" gradientUnits="userSpaceOnUse" x1="31.0364" y1="38.9914" x2="58.9426" y2="38.9914">
+				<stop  offset="0" style="stop-color:#6685F6"/>
+				<stop  offset="1" style="stop-color:#86A2FB"/>
+			</linearGradient>
+			<path style="fill:url(#SVGID_00000180350865449075095600000004087181889955267211_);" d="M58.9,39.4l-15-5.9L31,38.6l14.9,6
+				L58.9,39.4z"/>
+			
+				<linearGradient id="SVGID_00000176008577485005092290000009889388515889141888_" gradientUnits="userSpaceOnUse" x1="38.4929" y1="43.2052" x2="38.4929" y2="34.1749">
+				<stop  offset="0" style="stop-color:#6685F6"/>
+				<stop  offset="1" style="stop-color:#2454FF"/>
+			</linearGradient>
+			<path style="fill:url(#SVGID_00000176008577485005092290000009889388515889141888_);" d="M31,34.2l14.9,6v3l-14.9-6V34.2L31,34.2
+				z"/>
+			
+				<linearGradient id="SVGID_00000146488993518354749730000014739729223644051132_" gradientUnits="userSpaceOnUse" x1="45.9495" y1="39.0913" x2="58.9426" y2="39.0913">
+				<stop  offset="0.2179" style="stop-color:#6685F6"/>
+				<stop  offset="0.9703" style="stop-color:#3155E8"/>
+			</linearGradient>
+			<path style="fill:url(#SVGID_00000146488993518354749730000014739729223644051132_);" d="M58.9,35l-13,5.2v3l13-5.2V35z"/>
+			
+				<linearGradient id="SVGID_00000020379242213560044470000001465041154987293840_" gradientUnits="userSpaceOnUse" x1="31.0364" y1="34.614" x2="58.9426" y2="34.614">
+				<stop  offset="0.2179" style="stop-color:#6685F6"/>
+				<stop  offset="0.9703" style="stop-color:#3155E8"/>
+			</linearGradient>
+			<path style="fill:url(#SVGID_00000020379242213560044470000001465041154987293840_);" d="M58.9,35l-15-5.9L31,34.2l14.9,6
+				L58.9,35z"/>
+			<path class="st15" d="M46.9,41.4l0-0.5l11.5-4.6l0,0.5L46.9,41.4L46.9,41.4z M35.4,37.3l9.6,3.9v0.5l-9.6-3.9V37.3L35.4,37.3z
+				 M31.4,35.5l1,0.5v0.8l-1-0.5V35.5L31.4,35.5z M32.7,36l1,0.5v0.8l-1-0.5V36L32.7,36z M33.9,36.5l1,0.5v0.8l-1-0.5V36.5
+				L33.9,36.5z"/>
+			<path class="st15" d="M46.9,45.8l0-0.5l11.5-4.6l0,0.5L46.9,45.8L46.9,45.8z M35.3,41.7l9.6,3.9v0.5l-9.6-3.9L35.3,41.7
+				L35.3,41.7z M31.3,39.9l1,0.5v0.8l-1-0.5V39.9L31.3,39.9z M32.6,40.4l1,0.5v0.8l-1-0.5V40.4L32.6,40.4z M33.9,40.9l1,0.5v0.8
+				l-1-0.5V40.9L33.9,40.9z"/>
+		</g>
+	</g>
+	
+		<radialGradient id="SVGID_00000106115467531978542130000017364691732915588794_" cx="20.4679" cy="33.8757" r="2.7065" fx="20.163" fy="33.3461" gradientTransform="matrix(1.1084 0 0 1.1084 1.5193 5.8967)" gradientUnits="userSpaceOnUse">
+		<stop  offset="0" style="stop-color:#94A7FF"/>
+		<stop  offset="0.4531" style="stop-color:#6685F6"/>
+		<stop  offset="1" style="stop-color:#4A6BEA"/>
+	</radialGradient>
+	<circle style="fill:url(#SVGID_00000106115467531978542130000017364691732915588794_);" cx="24.2" cy="43.4" r="3"/>
+	
+		<radialGradient id="SVGID_00000107557211478883642420000008191676682878539664_" cx="58.4768" cy="33.8757" r="2.7065" fx="58.1719" fy="33.3461" gradientTransform="matrix(1.1084 0 0 1.1084 1.5193 5.8967)" gradientUnits="userSpaceOnUse">
+		<stop  offset="0" style="stop-color:#94A7FF"/>
+		<stop  offset="0.4531" style="stop-color:#6685F6"/>
+		<stop  offset="1" style="stop-color:#4A6BEA"/>
+	</radialGradient>
+	<circle style="fill:url(#SVGID_00000107557211478883642420000008191676682878539664_);" cx="66.3" cy="43.4" r="3"/>
+	
+		<radialGradient id="SVGID_00000153688605804142834840000016321477706185436032_" cx="45.5" cy="50.4565" r="4" fx="45.0494" fy="49.6739" gradientUnits="userSpaceOnUse">
+		<stop  offset="0" style="stop-color:#94A7FF"/>
+		<stop  offset="0.4531" style="stop-color:#6685F6"/>
+		<stop  offset="1" style="stop-color:#4A6BEA"/>
+	</radialGradient>
+	<circle style="fill:url(#SVGID_00000153688605804142834840000016321477706185436032_);" cx="45.5" cy="50.5" r="4"/>
 </g>
-<path d="M86.4223 83.2303V38.2187L45.5026 15.4351L4.58301 38.2187V83.2303L45.5026 105.458L86.4223 83.2303Z" fill="white"/>
-<path d="M45.5026 16.0073L85.9223 38.5126V82.9329L45.5026 104.889L5.08301 82.9329V38.5126L45.5026 16.0073Z" stroke="#5995F5" stroke-opacity="0.3"/>
-<path d="M86.0543 38.3097L45.5029 15.5583V60.2017L86.0543 81.93V38.3097Z" fill="url(#paint1_linear_2942_6631)" fill-opacity="0.1"/>
-<path opacity="0.6" d="M5.21777 82.5623L45.5025 60.2822L87.097 82.5623L87.0969 82.5224L46.1574 105.479L5.21777 82.5623Z" fill="url(#paint2_linear_2942_6631)"/>
-<rect x="44.4795" y="15.8469" width="2.04598" height="2.04598" rx="1.02299" fill="#5995F5"/>
-<rect x="4.58301" y="37.9421" width="2.04598" height="2.04598" rx="1.02299" fill="#5995F5"/>
-<rect x="4.58301" y="80.9075" width="2.04598" height="2.04598" rx="1.02299" fill="#5995F5"/>
-<rect x="84.375" y="37.9421" width="2.04598" height="2.04598" rx="1.02299" fill="#5995F5"/>
-<rect x="84.375" y="80.9075" width="2.04598" height="2.04598" rx="1.02299" fill="#5995F5"/>
-<path d="M15.7725 44.9007L45.4099 31L74.2605 44.9007L45.4099 60.8997L15.7725 44.9007Z" fill="url(#paint3_linear_2942_6631)"/>
-<path d="M30.46 45.431L45.0793 38.6025L59.3105 45.431L45.0793 53.2901L30.46 45.431Z" fill="url(#paint4_linear_2942_6631)"/>
-<path d="M15.7725 76.3798V44.906L45.4099 60.9054V95.0015L15.7725 76.3798Z" fill="#D7DBFB"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M28.9119 58.7642L21.3242 54.7348L21.3243 54.022L29.5442 58.4481L30.4927 61.0579L35.39 63.9437L35.3901 64.7039L29.9063 61.5846L28.9119 58.7642Z" fill="url(#paint5_linear_2942_6631)"/>
-<path d="M21.3242 72.4324V58.2209V55.6917L28.5957 59.4855L29.228 62.0147L38.3964 67.0729V82.5476L21.3242 72.4324Z" fill="url(#paint6_linear_2942_6631)"/>
-<path d="M74.2607 75.8548L45.4102 95.0011V60.905L74.2607 44.906V75.8548Z" fill="url(#paint7_linear_2942_6631)"/>
-<path d="M66.6541 72.9249L53.0156 82.1472V65.7239L66.6541 58.0176V72.9249Z" fill="url(#paint8_linear_2942_6631)"/>
-<defs>
-<linearGradient id="paint0_linear_2942_6631" x1="8.5111" y1="91.3851" x2="42.5562" y2="109.717" gradientUnits="userSpaceOnUse">
-<stop stop-color="#C9D8FF"/>
-<stop offset="1" stop-color="white"/>
+<linearGradient id="SVGID_00000085973305412146442890000005642363570629253030_" gradientUnits="userSpaceOnUse" x1="45.9428" y1="66.2065" x2="45.9428" y2="23.7042">
+	<stop  offset="0.3521" style="stop-color:#A0B4FF"/>
+	<stop  offset="1" style="stop-color:#A0B8FD;stop-opacity:0"/>
 </linearGradient>
-<linearGradient id="paint1_linear_2942_6631" x1="65.7786" y1="15.5583" x2="65.7786" y2="81.93" gradientUnits="userSpaceOnUse">
-<stop offset="0.0667851" stop-color="#7A9EF4"/>
-<stop offset="1" stop-color="#EFF1F9"/>
-</linearGradient>
-<linearGradient id="paint2_linear_2942_6631" x1="25.6771" y1="62.0627" x2="66.6365" y2="103.022" gradientUnits="userSpaceOnUse">
-<stop offset="0.0001" stop-color="#A0B4FF"/>
-<stop offset="1" stop-color="#B5C4FD" stop-opacity="0.01"/>
-</linearGradient>
-<linearGradient id="paint3_linear_2942_6631" x1="45.0165" y1="31" x2="45.0165" y2="60.8997" gradientUnits="userSpaceOnUse">
-<stop stop-color="#ADC6FF"/>
-<stop offset="1" stop-color="#ADC6FF" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint4_linear_2942_6631" x1="44.8852" y1="37.9337" x2="44.8852" y2="52.9485" gradientUnits="userSpaceOnUse">
-<stop stop-color="#7699FD" stop-opacity="0.38"/>
-<stop offset="1" stop-color="#7699FD"/>
-</linearGradient>
-<linearGradient id="paint5_linear_2942_6631" x1="23.3602" y1="56.3189" x2="28.4977" y2="68.2627" gradientUnits="userSpaceOnUse">
-<stop stop-color="#007C52"/>
-<stop offset="1" stop-color="#007C52" stop-opacity="0.25"/>
-</linearGradient>
-<linearGradient id="paint6_linear_2942_6631" x1="24.2342" y1="63.6968" x2="35.8758" y2="63.8426" gradientUnits="userSpaceOnUse">
-<stop stop-color="#6F9AFE"/>
-<stop offset="1" stop-color="#A6BDFF"/>
-</linearGradient>
-<linearGradient id="paint7_linear_2942_6631" x1="74.3178" y1="60.1441" x2="45.7442" y2="82.4264" gradientUnits="userSpaceOnUse">
-<stop stop-color="#97B6FF"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint8_linear_2942_6631" x1="55.3404" y1="65.21" x2="64.6407" y2="65.3136" gradientUnits="userSpaceOnUse">
-<stop stop-color="#B9CBFF"/>
-<stop offset="0.963422" stop-color="#6A8DFF"/>
-</linearGradient>
-</defs>
+<path style="opacity:0.4;fill:url(#SVGID_00000085973305412146442890000005642363570629253030_);enable-background:new    ;" d="
+	M76.3,17.8l-61,0.5l0.3,45.4l29.7,10.7l31.2-10.2L76.3,17.8z"/>
 </svg>
diff --git a/public/images/notice-rule/dingtalk.png b/public/images/notice-rule/dingtalk.png
index 0dbd2f7f..bd2fc0c3 100644
Binary files a/public/images/notice-rule/dingtalk.png and b/public/images/notice-rule/dingtalk.png differ
diff --git a/public/images/notice-rule/email.png b/public/images/notice-rule/email.png
index 71bbe15e..f9c28f9f 100644
Binary files a/public/images/notice-rule/email.png and b/public/images/notice-rule/email.png differ
diff --git a/public/images/notice-rule/inside-mail.png b/public/images/notice-rule/inside-mail.png
index b74cf748..459ee46f 100644
Binary files a/public/images/notice-rule/inside-mail.png and b/public/images/notice-rule/inside-mail.png differ
diff --git a/public/images/notice-rule/sms.png b/public/images/notice-rule/sms.png
index 6e739cbd..905b1f87 100644
Binary files a/public/images/notice-rule/sms.png and b/public/images/notice-rule/sms.png differ
diff --git a/public/images/notice-rule/voice.png b/public/images/notice-rule/voice.png
index 8b53ba04..f6286ea0 100644
Binary files a/public/images/notice-rule/voice.png and b/public/images/notice-rule/voice.png differ
diff --git a/public/images/notice-rule/wechat.png b/public/images/notice-rule/wechat.png
index 38a9fdcb..0242b247 100644
Binary files a/public/images/notice-rule/wechat.png and b/public/images/notice-rule/wechat.png differ
diff --git a/public/images/notice/dingTalk-message.png b/public/images/notice/dingTalk-message.png
index d4e6a9ac..69c16723 100644
Binary files a/public/images/notice/dingTalk-message.png and b/public/images/notice/dingTalk-message.png differ
diff --git a/public/images/notice/dingTalk-rebot.png b/public/images/notice/dingTalk-rebot.png
index 7940d49d..9fbb4ba5 100644
Binary files a/public/images/notice/dingTalk-rebot.png and b/public/images/notice/dingTalk-rebot.png differ
diff --git a/public/images/notice/dingtalk.png b/public/images/notice/dingtalk.png
index 31477a8a..97c71a2d 100644
Binary files a/public/images/notice/dingtalk.png and b/public/images/notice/dingtalk.png differ
diff --git a/public/images/notice/email.png b/public/images/notice/email.png
index 8f010741..2c51cd01 100644
Binary files a/public/images/notice/email.png and b/public/images/notice/email.png differ
diff --git a/public/images/notice/inside-mail.png b/public/images/notice/inside-mail.png
index 57e73e55..e248c3e9 100644
Binary files a/public/images/notice/inside-mail.png and b/public/images/notice/inside-mail.png differ
diff --git a/public/images/notice/sms.png b/public/images/notice/sms.png
index 776164b8..188447e6 100644
Binary files a/public/images/notice/sms.png and b/public/images/notice/sms.png differ
diff --git a/public/images/notice/voice.png b/public/images/notice/voice.png
index a48c4df3..71c8019f 100644
Binary files a/public/images/notice/voice.png and b/public/images/notice/voice.png differ
diff --git a/public/images/notice/webhook.png b/public/images/notice/webhook.png
index c8347512..b48b1ee4 100644
Binary files a/public/images/notice/webhook.png and b/public/images/notice/webhook.png differ
diff --git a/public/images/notice/wechat.png b/public/images/notice/wechat.png
index 4e53c9b0..2b2aab1d 100644
Binary files a/public/images/notice/wechat.png and b/public/images/notice/wechat.png differ
diff --git a/public/images/notice/weixin-corp.png b/public/images/notice/weixin-corp.png
index 92a164f3..f70f9d00 100644
Binary files a/public/images/notice/weixin-corp.png and b/public/images/notice/weixin-corp.png differ
diff --git a/public/images/notice/weixin-official.png b/public/images/notice/weixin-official.png
index 99b50527..65311148 100644
Binary files a/public/images/notice/weixin-official.png and b/public/images/notice/weixin-official.png differ
diff --git a/public/images/running/doc.png b/public/images/running/doc.png
index a282d79b..84d71c0f 100644
Binary files a/public/images/running/doc.png and b/public/images/running/doc.png differ
diff --git a/public/images/running/docx.png b/public/images/running/docx.png
index a1598e08..f4199fb8 100644
Binary files a/public/images/running/docx.png and b/public/images/running/docx.png differ
diff --git a/public/images/running/error.png b/public/images/running/error.png
index 41cd83cd..906b230c 100644
Binary files a/public/images/running/error.png and b/public/images/running/error.png differ
diff --git a/public/images/running/img.png b/public/images/running/img.png
index c57f8784..e955983d 100644
Binary files a/public/images/running/img.png and b/public/images/running/img.png differ
diff --git a/public/images/running/obj.png b/public/images/running/obj.png
index d652bd03..14387cb3 100644
Binary files a/public/images/running/obj.png and b/public/images/running/obj.png differ
diff --git a/public/images/running/other.png b/public/images/running/other.png
index b0f18001..1f5a0caf 100644
Binary files a/public/images/running/other.png and b/public/images/running/other.png differ
diff --git a/public/images/running/pdf.png b/public/images/running/pdf.png
index bec85c02..c5e2bdf8 100644
Binary files a/public/images/running/pdf.png and b/public/images/running/pdf.png differ
diff --git a/public/images/running/png.png b/public/images/running/png.png
new file mode 100644
index 00000000..6f7493e8
Binary files /dev/null and b/public/images/running/png.png differ
diff --git a/public/images/running/ppt.png b/public/images/running/ppt.png
index 4022bf83..e68d7b8d 100644
Binary files a/public/images/running/ppt.png and b/public/images/running/ppt.png differ
diff --git a/public/images/running/pptx.png b/public/images/running/pptx.png
index 5fb09117..dff98d99 100644
Binary files a/public/images/running/pptx.png and b/public/images/running/pptx.png differ
diff --git a/public/images/running/txt.png b/public/images/running/txt.png
index 12a80c99..e6e23fe2 100644
Binary files a/public/images/running/txt.png and b/public/images/running/txt.png differ
diff --git a/public/images/running/video.png b/public/images/running/video.png
index 5457845d..0821f96e 100644
Binary files a/public/images/running/video.png and b/public/images/running/video.png differ
diff --git a/public/images/running/xls.png b/public/images/running/xls.png
index 5c5f7354..305ff88a 100644
Binary files a/public/images/running/xls.png and b/public/images/running/xls.png differ
diff --git a/public/images/running/xlsx.png b/public/images/running/xlsx.png
index 6bab4ae2..69e382a4 100644
Binary files a/public/images/running/xlsx.png and b/public/images/running/xlsx.png differ
diff --git a/public/images/view-logo.png b/public/images/view-logo.png
index 18ddc4ff..7e34dda6 100644
Binary files a/public/images/view-logo.png and b/public/images/view-logo.png differ