.container[data-v-b310b54a]{background:linear-gradient(135deg,#0c2461,#1e3799 30%,#4a69bd 70%,#6a89cc);margin:0 auto;font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#fff;padding:20px}.header[data-v-b310b54a]{text-align:center;margin-bottom:30px;padding:20px;background:hsla(0,0%,100%,.05);border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.2)}.header h1[data-v-b310b54a]{font-size:2.5rem;margin-bottom:10px;text-shadow:0 2px 5px rgba(0,0,0,.3);background:linear-gradient(90deg,gold,orange);-webkit-background-clip:text;background-clip:text;color:transparent}.header p[data-v-b310b54a]{font-size:1.2rem;opacity:.9;max-width:800px;margin:0 auto;line-height:1.6}.map-content[data-v-b310b54a]{display:flex;gap:20px;flex-wrap:wrap;padding:0 0 20px 0}.map-container[data-v-b310b54a]{flex:1;min-width:300px;background:hsla(0,0%,100%,.05);border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.4);padding:20px}#map[data-v-b310b54a]{width:100%;height:1200px;top:-100px}.sidebar[data-v-b310b54a]{width:300px;background:hsla(0,0%,100%,.05);border-radius:15px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.4)}.controls[data-v-b310b54a]{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.btn[data-v-b310b54a]{background:linear-gradient(135deg,#2962ff,#0039cb);border:none;color:#fff;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .3s;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px}.btn[data-v-b310b54a]:hover{background:linear-gradient(135deg,#0039cb,#2962ff);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.btn[data-v-b310b54a]:active{transform:translateY(0)}.btn i[data-v-b310b54a]{font-size:1.2rem}.data-list[data-v-b310b54a]{margin-top:20px;overflow-y:auto}.data-item[data-v-b310b54a]{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid hsla(0,0%,100%,.1)}.data-item[data-v-b310b54a]:hover{background:hsla(0,0%,100%,.1)}.legend[data-v-b310b54a]{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;flex-wrap:wrap;padding:15px;background:hsla(0,0%,100%,.05);border-radius:10px}.legend-item[data-v-b310b54a]{display:flex;align-items:center;gap:5px}.legend-color[data-v-b310b54a]{width:20px;height:20px;border-radius:3px}.footer[data-v-b310b54a]{text-align:center;margin-top:30px;opacity:.7;font-size:.9rem;padding:15px;background:hsla(0,0%,100%,.05);border-radius:10px}.loading[data-v-b310b54a]{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.2rem}.error[data-v-b310b54a]{color:#ff6b6b;text-align:center;padding:20px;background:hsla(0,100%,71%,.1);border-radius:10px;margin:10px 0}@media (max-width:768px){.content[data-v-b310b54a]{flex-direction:column}.sidebar[data-v-b310b54a]{width:100%}.header h1[data-v-b310b54a]{font-size:2rem}#map[data-v-b310b54a]{height:400px}}