.ol-map-MyModal {
    &-commonModal {
        .ant-modal-body {
            height: 100%;
            max-height: calc(100% - 108px) !important;
        }
    }
    // 主题色，再添加一种主题时，就添加一种
    &-dark {
        --text-color: #fff;
        --bg-color: #041421;
        --modal-border-color: #687d94;
        --border-color: #172e4d;
        --title-bg-color: linear-gradient(
            270deg,
            rgba(75, 99, 135, 0.2) 0%,
            rgba(9, 13, 26, 0.2) 50%,
            rgba(75, 99, 135, 0.2) 100%
        );
        --label-color: #74bbf4;
        --box-bg-color: #0f1d2b;
        --result-title-left-bg-color: linear-gradient(180deg, #abd8fc 0%, #72cbfb 100%);
        --table-head-bg: #003155;
        --table-head-color: #56a2e1;
        --table-bg: rgba(1, 37, 64);
        --table-odd-bg: rgba(12, 56, 89);
    }
    &-no-light {
        color: var(--text-color);
        .ant-table-thead > tr > th,
        .vtx-datagrid-fit .ant-table-tbody > tr > td:first-child,
        .ant-table-tbody > tr > td,
        .vtx-datagrid-fit .ant-table-container table > thead > tr th:first-child {
            border: none;
        }
        .ant-table-cell-scrollbar {
            box-shadow: none;
        }
        .ant-modal-content {
            background: var(--bg-color);
            border-radius: 10px 10px 10px 10px !important;
            border: 2px solid var(--modal-border-color);
        }
        .vtx-datagrid .ant-table-thead > tr > th {
            background-color: var(--table-head-bg);
        }
        .ant-table-thead > tr > th {
            color: var(--table-head-color);
        }
        .vtx-datagrid .ant-table-tbody > tr > .ant-table-cell,
        .ant-pagination,
        .ant-pagination-item a {
            color: var(--text-color);
        }
        .ant-table {
            background: transparent;
        }
        .ant-table-cell-fix-left,
        .ant-table-cell-fix-right,
        .ant-table-tbody > tr.ant-table-row > td {
            background: var(--table-bg);
        }
        .ant-pagination-item-active a {
            color: #1890ff;
        }
        .vtx-datagrid-fit .ant-table-tbody > tr:nth-child(odd),
        .vtx-datagrid-fit .ant-table-tbody > tr:nth-child(odd) > td,
        .ant-table-tbody > tr.ant-table-row:hover > td,
        .ant-table-tbody > tr > td.ant-table-cell-row-hover {
            background: var(--table-odd-bg) !important;
        }
        .ant-modal-header {
            background: transparent;
            color: var(--text-color);
            font-size: 22px;
            padding: 6px 6px 0 6px;
            border-bottom: none;
        }
        .ant-modal-title {
            background: var(--title-bg-color);
            border-radius: 6px 6px 0px 0px;
            border: 1px solid var(--border-color);
            height: 60px;
        }
        .vtx-modal-header-text,
        .vtx-modal-header-subtitle,
        .vtx-modal-header-title .vtx-modal-header-text + .vtx-modal-header-subtitle::before,
        .ol-map-analysis-popup-detail-items-wrap,
        .ol-map-analysis-detail-wrap-right-title,
        .ol-map-analysis-result-diagnosis-subtitle,
        .ol-map-analysis-result-diagnosis-content,
        .ol-map-analysis-collapse .ant-collapse-header-text,
        .ant-select-arrow,
        .ol-map-analysis-result-title-wrap-title,
        .ant-select-item {
            color: var(--text-color) !important;
        }
        .ant-select-item-option-active:not(.ant-select-item-option-disabled),
        .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
            background-color: #26425f;
        }
        .vtx-modal-title,
        .vtx-modal-title_name,
        .vtx-modal-header-title {
            height: 100%;
        }
        .vtx-modal-header-title {
            padding-left: 16px;
            display: flex;
            align-items: center;
            width: fit-content;
            border-radius: 6px 0px 0px 0px;
        }
        .ant-collapse {
            color: var(--text-color);
            background: var(--box-bg-color);
            border: 1px solid var(--border-color);
        }
        .ant-collapse-content,
        .ant-collapse > .ant-collapse-item {
            border-color: var(--border-color);
        }
        .ant-collapse-content-box,
        .ant-select-dropdown,
        .ol-map-analysis-collapse > .ant-collapse-item > .ant-collapse-header {
            background: var(--box-bg-color);
            color: var(--text-color);
        }
        .ol-map-analysis-popup-detail-items-label {
            color: var(--label-color);
        }
        .ol-map-analysis-result-diagnosis-wrap {
            background-color: var(--box-bg-color);
        }
        .ol-map-analysis-result-title-wrap::before {
            background: var(--result-title-left-bg-color);
        }
        .ant-select:not(.ant-select-customize-input) .ant-select-selector {
            border-color: var(--border-color);
            color: var(--text-color);
            background-color: var(--box-bg-color);
        }
    }
}
