/**
 * 救援指挥中心 - 自定义样式
 * Rescue Command Center - Custom CSS
 */

/* 地图容器 */
.map-container {
    height: calc(100vh - 56px - 80px);
    position: relative;
}

/* 毛玻璃效果 */
.glass-overlay {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(8px);
}

/* 脉冲动画 (地图标记) */
.pulse-effect {
    box-shadow: 0 0 0 0 rgba(0, 6, 102, 0.4);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%   { box-shadow: 0 0 0 0 rgba(0, 6, 102, 0.4); }
    70%  { box-shadow: 0 0 0 10px rgba(0, 6, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 6, 102, 0); }
}

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

/* Bento Grid 布局 */
.bento-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}
.bento-tall { grid-row: span 2; }
.bento-wide { grid-column: span 2; }

/* Glass Card */
.glass-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
}

/* 底部安全区域 */
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* 触摸反馈 */
.active\:scale-95:active { transform: scale(0.95); }
.active\:scale-90:active { transform: scale(0.9); }

/* 选中态过渡 */
.transition-transform { transition: transform 0.15s ease; }
.transition-colors { transition: color 0.15s ease, background-color 0.15s ease; }
.transition-shadow { transition: box-shadow 0.2s ease; }
.transition-opacity { transition: opacity 0.2s ease; }
.transition-all { transition: all 0.15s ease; }