/* ==================== 公共样式定义 ==================== */

/* 红色工具提示样式 */
.red-tooltip {
    background: rgba(244, 67, 54, 0.95) !important;
    color: white !important;
    font-weight: bold !important;
    padding: 5px 12px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;
    backdrop-filter: blur(5px) !important;
    min-width: 60px !important;
    text-align: center !important;
    font-size: 14px !important;
}

/* 蓝色工具提示样式 */
.blue-tooltip {
    background: rgba(33, 150, 243, 0.95) !important;
    color: white !important;
    font-weight: bold !important;
    padding: 5px 12px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;
    backdrop-filter: blur(5px) !important;
    min-width: 60px !important;
    text-align: center !important;
    font-size: 14px !important;
}

/* 分离弹窗和工具提示的样式 */
.leaflet-popup .red-tooltip,
.leaflet-popup .blue-tooltip {
    background: transparent !important;
    color: inherit !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    min-width: auto !important;
    text-align: inherit !important;
    font-size: inherit !important;
}

/* 用户名工具提示样式 */
.username-tooltip {
    font-weight: bold !important;
    background: rgba(255, 255, 255, 0.95) !important;
    color: #333 !important;
    padding: 5px 12px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    z-index: 1000 !important;
    backdrop-filter: blur(5px) !important;
    min-width: 60px !important;
    text-align: center !important;
    font-size: 14px !important;
}

/* Leaflet工具提示中的用户名样式 */
.leaflet-tooltip.username-tooltip {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #333 !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;
    font-weight: bold !important;
    font-size: 14px !important;
    padding: 5px 12px !important;
    border-radius: 18px !important;
    white-space: nowrap !important;
    z-index: 1000 !important;
    backdrop-filter: blur(5px) !important;
    min-width: 60px !important;
    text-align: center !important;
}

/* 用户名颜色覆盖：管理员蓝色、救援红色 */
.username-tooltip.red-tooltip,
.leaflet-tooltip.username-tooltip.red-tooltip {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #e53935 !important;
    border: 1px solid rgba(229, 57, 53, 0.35) !important;
}

.username-tooltip.blue-tooltip,
.leaflet-tooltip.username-tooltip.blue-tooltip {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #3498db !important;
    border: 1px solid rgba(52, 152, 219, 0.35) !important;
}