//通用样式
html {
    --hc-body-bg-color: #F5F5F5;
    --hc-bg-color: #ffffff;
    --hc-text-color: #333333;
    --hc-shadow: 4px 4px 8px 0 rgba(54,92,167,0.15), -4px -4px 8px 0 #ffffff;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    //左侧菜单
    .hc-layout-box .hc-aside-box .hc-aside-logo-box .logo-img-1 {
        &.white {
            display: block;
        }
        &.dark {
            display: none;
        }
    }
}

//深色主题设置
html.dark {
    --hc-body-bg-color: #050c17;
    --hc-bg-color: #050c17;
    --hc-text-color: #7780A1;
    --hc-shadow: 4px 4px 8px 0 rgba(0,0,0,0.15), -4px -4px 8px 0 #3d3d3d;
    --el-bg-color-overlay: #050c17;
    --hc-border-color: rgba(119, 128, 161, .2);
    --hc-label-color: #5A6382;
    html, body, #app {
        background: var(--el-bg-color-overlay);
    }
    //首页背景
    .hc-layout-box .hc-layout-bg-box {
        opacity: .1;
    }
    //左侧菜单
    .hc-layout-box .hc-aside-box {
        color: #5A6382;
        background: var(--el-bg-color-overlay);
        box-shadow: initial;
        border: 1px solid var(--hc-border-color);
        border-left: 0;
        border-bottom: 0;
        border-radius: 0 !important;
        &.home-index {
            color: #5A6382;
            background: var(--el-bg-color-overlay);
            backdrop-filter: initial;
            -webkit-backdrop-filter: initial;
        }
        .hc-aside-logo-box .logo-img-1 {
            &.white {
                display: none;
            }
            &.dark {
                display: block;
            }
        }
        //菜单
        .el-menu-item, .el-sub-menu__title {
            color: #5A6382;
        }
        .el-menu-item.is-active {
            color: inherit;
            .hc-aside-menu-item {
                color: var(--el-color-primary);
                background-color: var(--hc-shadow-color-2);
                box-shadow: none;
                &::before, &::after {
                    display: none;
                }
            }
        }
        .hc-aside-bar-box:before {
            background-image: linear-gradient(90deg, rgba(102, 102, 102, 0) 11%, #2c2c2c 35%, #2c2c2c 64%, rgba(102, 102, 102, 0) 86%);
        }
        .hc-aside-menu-box {
            .el-scrollbar__bar.is-horizontal {
                display: none !important;
            }
        }
        .hc-aside-menu.el-menu--collapse .el-menu-item.is-active .hc-aside-menu-item,
        .hc-aside-menu.el-menu--collapse .el-sub-menu.is-active .hc-aside-menu-item
        {
            color: var(--el-color-primary) !important;
            background: var(--hc-shadow-color-2);
            box-shadow: none;
        }
        .hc-aside-menu.el-menu--collapse .el-sub-menu:not(.is-active):hover,
        .hc-aside-menu.el-menu--collapse .el-menu-item:not(.is-active):hover {
            .hc-aside-menu-item {
                color: var(--el-color-primary);
                background: var(--hc-shadow-color-2);
            }
        }
    }
    .aside-menu-popper.el-popper .el-menu--vertical .el-menu .el-menu-item,
    .aside-menu-popper.el-popper .el-menu--vertical .el-menu .el-sub-menu {
        &:hover {
            background: var(--hc-shadow-color-2);
        }
    }
    .hc-layout-box .hc-aside-box .hc-aside-bar-box div.active {
        color: var(--el-color-primary);
        background-color: var(--hc-shadow-color-2);
        box-shadow: none;
    }
    //左栏
    .hc-layout-box .hc-layout-left-box {
        color: var(--el-text-color-primary);
        background: var(--el-bg-color-overlay);
        box-shadow: initial;
        border: 1px solid var(--hc-border-color);
    }
    .hc-layout-box .hc-layout-left {
        background: var(--el-bg-color-overlay);
        border: 1px solid var(--hc-border-color);
        color: var(--hc-label-color);
        box-shadow: initial;
    }
    .hc-table-form-content .hc-table-forem-box,
    .hc-table-form-content .hc-fixed-page,
    .hc-table-form-content .hc-right-pian-box,
    .hc-table-form-content .hc-footer-box {
        background: var(--el-bg-color-overlay);
        border: 1px solid var(--hc-border-color);
        color: var(--hc-label-color);
        box-shadow: initial;
    }
    //小图标时的菜单
    .aside-menu-popper.el-popper .el-menu--vertical .el-menu {
        background-color: var(--el-bg-color-overlay);
        --el-menu-text-color: #5A6382;
        color: #5A6382;
    }
    .aside-menu-popper.el-popper .el-menu--vertical .el-menu .el-sub-menu.is-active .el-sub-menu__title {
        color: var(--el-color-primary);
        background: transparent;
    }
    .aside-menu-popper.el-popper .el-menu--vertical .el-menu .el-menu-item.is-active .hc-aside-menu-item {
        color: var(--el-color-primary);
        background: var(--hc-shadow-color-2);
    }
    .aside-menu-popper.el-popper .el-menu--vertical .el-menu .el-sub-menu:not(.is-active) .el-sub-menu__title:hover {
        color: var(--el-color-primary);
        background: var(--hc-shadow-color-2);
    }
    .el-popper.is-light {
        background: var(--el-bg-color-overlay);
        border: 1px solid var(--hc-border-color);
    }
    .el-cascader-panel {
        --el-cascader-menu-text-color: var(--hc-label-color);
        --el-cascader-node-background-hover: var(--hc-shadow-color-2);
        .el-cascader-menu {
            border-color: var(--hc-border-color);
        }
    }
    //卡片
    .el-card.hc-card-box {
        box-shadow: none;
        color: var(--hc-text-color);
        border: 1px solid var(--hc-border-color);
        .el-card__header {
            border-bottom: 1px solid var(--hc-border-color);
        }
        .el-card__body .hc-card-action-box {
            border-top: 1px solid var(--hc-border-color);
            background-color: var(--el-bg-color-overlay);
        }
    }
    //设置里的副标题
    .hc-screenshot-box .item .label {
        color: var(--hc-label-color);
    }
    //设置里的选择卡片
    .hc-theme-box .item {
        border: 1px solid var(--hc-border-color);
        background-color: var(--el-bg-color-overlay);
        &.active {
            box-shadow: 4px 4px 8px 0 rgba(61,60,60,0.15), 0 0 8px 0 #1d1d1d;
        }
        .action {
            background-color: var(--hc-bg-color);
            border-top: 1px solid var(--hc-border-color);
        }
    }
    .hc-layout-box .hc-container-view .hc-header-view .hc-header-top-menu-bar .hc-top-menu-bar .bar-menu-content .bar-menu-btn {
        background: #0C1622;
        color: #7780A1;
        border-color: var(--hc-border-color);
        &:hover:not([class*='cur']) {
            color: var(--el-color-primary);
            background: var(--hc-shadow-color-2);
        }
        &:active:not([class*='cur']) {
            color: var(--el-color-primary);
            background: var(--hc-shadow-color-2);
        }
        &.cur {
            color: var(--el-color-primary);
            background: var(--hc-shadow-color-2);
            border-color: var(--hc-shadow-color-2);
        }
    }

    //顶部项目合同下拉框
    .hc-layout-box .hc-container-view .hc-header-view .hc-header-content .hc-header-cascader-box .el-cascader .el-input .el-input__wrapper {
        background: #0C1622;
        color: #7780A1;
        border-color: var(--hc-border-color);
        box-shadow: none;
    }
    .hc-layout-box .hc-container-view .hc-header-view .hc-header-content .hc-header-cascader-box .el-cascader .el-input.is-focus .el-input__wrapper {
        box-shadow: none;
    }
    .hc-layout-box .hc-container-view .hc-header-view .hc-header-content .hc-header-cascader-box .el-cascader .el-input .el-input__wrapper .el-input__inner,
    .hc-layout-box .hc-container-view .hc-header-view .hc-header-content .hc-header-cascader-box .el-cascader .el-input .el-input__wrapper .el-input__suffix {
        color: #7780A1;
    }
    //顶部图标按钮
    .header-icon-bar {
        background: #0C1622;
        color: #7780A1;
        border-color: var(--hc-border-color);
        box-shadow: none;
    }
    .el-dropdown {
        color: var(--hc-text-color);
    }
    .el-dropdown-menu__item {
        color: var(--hc-text-color);
    }
    //顶部用户信息
    .user-info-bar {
        .user-name, .arrow-icon {
            color: var(--hc-text-color);
        }
        &:before {
            border-color: var(--hc-border-color);
        }
    }
    .header-pover-menu-list .list-item:hover {
        color: var(--el-color-primary);
        background: var(--hc-shadow-color-2);
    }
    .hc-layout-box .hc-layout-left-box .hc-project-box {
        .hc-project-icon-box {
            color: var(--hc-shadow-color-8);
        }
        .project-name-box {
            .project-alias {
                color: white;
            }
            .project-name {
                color: var(--hc-text-color);
            }
        }
    }
    //树
    .tree-line1 {
        .el-tree-node:before, .el-tree-node:after {
            border-color: var(--hc-shadow-color-3);
        }
    }
    .data-custom-tree-node .submit-counts {
        color: var(--hc-text-color) !important;
    }
    .data-custom-tree-node .menu-icon1 {
        background: transparent;
    }
    .hc-context-menu-box {
        background-color: var(--el-bg-color-overlay);
        border: 2px solid var(--hc-border-color);
        .hc-context-menu-item {
            color: var(--hc-text-color);
            &:hover {
                color: var(--el-color-primary);
                background: var(--hc-shadow-color-2);
            }
        }
    }
    .hc-layout-box .hc-layout-left-box .hc-tree-foot-tip-box .dot-view.black:before,
    .hc-tree-mp-tip-box .dot-view:before{
        border: 1px solid var(--hc-border-color);
    }
    .hc-expansion-contraction-tree {
        color: var(--hc-label-color);
        &:hover {
            color: var(--el-color-primary);
            background: var(--hc-shadow-color-1);
        }
    }

    //输入框
    .el-input, .el-date-editor {
        --el-input-text-color: white;
        --el-input-border-color: var(--hc-border-color);
        --el-input-hover-border-color: var(--hc-shadow-color-5);
        --el-input-placeholder-color: #4A5370;
    }

    .hc-table-form-action-tip .hc-alert {
        background-color: var(--el-bg-color-overlay);
        border: 1px solid var(--hc-border-color);
        box-shadow: none;
    }

    //按钮
    .el-button--primary.is-link, .el-button--primary.is-plain, .el-button--primary.is-text {
        --el-button-bg-color: var(--hc-shadow-color-3);
        --el-button-hover-bg-color: var(--hc-shadow-color-6);
    }
    .el-button[hc-btn] {
        border-color: var(--hc-border-color);
        box-shadow: none;
    }
    .el-button[hc-btn].is-disabled:not([class*=el-button--]) {
        --el-button-disabled-text-color: var(--el-color-info-light-5);
        --el-button-disabled-bg-color: var(--el-color-info-light-9);
    }
    .text-gray-400 {
        color: var(--hc-label-color);
    }

    .el-button[hc-btn]:not([class*=el-button--]) {
        --el-button-bg-color: var(--hc-shadow-color-1);
        --el-button-hover-bg-color: var(--hc-shadow-color-4);
    }

    .ui-drag-modal-box .ui-drag-modal-dialog {
        background-color: var(--el-bg-color-overlay);
        border: 3px solid var(--hc-border-color);
    }
    .ui-drag-modal-box .ui-drag-modal-dialog .ui-drag-modal-dialog-header .ui-drag-modal-dialog-extra .dialog-icon {
        color: var(--hc-text-color);
    }

    .sort-node-body-box.list-group .list-group-item:hover {
        background-color: var(--hc-shadow-color-3);
    }

    .copy-node-form-box {
        border-color: var(--hc-border-color);
    }

    //日期范围
    .el-date-editor .el-range-separator {
        color: #89898a;
    }

    //切换卡片
    .hc-sb-table .el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item {
        background: var(--hc-shadow-color-1);
        --el-text-color-primary: var(--hc-text-color);
        &:after {
            background-color: var(--hc-border-color);
        }
    }
    .hc-sb-table .el-tabs .el-tabs__active-bar {
        background: var(--el-bg-color-overlay);
        &:after, &:before {
            background: var(--el-bg-color-overlay);
        }
    }

    //表格
    .hc-table-ref-box {
        border-color: var(--hc-border-color);
        .el-table[hc] {
            --el-table-bg-color: initial;
            --el-table-border-color: var(--hc-border-color);
            --el-table-header-bg-color: var(--el-bg-color-overlay);
            --el-table-header-text-color: var(--hc-text-color);
            --el-table-tr-bg-color: var(--el-bg-color-overlay);
            --el-fill-color-lighter: #0F1825;
            --el-table-text-color: white;
            --el-table-row-hover-bg-color: #0F1825;
        }
        .el-table[hc].el-table--border {
            --el-table-border-color: var(--hc-border-color);
        }
        .el-table__body-wrapper tr td.el-table-fixed-column--left,
        .el-table__body-wrapper tr td.el-table-fixed-column--right,
        .el-table__body-wrapper tr th.el-table-fixed-column--left,
        .el-table__body-wrapper tr th.el-table-fixed-column--right,
        .el-table__footer-wrapper tr td.el-table-fixed-column--left,
        .el-table__footer-wrapper tr td.el-table-fixed-column--right,
        .el-table__footer-wrapper tr th.el-table-fixed-column--left,
        .el-table__footer-wrapper tr th.el-table-fixed-column--right,
        .el-table__header-wrapper tr td.el-table-fixed-column--left,
        .el-table__header-wrapper tr td.el-table-fixed-column--right,
        .el-table__header-wrapper tr th.el-table-fixed-column--left,
        .el-table__header-wrapper tr th.el-table-fixed-column--right {
            --el-bg-color: inherit;
        }
    }
    .task-tag-data-box, .el-form-item--large .el-form-item__content .form-item-div {
        border-color: var(--hc-border-color);
    }

    //分页
    .el-pagination {
        --el-pagination-text-color: white;
        --el-pagination-button-color: white;
        --el-pagination-button-bg-color: #1B2433;
    }
    .card-page-box .el-pagination.is-background .btn-next, .card-page-box .el-pagination.is-background .btn-prev, .card-page-box .el-pagination.is-background .el-pager li {
        border-color: var(--hc-border-color);
    }
    //弹窗
    .el-overlay-dialog .el-dialog {
        --el-dialog-border-radius: 10px;
        background: var(--el-bg-color-overlay);
        border: 3px solid var(--hc-border-color);
        box-shadow: none;
        .el-dialog__body {
            color: var(--hc-text-color);
        }
        &.hc-modal-border {
            .el-dialog__header {
                border-color: var(--hc-border-color);
            }
            .el-dialog__footer {
                border-color: var(--hc-border-color);
            }
        }
    }
    .el-message-box {
        border-width: 3px;
        background: var(--el-bg-color-overlay);
        border-color: var(--hc-border-color);
        box-shadow: none;
        .el-button {
            --el-button-border-color: var(--hc-border-color);
            --el-button-text-color: var(--hc-text-color);
            --el-button-hover-bg-color: var(--hc-shadow-color-3);
            --el-button-hover-border-color: transparent;
        }
        .el-button--primary {
            --el-button-text-color: var(--el-color-primary);
            --el-button-bg-color: var(--hc-shadow-color-2);
            --el-button-border-color: transparent;
            --el-button-hover-bg-color: var(--el-color-primary-light-3);
            --el-button-hover-border-color: var(--el-color-primary-light-3);
        }
    }

    //表单
    .el-form-item--large .el-form-item__content .form-item-dashed {
        border-color: #4c4d4f;
    }

    //步进器
    .hc-counter-box .counter-box {
        color: var(--hc-text-color);
        .counter-btn {
            border-color: var(--hc-border-color);
            color: var(--hc-text-color);
            background-color: var(--el-bg-color-overlay);
        }
        .counter-btn[disabled=true] {
            color: var(--hc-label-color);
            background-color: var(--hc-bg-color);
        }
        .counter-val {
            border-color: var(--hc-border-color);
        }
    }
    //工单服务
    .hc-order-service .order-service-content .content-box .comment-card-box {
        border: 1px solid var(--hc-border-color);
        background: var(--el-bg-color-overlay);
        .card-content-box .user-info-box {
            .text-lg {
                color: white;
            }
            .text-gray {
                color: var(--hc-text-color) !important;
            }
        }
        .card-content-box .desc_para {
            color: white;
        }
        .collapse-comment-box .user-comment-info-box .user-comment-box .user-comment-content-box {
            color: var(--hc-text-color);
        }
    }

    //选择任务人
    .hc-tasks-user .tasks-user-box {
        border-color: var(--hc-border-color);
    }
    .hc-tasks-user-modal-content-box .user-box .y-user-list-box .title-box,
    .hc-tasks-user-modal-content-box .user-box .s-user-list-box .title-box {
        border-color: var(--hc-border-color);
        background-color: var(--hc-bg-color);
        color: var(--hc-label-color);
    }
    .hc-tasks-user-modal-content-box .user-box .s-user-list-box {
        border-color: var(--hc-border-color);
    }
    .hc-tasks-user-modal-content-box .user-box .y-user-list-box .user-list .user-item + .user-item,
    .hc-tasks-user-modal-content-box .user-box .s-user-list-box .user-list .user-item + .user-item {
        border-color: var(--hc-border-color);
    }
    .hc-tasks-user-modal-content-box .tree-box {
        border-color: var(--hc-border-color);
        .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
            background-color: #454545;
            color: #ffffff;
        }
    }
    .sort-node-body-box.list-group {
        border-color: var(--hc-border-color);
        .list-group-item + .list-group-item{
            border-color: var(--hc-border-color);
        }
    }
    .sort-node-body-box.list-group.header .list-group-item {
        background-color: var(--hc-bg-color);
        color: var(--hc-label-color);
    }
    //左侧小菜单栏
    .hc-menu-simple-box .item-box {
        border: 1px solid var(--hc-border-color);
        background: var(--el-bg-color-overlay);
        .icon-box {
            background-color: var(--hc-bg-color);
            color: var(--hc-label-color);
        }
        .label-box {
            color: var(--hc-label-color);
        }
        &.active {
            box-shadow: none;
            color: var(--el-color-primary);
            background: var(--hc-shadow-color-2);
            .label-box {
                color: var(--el-color-primary);
            }
        }
        &:hover:not(.active) {
            .icon-box {
                color: var(--hc-text-color);
                background-color: var(--hc-bg-color);
            }
            .label-box {
                color: var(--hc-text-color);
                font-weight: 500;
            }
        }
    }
    //树
    .el-tree.hc-tree-node {
        --el-tree-node-hover-bg-color: var(--hc-bg-color);
    }
    .hc-tree-node.tree-line .el-tree-node.is-expanded.is-current.is-focusable {
        background: #181c21;
    }
    .data-custom-tree-node .menu-icon {
        background: initial;
        color: var(--el-bg-color-overlay);
    }
    .hc-tree-node .data-custom-tree-node {
        color: var(--hc-label-color);
    }
    .el-tree.hc-tree-node.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
        background-color: #181c21;
        .data-custom-tree-node {
            color: var(--hc-text-color);
        }
    }
    //工程划分树
    .hc-page-layout-box .hc-layout-left-box .hc-project-box {
        border-color: var(--hc-border-color);
    }
    .hc-page-content-box.hc-division-page .project-info {
        height: calc(100% - 346px);
    }
    .hc-page-content-box.hc-division-page .footer-box {
        color: var(--el-text-color-primary);
        background: var(--el-bg-color-overlay);
        border: 1px solid var(--hc-border-color);
        box-shadow: initial;
    }
    .hc-import-temp-box .hc-import-node-tree-box .import-node-tree-box,
    .hc-import-temp-box .hc-import-node-tree-box .import-node-tree-box .hc-tree-title-box {
        border-color: var(--hc-border-color);
    }
    .hc-layout-box .hc-layout-left-box .hc-project-box,
    .hc-layout-box .hc-layout-left-box .hc-tree-foot-tip-box {
        border-color: var(--hc-border-color);
    }

    .copy-node-many-box, .copy-node-many-box .copy-node-many-tree {
        border-color: var(--hc-border-color);
    }

    .data-fill-list-box .el-collapse .el-collapse-item {
        background-color: var(--el-bg-color-overlay);
        border-color: var(--hc-border-color);
        .hc-collapse-item-header .item-title {
            color: var(--hc-text-color);
        }
        .el-collapse-item__header .el-collapse-item__arrow {
            color: var(--hc-text-color);
        }
    }
    .data-fill-list-box .el-collapse .el-collapse-item.is-active .el-collapse-item__header.is-active {
        background: var(--hc-bg-color);
        .item-title, .el-collapse-item__arrow {
            color: white;
        }
    }
    .data-fill-list-box .data-fill-list-item-content .data-fill-table-tip-box {
        border-color: var(--hc-border-color);
    }
    .data-fill-list-box .data-fill-list-item-content .data-fill-table-form-box {
        border-color: var(--hc-border-color);
    }
    .data-fill-list-box .data-fill-list-item-content .hc-window-switch-box .icon-btn-view {
        box-shadow: none;
    }

    //切换按钮
    .hc-new-switch {
        box-shadow: none;
        background: transparent;
        border: 1px solid var(--hc-border-color);
        .switch-bg {
            color: var(--hc-label-color);
        }
        .switch-bg.dots {
            box-shadow: none;
            color: var(--el-color-primary);
            background: var(--hc-shadow-color-2);
        }
    }
    .special-box, .adding-form-dialog-box .dialog-tree-box {
        border-color: var(--hc-border-color);
    }
    //多级菜单
    .el-menu.hc-ledger-query-menu {
        --el-menu-text-color: var(--hc-label-color);
        .el-sub-menu .el-menu-item.is-active {
            background: var(--hc-bg-color);
            border: 1px solid var(--hc-border-color);
            color: var(--hc-text-color);
            box-shadow: initial;
        }
        .el-sub-menu__title, .el-menu-item {
            border-radius: 6px;
            &:hover {
                background: var(--hc-bg-color);
                color: var(--hc-text-color);
            }
        }
    }

    //日历
    .hc-date-calendar-box {
        .hc-date-picker-box {
            border-color: var(--hc-border-color);
            .hc-date-btn-box .hc-div-btn {
                box-shadow: initial;
                border: 1px solid var(--hc-border-color);
                background-color: var(--el-bg-color-overlay);
                &:hover {
                    background: var(--hc-bg-color);
                }
            }
        }
        .hc-date-dates {
            .hc-date-dates-day {
                color: var(--hc-label-color);
                &:hover:not([class*='choice']):not([class*='excluded']):not([class*='selected']):not([class*='cur']) {
                    background-color: var(--hc-bg-color);
                    border: 2px solid var(--hc-border-color);
                }
            }
            .hc-date-dates-day.selected {
                border-color: var(--hc-border-color);
            }
            .hc-date-dates-day.choice {
                box-shadow: initial;
                border-color: var(--hc-border-color);
            }
            .hc-date-dates-day.excluded {
                color: #5a5a5a;
            }
        }
    }
    .hc-user-time-box .tree-box {
        border-color: var(--hc-border-color);
    }
    //进度统计
    .hc-layout-box .hc-chart-content-box {
        background: var(--el-bg-color-overlay);
        border: 1px solid var(--hc-border-color);
        color: var(--hc-label-color);
        box-shadow: initial;
    }
    .hc-layout-box .hc-round-chart-card-box,
    .hc-layout-box .hc-report-chart-card-box,
    .hc-layout-box .hc-media-chart-card-box {
        background: var(--el-bg-color-overlay);
        border: 1px solid var(--hc-border-color);
        color: var(--hc-label-color);
        box-shadow: initial;
    }
    .hc-layout-box .hc-chart-flex .hc-report-chart-card-box .hc-report-chart-box,
    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-report-chart-box {
        background: var(--el-bg-color-overlay);
        border: 1px solid var(--hc-border-color);
    }
    .hc-layout-box .hc-chart-flex .hc-report-chart-card-box .hc-media-chart-box,
    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-media-chart-box {
        background: var(--el-bg-color-overlay);
        border: 1px solid var(--hc-border-color);
    }
    .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-title {
        color: var(--hc-label-color);
    }
    .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-ratio-box .ratio-num,
    .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-ratio-box .ratio-text .unit{
        color: var(--hc-text-color);
    }
    .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-amount-box .amount-item .num {
        color: var(--hc-label-color);
    }
    .hc-layout-box .hc-chart-flex .hc-report-chart-card-box .hc-chart-title .title,
    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-chart-title .title {
        color: var(--hc-text-color);
    }
    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-media-chart-box .hc-media-pian-box {
        background: var(--hc-bg-color);
        border-color: var(--hc-border-color);
    }
    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-media-chart-box .hc-media-pian-box .item .num {
        color: var(--hc-label-color);
    }
    //影像资料
    .hc-layout-box .hc-layout-content-box .hc-table-col-item .content-box .title {
        color: var(--hc-text-color);
    }
    //平曲线右上角图标按钮
    .hc-layout-box .hc-extra-icon-btn {
        color: var(--hc-label-color);
    }

    //首件工程
    .hc-first-item-node-layout .node-action,
    .hc-first-item-node-layout .node-content .node-form,
    .hc-first-item-node-layout .node-content .node-file {
        background: var(--el-bg-color-overlay);
        border: 1px solid var(--hc-border-color);
        color: var(--hc-label-color);
        box-shadow: initial;
    }

    //个人中心
    .hc-layout-box .hc-layout-left-box .user-avatar-box .user-avatar {
        border: 1px solid var(--hc-border-color);
        box-shadow: initial;
    }
    .hc-layout-box .hc-layout-left-box .user-avatar-box .user-name {
        color: var(--hc-text-color);
    }
    .hc-layout-box .hc-layout-content-box .hc-card-foot-box {
        background: var(--el-bg-color-overlay);
        border: 1px solid var(--hc-border-color);
        color: var(--hc-label-color);
        box-shadow: initial;
        border-bottom: 0;
    }
    .el-menu.hc-project-menu .el-sub-menu {
        border-color: var(--hc-border-color);
        .el-sub-menu__title {
            color: var(--hc-label-color);
        }
    }
    .el-menu.hc-project-menu .el-sub-menu.is-opened .el-sub-menu__title {
        background: var(--hc-bg-color);
        color: var(--hc-text-color);
    }
    .el-menu.hc-project-menu .el-menu-item.is-active {
        background: #4e4e4e;
        color: var(--hc-text-color);
    }
    .el-menu.hc-project-menu .el-sub-menu .el-sub-menu__title,
    .el-menu.hc-project-menu .el-sub-menu .el-menu-item {
        &:hover {
            background: var(--hc-bg-color);
            color: var(--hc-text-color);
        }
    }

        //材料进场
    .hc-switch-tab-content {
        border-color: var(--hc-border-color);
    }
    .hc-links-sample-modal-box .hc-links-sample-tree-box {
        border-color: var(--hc-border-color);
    }

    //月报汇总表格
    .hc-table-ref-box .el-table.hc-table-diy-box {
        --el-table-bg-color: initial;
        --el-table-header-bg-color: var(--hc-bg-color);
        --el-table-header-text-color: var(--hc-label-color);
        --el-table-tr-bg-color: var(--el-bg-color-overlay);
        --el-fill-color-light: #363535;
        --el-table-text-color: var(--hc-text-color);
        --el-table-row-hover-bg-color: #454545;
    }
    .hc-table-ref-box .el-table.hc-table-diy-box.el-table--border {
        --el-table-border-color: var(--hc-border-color);
    }
    .hc-table-ref-box .el-table.hc-table-diy-box thead.is-group tr:last-of-type th:nth-of-type(2)::before {
        background-color: var(--hc-border-color);
    }

    .hc-page-layout-box .hc-layout-left-box.menu .hc-menu-header-box {
        border-color: var(--hc-border-color);
    }
    .hc-menu-simple-box .item-box .menu-icon {
        background: initial;
    }

    .data-fill-list-box .data-fill-list-item-content .data-fill-table-tip-box .table-tip-foot {
        background: var(--el-bg-color-overlay);
    }

    .hc-order-service .order-service-content .page-top-btn {
        color: var(--el-color-primary);
        background: var(--hc-shadow-color-2);
    }

    .time-line-box .el-timeline.hc-time-line .el-timeline-item.primary .el-timeline-item__wrapper .el-timeline-item__content .reply-name {
        color: var(--el-color-primary);
    }

    //表单颜色
    .hc-table-form-data-item .hc-excel-table-form, .hc-excel-table-form-view {
        .el-input, .el-date-editor {
            --el-input-text-color: #606266;
            --el-input-hover-border: #c0c4cc;
            --el-input-border-color: #dcdfe6;
            --el-input-bg-color: #ffffff;
            --el-input-icon-color: #a8abb2;
            --el-input-placeholder-color: #a8abb2;
            --el-input-hover-border-color: #c0c4cc;
            --el-input-clear-hover-color: #909399;
        }
        .el-date-editor .el-range-input {
            color: #4c4e50;
        }
        .el-radio, .el-checkbox {
            color: #606266;
        }
    }
    .el-overlay {
        background-color: rgb(255 255 255/0.05);
        backdrop-filter: blur(4px);
    }
}
