46 lines
9.5 KiB
XML
46 lines
9.5 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="390" height="844" viewBox="0 0 390 844"><defs>
|
|
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FCFDFD"/><stop offset="1" stop-color="#F4F6F7"/></linearGradient>
|
|
<linearGradient id="mapBg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#FFFFFF"/><stop offset=".48" stop-color="#EEF5F7"/><stop offset="1" stop-color="#DFE9EE"/></linearGradient>
|
|
<linearGradient id="roof" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#FFFFFF"/><stop offset=".68" stop-color="#EEF4F6"/><stop offset="1" stop-color="#D8E4EA"/></linearGradient>
|
|
<linearGradient id="wall" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#CFDAE1"/><stop offset="1" stop-color="#A9B9C3"/></linearGradient>
|
|
<linearGradient id="greenSoft" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#EAF5ED"/><stop offset="1" stop-color="#CCE6D6"/></linearGradient>
|
|
<linearGradient id="water" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#DFF1F8"/><stop offset="1" stop-color="#B7D9EA"/></linearGradient>
|
|
<radialGradient id="glow" cx="50%" cy="50%" r="70%"><stop offset="0" stop-color="#2C854F" stop-opacity=".22"/><stop offset="1" stop-color="#2C854F" stop-opacity="0"/></radialGradient>
|
|
<filter id="shadow" x="-25%" y="-25%" width="160%" height="170%"><feDropShadow dx="0" dy="10" stdDeviation="10" flood-color="#0B1820" flood-opacity=".13"/></filter>
|
|
<filter id="soft" x="-25%" y="-25%" width="160%" height="170%"><feDropShadow dx="0" dy="5" stdDeviation="6" flood-color="#0B1820" flood-opacity=".12"/></filter>
|
|
<filter id="tiny" x="-30%" y="-30%" width="170%" height="180%"><feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#0B1820" flood-opacity=".11"/></filter>
|
|
<style>
|
|
.font{font-family:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',Arial,sans-serif}.black{fill:#000}.text{fill:#3F3F3F}.muted{fill:#ADB0B4}.green{fill:#2C854F}.lime{fill:#E0DF00}.blue{fill:#1B6EC0}.bold{font-weight:700}.heavy{font-weight:800}.panel{fill:#fff;fill-opacity:.9;stroke:#D9D9D9;stroke-width:1}.glass{fill:#fff;fill-opacity:.78;stroke:#D9D9D9;stroke-width:1}.roof{fill:url(#roof);stroke:#D3DEE4;stroke-width:1.2}.wall{fill:url(#wall);opacity:.68;stroke:#AEBEC7;stroke-width:.7}.garden{fill:url(#greenSoft);stroke:#C7E1D0;stroke-width:1}.water{fill:url(#water);opacity:.55}.label{fill:#fff;stroke:#D9D9D9;stroke-width:1}.mini{font-size:10px}.small{font-size:12px}.body{font-size:14px}
|
|
</style>
|
|
</defs><rect width="390" height="844" fill="url(#bg)"/>
|
|
|
|
<clipPath id="clipC"><rect x="14" y="118" width="362" height="548" rx="22"/></clipPath>
|
|
<rect x="14" y="118" width="362" height="548" rx="22" fill="url(#mapBg)" stroke="#D9D9D9" filter="url(#shadow)"/>
|
|
<g clip-path="url(#clipC)" opacity="1">
|
|
<circle cx="296.36" cy="205.68" r="123.08000000000001" fill="#2C854F" opacity=".055"/>
|
|
<circle cx="86.4" cy="534.48" r="137.56" fill="#1B6EC0" opacity=".045"/>
|
|
<path d="M-26 216.64 L436 145.4" stroke="#BFD8E4" stroke-width="14" opacity=".36"/><path d="M-26 227.60000000000002 L436 156.36" stroke="#fff" stroke-width="6" opacity=".65"/>
|
|
<path d="M-36 600.24 L446 523.52" stroke="#BFD8E4" stroke-width="14" opacity=".34"/><path d="M-26 605.72 L436 529" stroke="#fff" stroke-width="6" opacity=".68"/>
|
|
<g transform="translate(21.240000000000002 139.92000000000002) scale(0.94) rotate(-18 181 230.16)" filter="url(#soft)">
|
|
<rect x="126" y="62" width="184" height="82" class="wall" transform="translate(10 14)"/><rect x="126" y="62" width="184" height="82" class="roof"/><rect x="151" y="80" width="128" height="50" class="garden"/>
|
|
<rect x="48" y="156" width="202" height="112" class="wall" transform="translate(10 14)"/><rect x="48" y="156" width="202" height="112" class="roof"/><rect x="73" y="181" width="148" height="62" fill="#FAFCFD" stroke="#E2E9ED"/>
|
|
<rect x="266" y="166" width="166" height="102" class="wall" transform="translate(10 14)"/><rect x="266" y="166" width="166" height="102" class="roof"/><rect x="292" y="186" width="112" height="62" class="garden"/>
|
|
<path d="M181 244 Q228 184 276 244 L276 426 L181 426 Z" fill="#F8FBFC" stroke="#CBD7DE" stroke-width="1.3"/><path d="M200 266 Q228 230 255 266 L255 402 L200 402 Z" fill="#EDF4F7" stroke="#D5E0E6"/>
|
|
<rect x="132" y="306" width="154" height="126" class="wall" transform="translate(10 14)"/><rect x="132" y="306" width="154" height="126" class="roof"/><rect x="158" y="330" width="104" height="78" fill="#fff" stroke="#E2E9ED"/>
|
|
<rect x="296" y="330" width="172" height="112" class="wall" transform="translate(10 14)"/><rect x="296" y="330" width="172" height="112" class="roof"/><rect x="322" y="352" width="116" height="68" class="garden"/>
|
|
<rect x="42" y="434" width="196" height="104" class="wall" transform="translate(10 14)"/><rect x="42" y="434" width="196" height="104" class="roof"/><rect x="66" y="456" width="148" height="56" fill="#fff" stroke="#E2E9ED"/>
|
|
<rect x="178" y="448" width="54" height="220" fill="#FFFFFF" stroke="#D4DEE4"/><rect x="242" y="444" width="40" height="220" fill="#FFFFFF" stroke="#D4DEE4"/>
|
|
<g stroke="#C8D5DD" stroke-width="1" opacity=".75"><path d="M190 478 h28 M190 512 h28 M190 546 h28 M190 580 h28 M254 478 h18 M254 512 h18 M254 546 h18 M254 580 h18"/></g>
|
|
</g>
|
|
<g opacity=".24" fill="none" stroke="#56636B" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M271.02 260.48 c18 -12 38 -10 48 2 c-14 -3 -28 -1 -41 7"/><path d="M280.07 265.96000000000004 l-18 10 l20 3 l-10 15 M292.74 265.96000000000004 l8 16 l18 8"/></g>
|
|
<g filter="url(#tiny)" class="font">
|
|
<rect x="71.92" y="255" width="112" height="48" rx="11" class="label"/><text x="127.92" y="275" text-anchor="middle" font-size="13">地球演化厅</text><text x="127.92" y="292" text-anchor="middle" font-size="12">1F-03</text>
|
|
<rect x="220.33999999999997" y="309.79999999999995" width="118" height="52" rx="11" class="label"/><text x="279.34" y="331.79999999999995" text-anchor="middle" font-size="14" font-weight="700">恐龙化石展厅</text><text x="279.34" y="349.79999999999995" text-anchor="middle" font-size="13">1F-02</text>
|
|
<circle cx="260.16" cy="301.58000000000004" r="32" fill="url(#glow)"/><path d="M260.16 271.44000000000005 C242.06 271.44000000000005 231.2 287.88 231.2 309.79999999999995 C231.2 342.67999999999995 260.16 370.08000000000004 260.16 370.08000000000004 C260.16 370.08000000000004 289.12 342.67999999999995 289.12 309.79999999999995 C289.12 287.88 278.26 271.44000000000005 260.16 271.44000000000005 Z" fill="#2C854F"/><circle cx="260.16" cy="304.32000000000005" r="9" fill="#fff"/>
|
|
<rect x="46.58" y="501.59999999999997" width="126" height="48" rx="11" class="label"/><text x="109.58" y="521.5999999999999" text-anchor="middle" font-size="13">矿物与岩石厅</text><text x="109.58" y="538.5999999999999" text-anchor="middle" font-size="12">1F-04</text>
|
|
</g></g>
|
|
<g filter="url(#soft)"><rect x="22" y="92" width="346" height="44" rx="14" class="glass"/><circle cx="44" cy="114" r="7" fill="none" stroke="#565A5E" stroke-width="2"/><path d="M50 120 l7 7" stroke="#565A5E" stroke-width="2" stroke-linecap="round"/><text x="70" y="120" class="font muted" font-size="14">搜索展厅、设施</text><text x="337" y="121" text-anchor="middle" class="font green heavy" font-size="15">1F</text></g>
|
|
<g filter="url(#tiny)"><rect x="326" y="290" width="40" height="132" rx="14" class="glass"/><text x="346" y="319" text-anchor="middle" class="font text" font-size="15">2F</text><line x1="334" y1="333" x2="358" y2="333" class="line"/><rect x="326" y="334" width="40" height="40" rx="9" fill="#000"/><text x="346" y="360" text-anchor="middle" class="font lime heavy" font-size="17">1F</text><line x1="334" y1="374" x2="358" y2="374" class="line"/><text x="346" y="402" text-anchor="middle" class="font text" font-size="15">B1</text></g>
|
|
<g filter="url(#tiny)"><rect x="26" y="608" width="104" height="34" rx="17" class="glass"/><text x="78" y="630" text-anchor="middle" class="font text" font-size="12">查看图例</text><rect x="140" y="608" width="104" height="34" rx="17" class="glass"/><text x="192" y="630" text-anchor="middle" class="font text" font-size="12">设施筛选</text></g>
|
|
<g filter="url(#shadow)"><rect x="18" y="690" width="354" height="130" rx="22" fill="#fff" stroke="#D9D9D9"/><text x="36" y="722" class="font black heavy" font-size="20">准备开始导览</text><text x="36" y="746" class="font muted" font-size="12">选择讲解或来馆，也可以直接进入馆内导览</text><g filter="url(#tiny)"><rect x="36" y="760" width="62" height="46" rx="14" fill="#fff" fill-opacity="0.9" stroke="#D9D9D9"/><text x="67" y="781" text-anchor="middle" class="font green heavy" font-size="17">▶</text><text x="67" y="796" text-anchor="middle" class="font black bold" font-size="10">讲解</text></g><g filter="url(#tiny)"><rect x="118" y="760" width="62" height="46" rx="14" fill="#fff" fill-opacity="0.9" stroke="#D9D9D9"/><text x="149" y="781" text-anchor="middle" class="font green heavy" font-size="17">↗</text><text x="149" y="796" text-anchor="middle" class="font black bold" font-size="10">来馆</text></g><rect x="210" y="760" width="138" height="46" rx="13" fill="#000"/><text x="279" y="790" text-anchor="middle" class="font lime heavy" font-size="17">开始导览</text></g>
|
|
<text x="18" y="54" class="font black heavy" font-size="34">导览</text><text x="18" y="75" class="font muted" font-size="11">底部任务 Dock</text></svg> |