/**
 * 布局相关CSS样式
 * 从map.html中提取的布局样式
 */

/* 基础布局类 */
.fixed { position: fixed !important; }
.absolute { position: absolute !important; }
.relative { position: relative !important; }
.hidden { display: none !important; }
.flex { display: flex !important; }
.w-full { width: 100% !important; }
.w-0 { width: 0 !important; }
.h-full { height: 100% !important; }
.bg-white { background-color: white !important; }
.text-white { color: white !important; }
.rounded-lg { border-radius: 0.5rem !important; }
.px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important; }
.z-50 { z-index: 50 !important; }
.z-30 { z-index: 30 !important; }
.z-20 { z-index: 20 !important; }
.z-10 { z-index: 10 !important; }

/* 修复宝藏面板响应式宽度 */
@media (min-width: 768px) {
    .md\:w-96 { width: 24rem !important; }
}

/* 面板过渡效果 */
.panel-transition {
    transition: transform 0.3s ease, width 0.3s ease, box-shadow 0.3s ease;
}

/* 地图容器 */
.map-container {
    height: 100vh;
}

/* 滚动条隐藏 */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* 内容自动可见性 */
.content-auto {
    content-visibility: auto;
}

/* 文本阴影 */
.text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}