/* 地图页面特定样式 */
.map-hero {
    height: 60vh;
    min-height: 400px;
    align-items: flex-end;
    padding-bottom: 80px;
}

/* 优化地图背景图片显示质量 */
.map-hero .video-container img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

#map {
    padding-top: 120px;
}

.map-container {
    width: 100%;
    height: 600px;
    border: none;
    border-radius: 15px;
    box-shadow: var(--shadow);
    display: block;
    background: #f0f0f0; /* 加个背景色，万一加载慢 */
    margin-top: 20px;
}

/* 夜景模式地图发光动态效果 */
[data-theme="dark"] .map-container {
    box-shadow: 0 0 20px rgba(0, 184, 212, 0.6), 0 0 40px rgba(0, 184, 212, 0.3), 0 0 60px rgba(0, 184, 212, 0.1);
    animation: mapGlow 2s ease-in-out infinite alternate;
}

@keyframes mapGlow {
    from {
        box-shadow: 0 0 20px rgba(0, 184, 212, 0.6), 0 0 40px rgba(0, 184, 212, 0.3), 0 0 60px rgba(0, 184, 212, 0.1);
    }
    to {
        box-shadow: 0 0 30px rgba(0, 184, 212, 0.8), 0 0 60px rgba(0, 184, 212, 0.5), 0 0 90px rgba(0, 184, 212, 0.2);
    }
}



@media (max-width: 768px) {
    .map-container {
        height: 400px;
    }
}