/* 防抖动样式 - 强化版 */
html {
    overflow-y: scroll !important;
    overflow-anchor: none;
}
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}
.supplier-content {
    flex: 1;
    padding: 20px;
    width: 100%;
}

/* 可折叠地图容器 */
.map-collapsible {
    transition: height 0.3s ease;
    overflow: hidden;
}
.map-collapsible.collapsed {
    height: 0 !important;
    min-height: 0 !important;
}
.map-collapsible.expanded {
    height: 600px;
}

#chinaMap {
    height: 600px;
    width: 100%;
    border-radius: 4px;
    background: #f5f5f5;
    position: relative;
}
#chinaMap::before {
    content: "地图加载中...";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #999;
    font-size: 14px;
    z-index: 1;
}
#chinaMap.echarts-loaded::before {
    display: none;
}

/* 折叠按钮样式 */
.map-toggle-btn {
    cursor: pointer;
    color: #007bff;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.map-toggle-btn i {
    transition: transform 0.3s;
}
.map-toggle-btn.collapsed i {
    transform: rotate(-90deg);
}

/* 原有表格样式保持不变 */
.supplier-table th { background-color: #f8f9fa; font-size: 13px; text-align: center; }
.supplier-table td { font-size: 12px; vertical-align: middle; text-align: center; }
.badge-unknown { background-color: #dc3545; color: white; padding: 2px 6px; border-radius: 3px; font-size: 11px; display: inline-block; min-width: 50px; }
.badge-success { background-color: #28a745; color: white; padding: 2px 6px; border-radius: 3px; font-size: 11px; display: inline-block; min-width: 50px; }
.company-name-link { color: #007bff; cursor: pointer; text-decoration: none; }
.company-name-link:hover { text-decoration: underline; }
.project-count-badge { 
    background: #b02a37 !important; 
    color: white; 
    border-radius: 10px; 
    padding: 2px 6px; 
    font-size: 10px; 
    min-width: 18px; 
    text-align: center; 
    cursor: help; 
    display: inline-block;
}
.project-tooltip { 
    line-height: 1.4; 
    text-align: left; 
    white-space: normal;
}
.project-tooltip a:hover { 
    text-decoration: underline; 
    background-color: #e9f2ff; 
}
.supplier-table td,
.supplier-table th {
    text-align: center;
    vertical-align: middle;
}