/* 天地图标签基础样式 */
.tdt-label {
    padding: 0px; /* 设置为0px */
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    color: white;
    box-shadow: none; /* 移除阴影 */
    margin: 0; /* 移除外边距 */
    background: none !important;
    border: none !important;
}

/* 当缩放级别小于13时，区域标签移除白色背景和边框 */
.tdt-label.area-label {
    background: none !important;
    border: none !important;
}

/* 根据销售状态设置背景色 */
.status-onsale {
    background-color: #70d298 !important; /* 在售 - 绿色 */
}

.status-pending {
    background-color: #17bfff !important; /* 待售 - 蓝色 */
}

.status-soldout {
    background-color: #999 !important; /* 售罄 - 金色 */
}

.status-tail {
    background-color: #ff7213 !important; /* 尾盘 - 橙色 */
}

/* 悬停效果 */
.tdt-label>.estate-container:hover {
    background-color: #fe5356 !important;
}

/* 楼盘名称样式 */
.estate-title {
    font-weight: bold;
    font-size: 12px;
}

/* 销售状态样式 */
.sale-status {
    display: inline-block;
    margin: 0 2px;
    /* 移除了 background: rgba(0,0,0,0.2); */
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 10px;
}

/* 价格样式 */
.estate-price {
    font-style: italic;
    font-size: 12px;
}

/* estate-container 默认样式 */
.estate-container {
    position: relative;
    padding: 0px 6px;
    line-height: 22px;
    border-radius: 3px;
    background-color: #ff7213; /* 默认背景色 */
}

/* estate-container 底部三角形箭头 */
.estate-container::after {
    content: "";
    position: absolute;
    left: 7%;
    top: 100%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent; /* 放大一倍，从5px到10px */
    border-right: 10px solid transparent; /* 放大一倍，从5px到10px */
    border-top: 10px solid; /* 放大一倍，从5px到10px */
}

/* 与estate-container相同的状态样式用于箭头 */
.estate-container.status-onsale::after {
    border-top-color: #70d298 !important; /* 在售箭头颜色 */
}

.estate-container.status-pending::after {
    border-top-color: #17bfff !important; /* 待售箭头颜色 */
}

.estate-container.status-soldout::after {
    border-top-color: #999 !important; /* 售罄箭头颜色 */
}

.estate-container.status-tail::after {
    border-top-color: #ff7213 !important; /* 尾盘箭头颜色 */
}

/* 悬停时箭头颜色也改变 */
.estate-container:hover::after {
    border-top-color: #fe5356 !important;
}

/* 区域标签样式 - 当缩放级别小于13时 */
.area-label {
    border-radius: 50% !important;
    text-align: center !important;
    line-height: 25px !important;
    background-color: #fe5356 !important;
    color: white !important; /* 默认字体为白色 */
    cursor: pointer !important;
    padding: 10px !important;
    font-size: 12px !important;
    font-weight: normal !important;
    display: inline-block !important;
}

/* 区域标签悬停样式 */
.area-label:hover {
    background-color: #41a8f3 !important;
    color: white !important;
}