You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
2.8 KiB
55 lines
2.8 KiB
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 180" role="img" aria-label="高校科技成果转化路径">
|
|
<defs>
|
|
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#f8fafc"/>
|
|
<stop offset="0.46" stop-color="#fff6f6"/>
|
|
<stop offset="1" stop-color="#eef4fb"/>
|
|
</linearGradient>
|
|
<linearGradient id="panel" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#ffffff" stop-opacity="0.90"/>
|
|
<stop offset="1" stop-color="#f5e7ea" stop-opacity="0.80"/>
|
|
</linearGradient>
|
|
<linearGradient id="flow" x1="0" y1="0" x2="1" y2="0">
|
|
<stop offset="0" stop-color="#b11e23" stop-opacity="0.18"/>
|
|
<stop offset="0.55" stop-color="#14385f" stop-opacity="0.18"/>
|
|
<stop offset="1" stop-color="#b11e23" stop-opacity="0.18"/>
|
|
</linearGradient>
|
|
<filter id="softShadow" x="-20%" y="-30%" width="140%" height="170%">
|
|
<feDropShadow dx="0" dy="16" stdDeviation="18" flood-color="#101828" flood-opacity="0.11"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<rect width="720" height="180" rx="18" fill="url(#bg)"/>
|
|
<path d="M0 130C120 82 208 112 314 132C446 157 542 128 720 88V180H0Z" fill="#ffffff" opacity="0.42"/>
|
|
<ellipse cx="132" cy="58" rx="112" ry="74" fill="#ffffff" opacity="0.58"/>
|
|
<ellipse cx="372" cy="138" rx="190" ry="82" fill="#fff1f1" opacity="0.64"/>
|
|
<ellipse cx="610" cy="40" rx="144" ry="88" fill="#e8eef7" opacity="0.78"/>
|
|
|
|
<g transform="translate(86 28)" filter="url(#softShadow)">
|
|
<rect x="0" y="0" width="548" height="124" rx="30" fill="url(#panel)" stroke="#fff" stroke-opacity="0.82"/>
|
|
<path d="M52 74C134 22 194 28 268 72C350 121 430 112 496 52" fill="none" stroke="url(#flow)" stroke-width="34" stroke-linecap="round"/>
|
|
<path d="M66 76H482" stroke="#14385f" stroke-width="3" opacity="0.34" stroke-linecap="round"/>
|
|
<path d="M154 50V96M274 34V104M394 50V96" stroke="#14385f" stroke-width="3" opacity="0.28" stroke-linecap="round"/>
|
|
|
|
<g transform="translate(54 50)">
|
|
<circle cx="24" cy="24" r="24" fill="#fff" opacity="0.96"/>
|
|
<circle cx="24" cy="24" r="17" fill="#f3d0d2"/>
|
|
<circle cx="24" cy="24" r="8" fill="#c43b40"/>
|
|
</g>
|
|
<g transform="translate(250 25)">
|
|
<circle cx="30" cy="30" r="30" fill="#fff" opacity="0.96"/>
|
|
<circle cx="30" cy="30" r="21" fill="#f3d0d2"/>
|
|
<circle cx="30" cy="30" r="10" fill="#c43b40"/>
|
|
</g>
|
|
<g transform="translate(448 49)">
|
|
<circle cx="25" cy="25" r="25" fill="#fff" opacity="0.96"/>
|
|
<circle cx="25" cy="25" r="18" fill="#f3d0d2"/>
|
|
<circle cx="25" cy="25" r="9" fill="#c43b40"/>
|
|
</g>
|
|
|
|
<rect x="112" y="78" width="74" height="10" rx="5" fill="#b11e23" opacity="0.10"/>
|
|
<rect x="310" y="72" width="96" height="10" rx="5" fill="#14385f" opacity="0.10"/>
|
|
<rect x="244" y="94" width="156" height="8" rx="4" fill="#b11e23" opacity="0.08"/>
|
|
</g>
|
|
</svg>
|
