.main-right>.right-item:first-child{
  height: 30%;
  width: 100%;
}
.main-right>.right-item:last-child{
  width: 100%;
}

.main-right>.right-item:nth-child(2){
  flex: 1;
  width: 100%;
}

.right-item-title{
  height: 1.875rem;
  background-image: url('../img/right_title_bg.png');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  text-align: left;
  line-height: 1.875rem;
  padding-left: 3rem;
  font-size: var(--font-size-base);
}

/* 炭能节排信息 */
.charcoal-infos{
  height: calc(100% - 1.875rem);
  display: flex;
  flex-direction: column;
}
.charcoal-info{
  flex: 1;
  display: flex;
  flex-direction: row;
}
.charcoal-info>div{
  flex: 1;
}
.charcoal-info>div:nth-child(2){
  background-image: url('../img/water_bg.png');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  flex: 0 0 auto;
  aspect-ratio: 1 / 1;
}

.charcoal-text{
  height: 2rem;
  text-align: center;
  font-size: var(--font-size-xs);
  font-weight: bold;
  /* background-image: url('../img/resource_number_bg.png'); */
  background-size: 50% 100%;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.charcoal-info-item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size-xs);
  font-weight: bold;
}
.charcoal-info-value{
  padding: 2px;
  border-bottom: 1px solid var(--border-color-main);
}
.charcoal-info-value>span{
  background-image: linear-gradient(to bottom, var(--text-color-primary), var(--text-color-highlight));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: var(--font-size-lg);
  text-shadow: 
    0 0 10px var(--theme-color-primary),
    0 0 20px var(--theme-color-primary),
    0 0 40px var(--theme-color-primary);
  letter-spacing: 1px;
}

/* 安防设备信息 */
.facility-infos{
  height: calc(100% - 1.875rem);
}
#facility-echarts {
  width: 100%;
  height: 100%;
}

/* 异常处理信息列表 */
.abnormal-infos {
  height: calc(100% - 1.875rem);
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  padding-top: 1rem;
}
.abnormal-info-value{
  flex: 3;
  max-height: 7rem;
  overflow: hidden;
  /* background-color: red; */
}
.abnormal-info-value>.abnormal-info-items{
  height: 100%;
  /* overflow: hidden; */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 0;
}
.abnormal-info-message{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
}

.abnormal-item{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-xs);
  background-image: url('../img/resource_number_bg.png');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0.25rem 1rem;
  margin-top: 0.5rem;
}
.abnormal-item>.content{
  /*单行显示*/
  flex: 3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.abnormal-item>.status{
  flex: 1;
  padding: 0.1rem 0.1rem;
  text-align: center;
  font-size: var(--font-size-xxs);
  border-radius: 1rem;
  line-height: 1rem;
}
.abnormal-item>.status.status-unhandled{
  color: var(--chart-color-7);
  background-color: var(--theme-color-success);
  }
.abnormal-item>.status.status-handled{
  color: var(--chart-color-7);
  background-color: var(--theme-color-danger);
}

.stat-item{
  padding-left: 1rem;
  font-size: var(--font-size-xxs);
  text-align: center;
}

.label-total{
  color: var(--theme-color-primary);
}
.label-handled{
  color: var(--theme-color-success);
}
.label-unhandled{
  color: var(--theme-color-danger);
}