.container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.topRow {
  margin-bottom: 24px;
}

.enterpriseInfo {
  width: 550px;
  height: 246px;
  background: rgba(57, 122, 183, 0.2);
  border-radius: 20px;
  position: relative;

  .infoContent {
    height: 148px;
    overflow-y: auto;
    padding: 0 28px;
    
    /* 隐藏滚动条 */
    &::-webkit-scrollbar {
      display: none;
    }
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .scrollArea {
    width: 100%;
  }

  .infoItem {
    display: flex;
    align-items: flex-start;

    .label {
      color: rgb(203, 237, 255);
      font-family: 思源黑体;
      font-size: 16px;
      font-weight: 400;
      line-height: 23px;
      white-space: nowrap;
      width: 100px;
      text-align: right;
      padding-right: 3px;
    }

    .value {
      color: rgb(255, 255, 255);
      font-family: 思源黑体;
      font-size: 16px;
      font-weight: 400;
      line-height: 23px;
      flex: 1;
    }
  }
}

.realTimeStatus {
  width: 810px;
  height: 250px;
  background: rgba(57, 122, 183, 0.2);
  border-radius: 20px;
  position: relative;

  .statusCards {
    padding: 0 0 0 20px;
  }

  .statusCard {
    width: 242px;
    height: 70px;
    background: rgba(57, 122, 183, 0.2);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 11px 0 0 25px;
    position: relative;
  }
}

.monitoringDetails {
  width: 1387px;
  height: 430px;
  background: rgba(57, 122, 183, 0.2);
  border-radius: 20px;
  position: relative;

  .tableContainer {
    padding: 0 20px;
    height: calc(100% - 52px);
    overflow: hidden;
  
    /* 自定义表格样式 */
    :global {
      // 表格行样式
      .ant-table-row {
        background: rgba(57, 122, 183, 0.2);
        border-radius: 16px;
        margin-bottom: 13px;
        height: 50px;
      }
  
      // 表格单元格样式
      .ant-table-cell {
        border-bottom: none !important;
        color: rgb(255, 255, 255);
        font-family: 思源黑体;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        padding: 8px 16px;
      }
  
      // 表头单元格样式
      .ant-table-thead .ant-table-cell {
        color: rgb(188, 206, 233);
        font-family: 微软雅黑;
        font-size: 16px;
        font-weight: 400;
        line-height: 21px;
        background: transparent;
        border-bottom: none;
        padding: 8px 26px;
      }
  
      /* 隐藏表格滚动条样式 */
      .ant-table-body {
        scrollbar-width: none;
        -ms-overflow-style: none;
      }
  
      .ant-table-body::-webkit-scrollbar {
        display: none;
      }
  
      .ant-table-scroll .ant-table-body-wrapper {
        scrollbar-width: none;
        -ms-overflow-style: none;
      }
  
      .ant-table-scroll .ant-table-body-wrapper::-webkit-scrollbar {
        display: none;
      }
    }
  }
}

.statusTag {
  width: 50px;
  height: 22px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 思源黑体;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}

.normalStatus {
  background: rgba(71, 223, 155, 0.2);
  color: rgb(33, 188, 92);
}

.timeoutStatus {
  background: rgba(255, 130, 130, 0.2);
  color: rgb(255, 119, 119);
} 