:root{--space-dark: #0a0f2b;--space-deep: #1a1f3e;--space-blue: #2a3b8f;--space-light: #4a6bff;--space-purple: #7b68ee;--space-cyan: #00e5ff;--space-glow: #00fff7;--space-gold: #ffd700;--space-white: #ffffff;--text-primary: #ffffff;--text-secondary: #e0e8ff;--panel-bg: rgba(20, 30, 60, .92);--panel-border: rgba(100, 150, 255, .4)}html,body{margin:0;height:100%;font-family:Microsoft YaHei,Segoe UI,sans-serif}body{background:linear-gradient(135deg,var(--space-dark) 0%,var(--space-deep) 50%,#000033 100%);overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(74,107,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(123,104,238,.08) 0%,transparent 50%);z-index:-1;pointer-events:none}#olmap{position:absolute;width:100%;height:100%;z-index:0}.map-title{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;background:var(--panel-bg);padding:12px 35px;border-radius:12px;border:1px solid var(--panel-border);box-shadow:0 8px 32px #0006,0 0 30px #4a6bff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.map-title h1{margin:0;font-size:1.6rem;font-weight:600;color:var(--text-primary);text-shadow:0 2px 10px rgba(0,229,255,.5);letter-spacing:1px}.basemap-panel{position:fixed;top:90px;left:20px;z-index:1001;background:var(--panel-bg);padding:15px;border-radius:12px;border:1px solid var(--panel-border);box-shadow:0 8px 32px #0006,0 0 30px #4a6bff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-height:calc(100vh - 120px);overflow-y:auto;min-width:240px;pointer-events:auto}.basemap-panel h3{margin:0 0 12px;font-size:1rem;color:var(--space-cyan);padding-bottom:10px;border-bottom:1px solid var(--panel-border);font-weight:600}.basemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.basemap-item{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:10px;cursor:pointer;transition:all .25s ease;border:2px solid transparent}.basemap-item:hover{background:#4a6bff33;transform:translateY(-2px)}.basemap-item.active{border-color:var(--space-cyan);background:#00e5ff26;box-shadow:0 0 20px #00e5ff4d}.basemap-preview{width:55px;height:55px;border-radius:8px;margin-bottom:6px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000004d}.basemap-item span{font-size:.75rem;color:var(--text-primary);text-align:center;font-weight:500}.toolbox-panel{position:fixed;top:90px;right:20px;z-index:1001;background:var(--panel-bg);padding:15px;border-radius:12px;border:1px solid var(--panel-border);box-shadow:0 8px 32px #0006,0 0 30px #4a6bff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:230px;max-height:calc(100vh - 130px);overflow-y:auto;pointer-events:auto}.toolbox-panel h3{margin:0 0 12px;font-size:1rem;color:var(--space-cyan);padding-bottom:10px;border-bottom:1px solid var(--panel-border);font-weight:600}.tool-group{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(74,107,255,.15)}.tool-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.tool-group-title{font-size:.82rem;color:var(--space-gold);margin-bottom:8px;padding-left:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tool-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tool-btn{padding:10px 8px;background:linear-gradient(135deg,#2a3b8f99,#4a6bff66);border:1px solid var(--panel-border);border-radius:8px;color:var(--text-primary);font-size:.78rem;cursor:pointer;transition:all .25s ease;font-family:inherit;text-align:center;font-weight:500}.tool-btn:hover{background:linear-gradient(135deg,#4a6bffb3,#00e5ff80);border-color:var(--space-cyan);box-shadow:0 4px 15px #00e5ff59;transform:translateY(-2px)}.tool-btn.active{background:linear-gradient(135deg,#00e5ffb3,#00fff780);border-color:var(--space-glow);box-shadow:0 0 20px #00fff780;color:var(--space-dark);font-weight:700}.coordinates-bar{position:fixed;bottom:20px;left:20px;z-index:1001;background:var(--panel-bg);padding:12px 20px;border-radius:10px;border:1px solid var(--panel-border);box-shadow:0 8px 32px #0006,0 0 30px #4a6bff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;gap:24px;pointer-events:auto}.coord-item{display:flex;align-items:center;gap:8px}.coord-label{color:var(--space-cyan);font-size:.85rem;font-weight:600}.coord-item span:last-child{color:var(--text-primary);font-size:.9rem;font-family:Consolas,monospace;font-weight:500}.legend-panel{position:fixed;bottom:20px;right:20px;z-index:100;background:var(--panel-bg);padding:14px 18px;border-radius:10px;border:1px solid var(--panel-border);box-shadow:0 8px 32px #0006,0 0 30px #4a6bff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.legend-panel h4{margin:0 0 12px;font-size:.9rem;color:var(--space-cyan);font-weight:600}.legend-item{display:flex;align-items:center;gap:10px;margin-bottom:8px}.legend-item:last-child{margin-bottom:0}.legend-color{width:18px;height:18px;border-radius:4px;box-shadow:0 0 8px currentColor}.legend-item span{font-size:.85rem;color:var(--text-secondary);font-weight:500}.ol-control{background-color:var(--panel-bg)!important;border-radius:8px!important;border:1px solid var(--panel-border)!important;box-shadow:0 4px 15px #0000004d!important}.ol-control button{background-color:#2a3b8fb3!important;color:var(--text-primary)!important;border-radius:4px!important}.ol-control button:hover{background-color:#4a6bffcc!important}.ol-scale-line{background:var(--panel-bg)!important;border:1px solid var(--panel-border)!important;border-radius:5px!important;bottom:70px!important;left:20px!important}.ol-scale-line-inner{color:var(--space-cyan)!important;border-color:var(--space-cyan)!important;font-weight:600}.ol-attribution{display:none!important}.ol-tooltip{position:relative;background:var(--panel-bg);border-radius:8px;border:1px solid var(--space-cyan);color:var(--text-primary);padding:8px 14px;font-size:14px;white-space:nowrap;box-shadow:0 0 20px #00e5ff66;font-weight:600}.ol-tooltip-measure{opacity:1}.ol-tooltip-static{background-color:#7b68eee6;color:var(--space-glow);border-color:var(--space-glow)}.ol-tooltip-measure:before,.ol-tooltip-static:before{border-top:6px solid rgba(0,229,255,.5);border-right:6px solid transparent;border-left:6px solid transparent;content:"";position:absolute;bottom:-6px;margin-left:-7px;left:50%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0f2b80;border-radius:3px}::-webkit-scrollbar-thumb{background:var(--space-blue);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--space-light)}@media (max-width: 1200px){.basemap-panel{min-width:200px}.basemap-grid{grid-template-columns:repeat(2,1fr)}.toolbox-panel{width:200px}}@media (max-width: 768px){.map-title h1{font-size:1.2rem}.basemap-panel,.legend-panel{display:none}.toolbox-panel{top:auto;bottom:80px;right:10px;width:170px;max-height:50vh}.tool-buttons{grid-template-columns:1fr}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #00e5ff66}50%{box-shadow:0 0 20px #00e5ff99}}.glow-animation{animation:glowPulse 2s infinite alternate}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.basemap-panel,.toolbox-panel{animation:slideIn .4s ease-out}.custom-mouse-position{color:var(--text-primary);font-size:.9rem;font-family:Consolas,monospace;font-weight:500}