177 lines
10 KiB
XML
177 lines
10 KiB
XML
<svg width="390" height="844" viewBox="0 0 390 844" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%">
|
|
<feDropShadow dx="0" dy="8" stdDeviation="14" flood-color="#111111" flood-opacity="0.10"/>
|
|
</filter>
|
|
<filter id="tinyShadow" x="-40%" y="-40%" width="180%" height="180%">
|
|
<feDropShadow dx="0" dy="4" stdDeviation="7" flood-color="#111111" flood-opacity="0.12"/>
|
|
</filter>
|
|
<linearGradient id="bg" x1="0" y1="0" x2="390" y2="844" gradientUnits="userSpaceOnUse">
|
|
<stop stop-color="#FFFFFF"/>
|
|
<stop offset="1" stop-color="#F3F5F4"/>
|
|
</linearGradient>
|
|
<linearGradient id="mapBase" x1="38" y1="138" x2="356" y2="680" gradientUnits="userSpaceOnUse">
|
|
<stop stop-color="#F8FAFA"/>
|
|
<stop offset="1" stop-color="#E8F0EC"/>
|
|
</linearGradient>
|
|
<linearGradient id="greenZone" x1="80" y1="260" x2="330" y2="532" gradientUnits="userSpaceOnUse">
|
|
<stop stop-color="#EDF7EF"/>
|
|
<stop offset="1" stop-color="#CFE7D6"/>
|
|
</linearGradient>
|
|
<linearGradient id="water" x1="21" y1="550" x2="370" y2="733" gradientUnits="userSpaceOnUse">
|
|
<stop stop-color="#DCECF0"/>
|
|
<stop offset="1" stop-color="#BFD9E0"/>
|
|
</linearGradient>
|
|
<clipPath id="mapClip">
|
|
<rect x="24" y="132" width="342" height="570" rx="22"/>
|
|
</clipPath>
|
|
<style>
|
|
.title { font: 700 30px "Microsoft YaHei", "PingFang SC", Arial, sans-serif; fill: #000; letter-spacing: 0; }
|
|
.body { font: 400 13px "Microsoft YaHei", "PingFang SC", Arial, sans-serif; fill: #252525; letter-spacing: 0; }
|
|
.small { font: 400 11px "Microsoft YaHei", "PingFang SC", Arial, sans-serif; fill: #4F4F4F; letter-spacing: 0; }
|
|
.label { font: 500 12px "Microsoft YaHei", "PingFang SC", Arial, sans-serif; fill: #000; letter-spacing: 0; }
|
|
.floor { font: 500 15px "Microsoft YaHei", "PingFang SC", Arial, sans-serif; fill: #2C2C2C; letter-spacing: 0; }
|
|
.accent { fill: #2C854F; }
|
|
.lime { fill: #E0DF00; }
|
|
</style>
|
|
</defs>
|
|
|
|
<rect width="390" height="844" fill="url(#bg)"/>
|
|
|
|
<text x="24" y="56" class="title">导览</text>
|
|
<g transform="translate(310 31)">
|
|
<text x="0" y="17" font-family="Microsoft YaHei, PingFang SC, Arial, sans-serif" font-size="16" font-weight="600" fill="#2C854F">来馆</text>
|
|
<path d="M48 3L56 11L48 19" stroke="#2C854F" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</g>
|
|
|
|
<g filter="url(#tinyShadow)">
|
|
<rect x="24" y="78" width="342" height="48" rx="16" fill="#FFFFFF" stroke="#E1E3E2"/>
|
|
<path d="M51 100.5C51 93.6 56.6 88 63.5 88C70.4 88 76 93.6 76 100.5C76 107.4 70.4 113 63.5 113C56.6 113 51 107.4 51 100.5Z" stroke="#333" stroke-width="2.2"/>
|
|
<path d="M73 110L82 119" stroke="#333" stroke-width="2.2" stroke-linecap="round"/>
|
|
<text x="97" y="108" font-family="Microsoft YaHei, PingFang SC, Arial, sans-serif" font-size="14" fill="#8A8D8B">搜索展厅、设施、出入口</text>
|
|
<rect x="306" y="89" width="42" height="26" rx="13" fill="#F5F6F5"/>
|
|
<path d="M324 95V105C324 109 330 109 330 105V95C330 91 324 91 324 95Z" stroke="#2C854F" stroke-width="1.8"/>
|
|
<path d="M320 103C320 110 334 110 334 103" stroke="#2C854F" stroke-width="1.8" stroke-linecap="round"/>
|
|
</g>
|
|
|
|
<g clip-path="url(#mapClip)">
|
|
<rect x="24" y="132" width="342" height="570" rx="22" fill="url(#mapBase)"/>
|
|
<path d="M-12 578C58 545 88 613 150 593C225 569 246 604 315 570C368 544 409 579 425 596V737H-12V578Z" fill="url(#water)" opacity="0.62"/>
|
|
<path d="M68 280L168 217L318 260L324 420L209 512L78 456L68 280Z" fill="url(#greenZone)" opacity="0.94"/>
|
|
|
|
<g opacity="0.95">
|
|
<path d="M26 410L118 356L185 381L251 343L365 382" stroke="#B9C4C8" stroke-width="20" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M44 260L114 221L171 245L229 210L336 251" stroke="#C7D0D3" stroke-width="17" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M102 666L102 513L167 477L233 510L233 665" stroke="#C9D2D5" stroke-width="21" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M241 232L243 493" stroke="#CBD5D8" stroke-width="17" stroke-linecap="round"/>
|
|
<path d="M35 568L126 515L201 539L310 473L379 501" stroke="#B7C3C7" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M132 181L132 342L88 369" stroke="#D5DCE0" stroke-width="15" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M291 165L291 329L336 350" stroke="#D5DCE0" stroke-width="15" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</g>
|
|
|
|
<g opacity="0.9">
|
|
<path d="M46 408L120 367L183 389L247 354L361 392" stroke="#FFFFFF" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M48 263L116 230L171 252L229 220L333 258" stroke="#FFFFFF" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M102 656L102 518L167 488L232 516L232 659" stroke="#FFFFFF" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M35 568L126 525L200 548L309 486L376 511" stroke="#FFFFFF" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M243 238L243 484" stroke="#FFFFFF" stroke-width="9" stroke-linecap="round"/>
|
|
</g>
|
|
|
|
<g opacity="0.75">
|
|
<rect x="81" y="173" width="77" height="61" rx="8" fill="#FFFFFF" stroke="#D9E0E1"/>
|
|
<rect x="168" y="190" width="61" height="55" rx="8" fill="#FFFFFF" stroke="#D9E0E1"/>
|
|
<rect x="255" y="173" width="70" height="69" rx="8" fill="#FFFFFF" stroke="#D9E0E1"/>
|
|
<rect x="67" y="477" width="72" height="58" rx="8" fill="#FFFFFF" stroke="#D9E0E1"/>
|
|
<rect x="248" y="494" width="77" height="58" rx="8" fill="#FFFFFF" stroke="#D9E0E1"/>
|
|
<rect x="144" y="562" width="64" height="74" rx="8" fill="#FFFFFF" stroke="#D9E0E1"/>
|
|
<rect x="216" y="573" width="62" height="70" rx="8" fill="#FFFFFF" stroke="#D9E0E1"/>
|
|
</g>
|
|
|
|
<g opacity="0.72">
|
|
<circle cx="121" cy="281" r="7" fill="#81B48D"/>
|
|
<circle cx="141" cy="269" r="8" fill="#7AAB85"/>
|
|
<circle cx="302" cy="287" r="8" fill="#81B48D"/>
|
|
<circle cx="321" cy="326" r="7" fill="#91C29A"/>
|
|
<circle cx="63" cy="518" r="8" fill="#7AAB85"/>
|
|
<circle cx="342" cy="549" r="7" fill="#82B58C"/>
|
|
<circle cx="88" cy="642" r="7" fill="#8FC096"/>
|
|
</g>
|
|
|
|
<g filter="url(#tinyShadow)">
|
|
<rect x="42" y="150" width="72" height="34" rx="12" fill="#FFFFFF"/>
|
|
<path d="M58 160H66V168H58V160ZM72 160H80V168H72V160ZM58 174H66V182H58V174ZM72 174H80V182H72V174Z" fill="#111"/>
|
|
<text x="89" y="172" class="label">图例</text>
|
|
</g>
|
|
|
|
<g filter="url(#tinyShadow)">
|
|
<rect x="290" y="180" width="46" height="158" rx="17" fill="#FFFFFF"/>
|
|
<text x="306" y="213" class="floor">3F</text>
|
|
<line x1="300" y1="231" x2="326" y2="231" stroke="#E2E2E2"/>
|
|
<text x="306" y="265" class="floor">2F</text>
|
|
<rect x="298" y="282" width="30" height="34" rx="10" fill="#000000"/>
|
|
<text x="306" y="305" font-family="Microsoft YaHei, PingFang SC, Arial, sans-serif" font-size="17" font-weight="700" fill="#E0DF00">1F</text>
|
|
<text x="306" y="348" class="floor">B1</text>
|
|
</g>
|
|
|
|
<g filter="url(#tinyShadow)">
|
|
<rect x="38" y="204" width="56" height="28" rx="14" fill="#FFFFFF"/>
|
|
<circle cx="54" cy="218" r="4" fill="#2C854F"/>
|
|
<path d="M62 222C69 216 73 216 81 221" stroke="#2C854F" stroke-width="2" stroke-linecap="round"/>
|
|
<text x="99" y="224" class="small">设施</text>
|
|
</g>
|
|
|
|
<g filter="url(#tinyShadow)">
|
|
<rect x="190" y="301" width="110" height="44" rx="14" fill="#FFFFFF"/>
|
|
<text x="205" y="324" class="label">恐龙化石展厅</text>
|
|
<text x="224" y="340" class="small">1F-02</text>
|
|
</g>
|
|
<g filter="url(#softShadow)">
|
|
<path d="M246 291C246 274.4 259.4 261 276 261C292.6 261 306 274.4 306 291C306 315 276 347 276 347C276 347 246 315 246 291Z" fill="#2C854F"/>
|
|
<circle cx="276" cy="291" r="12" fill="#FFFFFF"/>
|
|
</g>
|
|
|
|
<g filter="url(#tinyShadow)">
|
|
<rect x="54" y="403" width="94" height="43" rx="13" fill="#FFFFFF"/>
|
|
<text x="72" y="426" class="label">矿物与岩石厅</text>
|
|
<text x="91" y="442" class="small">1F-04</text>
|
|
</g>
|
|
<g filter="url(#tinyShadow)">
|
|
<rect x="240" y="421" width="99" height="43" rx="13" fill="#FFFFFF"/>
|
|
<text x="258" y="444" class="label">生命起源展区</text>
|
|
<text x="277" y="460" class="small">1F-05</text>
|
|
</g>
|
|
<g filter="url(#tinyShadow)">
|
|
<rect x="173" y="454" width="54" height="40" rx="12" fill="#FFFFFF"/>
|
|
<text x="187" y="477" class="label">序厅</text>
|
|
<text x="191" y="492" class="small">1F</text>
|
|
</g>
|
|
|
|
<g>
|
|
<path d="M187 556L196 546L205 556" stroke="#2C854F" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M196 547V570" stroke="#2C854F" stroke-width="2.2" stroke-linecap="round"/>
|
|
<text x="174" y="593" class="body">主入口</text>
|
|
</g>
|
|
</g>
|
|
|
|
<rect x="24" y="132" width="342" height="570" rx="22" stroke="#DCDDDD"/>
|
|
|
|
<g filter="url(#tinyShadow)">
|
|
<rect x="24" y="716" width="342" height="48" rx="16" fill="#FFFFFF"/>
|
|
<rect x="34" y="724" width="97" height="32" rx="16" fill="#F1F3F2"/>
|
|
<path d="M54 740H69" stroke="#2C854F" stroke-width="2" stroke-linecap="round"/>
|
|
<path d="M61 733V748" stroke="#2C854F" stroke-width="2" stroke-linecap="round"/>
|
|
<text x="78" y="745" class="label">1F</text>
|
|
<rect x="141" y="724" width="90" height="32" rx="16" fill="#F1F3F2"/>
|
|
<circle cx="160" cy="740" r="5" fill="#2C854F"/>
|
|
<text x="174" y="745" class="label">定位</text>
|
|
<rect x="241" y="724" width="115" height="32" rx="16" fill="#F1F3F2"/>
|
|
<path d="M263 746L271 734L279 746" stroke="#2C854F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<text x="291" y="745" class="label">路线</text>
|
|
</g>
|
|
|
|
<g filter="url(#softShadow)">
|
|
<rect x="24" y="780" width="342" height="48" rx="16" fill="#000000"/>
|
|
<text x="143" y="811" font-family="Microsoft YaHei, PingFang SC, Arial, sans-serif" font-size="18" font-weight="700" fill="#E0DF00">开始导览</text>
|
|
</g>
|
|
</svg>
|
