.area[data-v-7defd051] {
  position: absolute;
  z-index: 1001;
  width: 8vw;
  font-size: 12px;
  top: 6vh;
  right: 24vw;
  color: #fff;
  overflow: hidden;
  opacity: 0.7;
}
.clear-buttom[data-v-7defd051] {
  position: absolute;
  z-index: 1001;
  top: 6.4vh;
  right: 18vw;
  opacity: 0.6;
}
.init-buttom[data-v-7defd051] {
  position: absolute;
  z-index: 1001;
  top: 6.4vh;
  right: 15vw;
  opacity: 0.6;
}


.taskbar[data-v-295e4386] {
  position: absolute;
  /* 将交大检测替换为桥梁结构智能监测管理与分析平台 */
  background: url(../img/headerFJ.65636dd0.png) no-repeat;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 24rem;
  height: 2rem;
  background-size: 100%;
  color: rgba(255, 255, 255, 0.7);
  /* 通过 rem 限制标题字号的上界与下界，避免不同系统缩放下溢出 */
  font-size: clamp(0.20rem, 0.22rem, 0.24rem);
}
.bf_demo_radio[data-v-295e4386] {
  display: none;
}
.bf_demo_radio + label[data-v-295e4386] {
  position: relative;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 1px solid #9a9a9a;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
.bf_demo_radio:checked + label[data-v-295e4386] {
  position: relative;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 1px solid #32d3a6;
  background-color: transparent;
  display: inline-block;
}
.bf_demo_radio:checked + label[data-v-295e4386]:after {
  position: absolute;
  content: "";
  font-size: 0;
  border: 4px solid #32d3a6;
  border-radius: 50%;
  top: 3px;
  left: 3px;
}
@media screen and (max-width: 1600px) {
.title[data-v-295e4386] {
    position: absolute;
    top: 1.15rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
}
}
.title[data-v-295e4386] {
  position: absolute;
  top: 1.1rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  /* 标题字号跟随 taskbar 的 font-size，受 clamp 约束 */
  font-size: 1.35em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#back[data-v-295e4386] {
  position: relative;
  cursor: pointer;
  top: 36%;
  left: 1.5%;
}


.footer[data-v-03cbf19c] {
  height: 1.25rem;
  width: 24rem;
  z-index: 1000;
  background: url(../img/footer-two.768c865e.png) no-repeat;
  background-size: 100%;
  position: fixed;
  bottom: 0;
  min-width: 1090px;
}
.footer a[data-v-03cbf19c] {
  position: relative;
  text-decoration: none;
  line-height: 0.7rem;
  left: 38.6%;
  display: inline-block;
  font-size: 0.3rem;
  color: #95e4f7;
  padding: 0.13rem;
}
.footer a[data-v-03cbf19c]:hover {
  color: lightblue;
}
.footer_box[data-v-03cbf19c] {
  display: inline-block;
  height: 2rem;
}


.flex-container[data-v-61cb4fc2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel[data-v-61cb4fc2] {
  position: absolute;
  z-index: 1000;
  top: 10%;
  left: 1%;
  width: 25%;
  height: 27%;
  background: url(../img/panel0102.b8d10546.png) no-repeat;
  background-size: 100% 100%;
  padding: 0 0.1875rem 0.5rem;
  color: #fff;
  overflow: hidden;
}
.panel .title[data-v-61cb4fc2] {
  font-weight: 600;
  font-size: 0.21rem;
  margin-top: 0.08rem;
  margin-left: 0.15rem;
  letter-spacing: 1px;
}
.contain[data-v-61cb4fc2] {
  width: 100%;
  height: calc(100% - 0.3rem); /* 减去标题高度 */
  margin-top: 0.1rem;
  padding: 0 0.15rem;
  /* --- 新增：开启Flex布局 --- */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* 水平居中 */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* 垂直居中 */
  overflow: hidden;
}
.panel .description[data-v-61cb4fc2] {
  font-size: 0.15rem;
  padding: 0.05rem;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: justify;
  text-indent: 2em; /*缩进2个字符宽度 */
  width: 100%;
  height: 100%;
  max-height: 2.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  word-wrap: break-word; /* 自动换行 */
  word-break: break-all; /* 强制换行（英文单词内部也可断） */
  white-space: normal; /* 允许换行 */
  text-decoration: underline; /* 新增下划线 */
  -webkit-text-decoration-color: rgb(7, 142, 217);
          text-decoration-color: rgb(7, 142, 217);
  text-underline-offset: 0.2em;
}

/* 滚动条样式 */
[data-v-61cb4fc2]::-webkit-scrollbar {
  width: 6px;
}
[data-v-61cb4fc2]::-webkit-scrollbar-track {
  background-color: rgba(7, 166, 255, 0.2);
  border-radius: 2em;
}
[data-v-61cb4fc2]::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.3);
  background-clip: padding-box;
  min-height: 28px;
  border-radius: 2em;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
}
[data-v-61cb4fc2]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(17, 166, 255, 1);
}


.flex-container[data-v-46c0127b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel[data-v-46c0127b] {
  position: absolute;
  z-index: 1000;
  top: 38%;
  left: 1%;
  width: 25%;
  height: 27%;
  background: url(../img/panel0102.b8d10546.png) no-repeat;
  background-size: 100% 100%;
  padding: 0 0.1875rem 0.5rem;
  color: #fff;
  overflow: hidden;
}
.panel .title[data-v-46c0127b] {
  font-weight: 600;
  font-size: 0.21rem;
  margin-top: 0.08rem;
  margin-left: 0.15rem;
  letter-spacing: 1px;
}
.chart-container[data-v-46c0127b] {
  position: absolute;
  top: 12%;
  left: 4%;
  width: 92%;
  height: 85%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/* 统计信息区域 */
.statistics-info[data-v-46c0127b] {
  text-align: center;
  margin-bottom: 0.2rem;
}
.stat-item[data-v-46c0127b] {
  font-size: 0.18rem;
  margin: 0.1rem 0;
  letter-spacing: 2px;
  font-weight: 400;
}

/* 告警等级区域 */
.alert-levels[data-v-46c0127b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.1rem;
}
.alert-item[data-v-46c0127b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.alert-icon[data-v-46c0127b] {
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.1rem;
}
.alert-label[data-v-46c0127b] {
  font-size: 0.16rem;
  text-align: center;
  margin: 0;
  white-space: nowrap;
}
.alert-label.blue[data-v-46c0127b] {
  color: deepskyblue;
}
.alert-label.yellow[data-v-46c0127b] {
  color: yellow;
}
.alert-label.red[data-v-46c0127b] {
  color: orangered;
}


.flex-container[data-v-0447a74b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel[data-v-0447a74b] {
  position: absolute;
  z-index: 1000;
  top: 62%;
  left: 25.5%;
  width: 21%;
  height: 27%;
  background: url(../img/panel0102.b8d10546.png) no-repeat;
  background-size: 100% 100%;
  padding: 0 0.1875rem 0.5rem;
  color: #fff;
  overflow: hidden;
}
.panel .title[data-v-0447a74b] {
  font-weight: 600;
  font-size: 0.21rem;
  margin-top: 0.08rem;
  margin-left: 0.15rem;
  letter-spacing: 1px;
  margin-bottom: 0.1rem;
}

/* 图表区域 */
.chart-wrapper[data-v-0447a74b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: calc(100% - 0.4rem);
  gap: 0;
}
.chart-container[data-v-0447a74b] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  position: relative;
  width: 75%;
  height: 100%;
}
.chart[data-v-0447a74b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.info-container[data-v-0447a74b] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  width: 25%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.info-inner[data-v-0447a74b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8%;
  width: 100%;
}
.stat-item[data-v-0447a74b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.AngularMax[data-v-0447a74b],
.AngularMin[data-v-0447a74b] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0;
  aspect-ratio: 43/46;
}
.Max[data-v-0447a74b],
.Min[data-v-0447a74b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 4% 2%;
  border: 0.59px solid rgb(0, 255, 255);
  border-radius: 2px;
  background-color: rgba(62, 161, 255, 0.2);
  font-size: 0.16rem;
  font-family: "DIN";
  font-weight: bold;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 0.5rem;
}
.Max[data-v-0447a74b] {
  color: rgb(255, 191, 68);
}
.Min[data-v-0447a74b] {
  color: rgb(61, 255, 203);
}
.Mfont[data-v-0447a74b] {
  margin: 0.02rem 0 0 0;
  padding: 0;
  font-size: 0.14rem;
  font-family: Adobe Heiti Std;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  text-align: center;
}


.flex-container[data-v-08d68812] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel[data-v-08d68812] {
  position: absolute;
  z-index: 1000;
  top: 10%;
  right: 1%;
  width: 25%;
  height: 27%;
  background: url(../img/panel0102.b8d10546.png) no-repeat;
  background-size: 100% 100%;
  padding: 0 0.1875rem 0.5rem;
  color: #fff;
  overflow: hidden;
}
.panel .title[data-v-08d68812] {
  font-weight: 600;
  font-size: 0.21rem;
  margin-top: 0.08rem;
  margin-left: 0.15rem;
  letter-spacing: 1px;
}
.chart-container[data-v-08d68812] {
  position: absolute;
  top: 12%;
  left: 4%;
  width: 92%;
  height: 85%;
  overflow: hidden;
}
.newsBox[data-v-08d68812] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0.05rem;
}

/* 隐藏滚动条 */
.newsBox[data-v-08d68812]::-webkit-scrollbar {
  display: none;
}
#newsBoxContent[data-v-08d68812] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.scrollMsg[data-v-08d68812] {
  margin-bottom: 0.08rem;
}
.news-title[data-v-08d68812] {
  color: #fff;
  font-weight: 500;
  font-size: 0.15rem;
  line-height: 1.5;
  margin: 0 0 0.08rem 0;
  letter-spacing: 0.5px;
  word-wrap: break-word;
  word-break: break-all;
  width: 100%;
}
.news-time[data-v-08d68812] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.13rem;
  margin: 0.05rem 0;
  text-align: right;
  padding-right: 0.1rem;
}
.news-divider[data-v-08d68812] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  width: 100%;
  margin-top: 0.1rem;
}


.flex-container[data-v-eaefa8d4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel[data-v-eaefa8d4] {
  position: absolute;
  z-index: 1000;
  top: 38%;
  right: 1%;
  width: 25%; /* 保持原有宽度 */
  height: 26%; /* 保持原有高度 */
  background: url(../img/panel0102.b8d10546.png) no-repeat;
  background-size: 100% 100%;
  padding: 0 0.1875rem 0.5rem;
  color: #fff;
  overflow: hidden;
}
.header-row[data-v-eaefa8d4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.2rem;
  gap: 0.1rem;
}
.panel .title[data-v-eaefa8d4] {
  font-weight: 800;
  font-size: 0.22rem;
  color: #fff;
  text-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
  letter-spacing: 2px;
  margin: 0;
  white-space: nowrap;
}
.cascader-item[data-v-eaefa8d4] {
  z-index: 1001;
}
[data-v-eaefa8d4] .el-input__inner {
  color: #fff !important;
  background-color: rgba(30, 41, 59, 0.5) !important;
  border-color: #3b82f6 !important;
  font-weight: bold;
  height: 22px !important;
  line-height: 22px !important;
  font-size: 12px !important;
  padding: 0 8px !important;
  width: 80px !important;
}
[data-v-eaefa8d4] .el-input__suffix {
  right: 3px;
}
[data-v-eaefa8d4] .el-input__suffix .el-input__icon {
  line-height: 22px;
}

/* 核心布局逻辑：参照第一个组件 */
.chart-wrapper[data-v-eaefa8d4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: calc(100% - 0.45rem);
  margin-top: 0.4rem;
  gap: 0;
}
.chart-container[data-v-eaefa8d4] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 72%;
          flex: 0 0 72%;
  position: relative;
  height: 100%;
}
.chart[data-v-eaefa8d4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.info-container[data-v-eaefa8d4] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28%;
          flex: 0 0 28%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.info-inner[data-v-eaefa8d4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10%;
  width: 90%;
  padding-right: 0.1rem;
}
.stat-item[data-v-eaefa8d4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.Max[data-v-eaefa8d4], .Min[data-v-eaefa8d4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 0.59px solid rgb(0, 255, 255);
  border-radius: 2px;
  background-color: rgba(62, 161, 255, 0.2);
  font-size: 0.16rem;
  font-family: "DIN";
  font-weight: bold;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 0.5rem;
}
.Max[data-v-eaefa8d4] {
  color: rgb(255, 191, 68);
}
.Min[data-v-eaefa8d4] {
  color: rgb(61, 255, 203);
  margin-top: 0.04rem;
}
.Mfont[data-v-eaefa8d4] {
  margin: 0.02rem 0 0 0;
  font-size: 0.12rem;
  color: #fff;
  font-family: Adobe Heiti Std;
}


.flex-container[data-v-0e10015a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel[data-v-0e10015a] {
  position: absolute;
  z-index: 1000;
  top: 65%;
  right: 1%;
  width: 25%;
  height: 28%;
  background: url(../img/panel0102.b8d10546.png) no-repeat;
  background-size: 100% 100%;
  padding: 0 0.1875rem 0.5rem;
  color: #fff;
  overflow: hidden;
}
.panel .title[data-v-0e10015a] {
  font-weight: 600;
  font-size: 0.21rem;
  margin-top: 0.08rem;
  margin-left: 0.15rem;
  letter-spacing: 1px;
}
.chart-container[data-v-0e10015a] {
  position: absolute;
  top: 12%;
  left: 4%;
  width: 92%;
  height: 85%;
  overflow: hidden;
}
.SensorName[data-v-0e10015a] {
  width: 1.35rem;
  margin-top: -0.05rem;
  z-index: 1222;
  color: white;
  font-size: 0.3rem;
  text-align: center;
  font-weight: bold;
  font-family: "Microsoft Yahei";
  overflow: visible;
}
.CarouselItem[data-v-0e10015a] {
  background-color: #fff;
  height: 100%;
  margin-left: 0.6rem;
  width: 100%;
  overflow: visible;
}
.ValueStyle[data-v-0e10015a] {
  width: 1.5rem;
  font-size: 0.4rem;
  text-align: center;
  font-weight: bold;
  background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(#ffffff),
      color-stop(40%, #ffffff),
      color-stop(70%, #83a8ee),
      to(#ffffff)
  );
  background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff 40%,
      #83a8ee 70%,
      #ffffff 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  overflow: visible;
}
.el-carousel__item h3[data-v-0e10015a] {
  color: transparent;
  font-size: 20px;
  opacity: 0.75;
  line-height: 200px;
  margin: 0;
  display: none;
  overflow: visible;
}
.el-carousel__item[data-v-0e10015a]:nth-child(2n) {
  width: 1.7rem;
  height: 3.2rem;
  margin-top: 2%;
  background-color: transparent;
  padding-left: 0.1rem;
  overflow: visible;
}
.el-carousel__item[data-v-0e10015a]:nth-child(2n + 1) {
  width: 1.7rem;
  height: 3.2rem;
  margin-top: 2%;
  background-color: transparent;
  padding-left: 0.1rem;
  overflow: visible;
}
[data-v-0e10015a] .el-carousel__mask {
  width: 1.3rem;
  background-color: transparent;
  opacity: 0.24;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  overflow: visible;
}
[data-v-0e10015a] .el-carousel__arrow--left {
  padding-right: 40px;
  margin-left: -0.2rem;
  width: 0.7rem;
  height: 0.5rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAoCAYAAAB99ePgAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFWklEQVRYhb2Yf2wURRTHv7M/7mivrRxU+iu2ldLSWgtCwUoVUAOohUhEchpADamCWqqIliKKVkwMERISrTUQQ4qUCogWilQLAalIQgCjMVCJaUz8EcXYPwQD2rvZGf+4m+3sdveutHd9yWR2ZvZmPvvemzfvhiQVlAMArvWcw0hI8oRpJMowlxtaglkADACywF369kRe5pS7f46AiTFugTMszPGR1EITSq4JAPxy7njR6LTUBgDFAKZE+rkEyU04yuJH55843a4pAkABQE4f3pc7Pv+mV3RNW2ZwaJzz85ExGcCqOcriA3ZjyXS7lhQApH3X9ozySaX1Ho/nSQBesR5jnABQAbBIMSHjprms0tvtUASA0ty4xT97RsVqr9dTSwjx2ddh4bYSacp+1w8XGqLmcsucodatrvEtX/pIzSivdw0hxE+FN9mEGqbmBJz5pgR3fZormFzhCLVi+WPemqeWV/uSk+sJIZlhKPe5qcFks5obxgIXHOR2LZl6hyPUbZPK1O2NW5f4kpM3KIqSF7ZE7DmpYZpViQCKuft3azCGWSdPc4Qi2dlZ6p6WnQ+mpqQ0KIpSQiEtMQgJhc0qa2zwmpteMcMRCoDyRcdnc/x+f4OiKNMox5CCZahfcxaTRoW7s7LSFaqtra1ibHr6RlVVZw8VygbneKSZcH1GuL53pjvU7r37y8ZlZDSoqjqfAqDGkJlMiTaHCSdByWAKALKtefeE7JycDZquByig0DieddHmEnCOO3Dze9tz8gsK1+u6/oQB6EYCDuBowV/OSkywjVubxo0vKn5J1/WnGZDUl4isQMDF0JzFnDvaj72gatqrjJC0REINFg6QtPZDd/eem4uK83WPtxqAN/Fw7mMkqaBcdn4F4aNEq177Rn5pecU676ikABKYlFIauvj8w3NmA+gDEAJAARgAmB1OFXAAdAD6o6vqJ5ZVzKxL8qVUwSUeDUcMGrpYF5jrCKfqY7IHxDO5nD9z6vLxttbO1PSMrrT0zGyiefIMHo678Sghg/Ue/2RXswBCf07HZTjAeowoct199tRfXQc+OuzPyj2bmp6ZB1XPihfcV586wwlfMvN29KcuhgRqyv533jwNYGmg7q178kunPKd5vMXDMusg45yc6LEInFO/BoDt27z+mKppXYvr374/q6CkVtM9+UOCixJKVH1MNuCQrkhggKRq+Zkzxi6c7Oz5/suOfZkTJ//p8Y0u5kRJvR6zUoP1nm1vaYaLzwkQIsHIdVRAADzU9x+70HW4+8czJ/ZmFJZd0VPSbmEgSYMCNFjvN4ec4cQfC1R/cNQOJF40EN7eFOGtHgIQRHjrB+Xny5d+u/rx6yt3HNy0Zl7vH782BqnxT4hxxCpuQsR1xOPbjpqdH66c65o2wRqs7UWT23lTZ40tX7yi2jdm3FJCiONpwyi92FLzgGsQBgAsef/IgB+2PjNvKJCavW/CXVWZt85f9mzyDWMfAiG6HW5PbdWsiAUscKZZKR9YAk1HeKDpiN3MwtTC3LKp7eYOAgj2fN3x+4GXl7z23aGdC65e+budcjB5HVh925R+OMZdy6LGTr6osdPJF0URX2wHlYFD3Z+3/nSwPvBiz8mOBf9eu3qUMs4p5zKYBdA068J3O+3grnKw9j7H5BSxfVKFdGFTuWrTpNG5RQs71i6qh82kkH3ueuCGASn6AGuwp1IRcNyEG6bEglRtbSEcVvewxLp45Wnc9izftYnFBJh8Xts3mnxUxg3ODcyeUAg4OHyAXANITIYrJpePQ5HpDLisgU1biYazQ4pnt+RCfscSUkbiwtoeXGXNRhsfmdt0F4iYY/8D5UIAo5hE/FgAAAAASUVORK5CYII=) no-repeat;
  cursor: pointer;
  z-index: 2000;
}
[data-v-0e10015a] .el-carousel__arrow--right {
  padding-left: 0.1rem;
  padding-bottom: 0.0844rem;
  margin-top: 0;
  margin-right: 0;
  right: 0.3rem;
  width: 0.7rem;
  height: 0.7rem;
  z-index: 2000;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAA3CAYAAACPdVOuAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFaklEQVRoge2ZbWxTVRjH/89tt9ktsBEQgUlCxpAFQTDrBo2Jn0wwqMMQwagJJpLoB1+JIRNdSMSgiInIBmO4IDoRiKCwDTO3CWPABpMXA5uTIW9m6AY4urVbt7W95/hhvfX09N5b1rXoh/2TJ+fu9N5zfv0/556Xjjjn+L9K+a8BzDQKF61G4aLV/xqObNOzw+qMbvZcOh33eSc50x68Fp2jQODA9sLEP08fThfqCAAlZ9opOdNuCB9raXAklEr6lEkpY1PHXnReaFp/vPyb8YH7tAhCqhyIdejBaWAEgK5d77CojNuIlFWzsx642Hm+4Z3P1r6bAsAiQo6ZYacxM+ykMo5YhQxHEpzidLkVPwcCkWZNTPzghaVPX/jjbP3LyxYvSpIh02bmUNrMHBKeiTqM0kpahz3uPsXHOMTwc0xKvMdWtHHdmvNtTYeenZo+2SpDTsjKoQlZOSQ/O5wwSmtwzDldvRY/A/SCQclIThlTdrxq/4lf6n9cKAEqAGjyrFyaPCuXjNowCzPnaMi5XotP5TALldO81LRxFb+fbaxpqK5w6EFOnZ1LU2fnUqS2xDB7IRQASv+gV/Ey4E5CJcuj4yfed6T55+PfVpfve1BONQBkzJ1PGXPn0520Z5ZWAKCBQa8ynG/rUzlBseZNSb//1NkTxz7fu6tsWqBtDZQAIOvh+RFdNHOOAJBPZeRlHFGElVusyzMyZ5xrPHbkk5Lioomyk3PsC2iOfYFh+xGd8/lV8qrACMJG1qQ3HpqX3VpXV/defn5+mgyZneug7FxHWD96cCFLkp8xGlQ5RhpehrGUkLTm8SfzWn6orn11yTNLk2VIh8NBDocj2F+IS7bp2RR4wALACiBx0VN59761Kr9Nx9URiTN2rc/jWVuw6u09rb+2qAAYAC4EhBJWvUZUjrBvERvRtARbyhfri4pX9rrda55f/ESVAKiVpAHqwjEWnv/YSpmTlJK6f2/N0QZXd3fBimV5DRhKcwiggXPh+Y+P6BFb6ri6nVX1B7tu3njtzReXXQ98YOxc/NIaLs7ZJU9f3551q1d2QkipCVz8nWOMdbqctzeUfFhQdu3ibwOBam2u5QBIf8zx+I05zlmP89bNrbu3bChtO3fGDUAVoEJ019LKORvo6bpVVrFjS0nzyaNdAPyRnjF5W2MDxzlX3c6u7458v3NzU015ZwCK6YQ41xnDqeAYZCOG4x5Xd/WpmvJN9fu+uoqh9PmlkCdiiGVc5rmBPndja+PhjTVfbmoJAGhgIqBYJ7oXlOGYiyatvoH+5qvNpzYeLHr/hAAlw+lB6S1jBmOOh+/nzeT3Dl7puNRaWPnp6lrV75ddka9lKMP1dURTCfP7O7raLxdXFRYc6Hc5vQYwokumbr2y/Se+bcVjwfZ14Tgp3Mw5xtTuno720vrtH+2+3X6lD8bp03NLXOQ5ALxUWssBhGVLgwupZTz8JAQAnHNP798dXzftKtzxV+uZbh0gvfSpAlDYlLF8Wy3X60uEC2UgCnWOc1+/6/be5sqykssNVTeH6ZScPg4Az22t0XXLCC74MFkSWOD0zbye3srLRys3tVTsaA/cFwnMFGpp8RCUfLqPBKcBMrImMO/gwKEbrac/Plm6tg3/rntapzKYPNjDoJZsruYAwn4PMZO2Tdf29NpWXQttv69JhDMaVyFQi4uqhzVhlr++MHgtvhBaaJ1p9SRci3Cmc9VwofSkORfyQw5CT0iaRPiIE2gsZJUa0zqXr2W4sLkqllAinCitg7BFGKEOydubuGyb5alEK8UfFOXP9Mq4SHwhxMOF3t+i7srpR885QDoF3S0YWTT6L80oNQoXrUbhotUoXLT6B6h085DG7eWjAAAAAElFTkSuQmCC) no-repeat;
  cursor: pointer;
}
[data-v-0e10015a] .el-icon-arrow-right::before {
  display: none;
}
[data-v-0e10015a] .el-icon-arrow-left::before {
  display: none;
}
[data-v-0e10015a] el-carousel__item--card {
  margin-left: 0;
  overflow: visible;
}
[data-v-0e10015a] .el-carousel--card {
  height: 90%;
  overflow-y: hidden;
  overflow: visible;
}
[data-v-0e10015a] .el-carousel__item--card.is-in-stage {
  height: 100%;
  width: 30%;
  overflow: visible;
}
[data-v-0e10015a] .el-carousel__container {
  height: 4rem;
  width: 6rem;
  overflow: visible;
}
[data-v-0e10015a] .__web-inspector-hide-shortcut__ {
  display: none;
}
[data-v-0e10015a] .el-carousel__indicators--outside {
  display: none;
}


.flex-container[data-v-be6bd072] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel[data-v-be6bd072] {
  position: absolute;
  z-index: 1000;
  top: 66%;
  left: 1%;
  width: 25%;
  height: 27%;
  background: url(../img/panel0102.b8d10546.png) no-repeat;
  background-size: 100% 100%;
  padding: 0 0.1rem 0.3rem;
  color: #fff;
  overflow: visible;
}
.panel .title[data-v-be6bd072] {
  font-weight: 600;
  font-size: 0.21rem;
  margin-top: 0.05rem;
  margin-left: 0.15rem;
  letter-spacing: 1px;
  margin-bottom: 0;
}

/* 内容区域：左右分栏 */
.content-area[data-v-be6bd072] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: calc(100% - 0.2rem);
  margin-top: 0.15rem;
  gap: 0.1rem;
}

/* 左侧图表区域 - 占60% */
.chart-section[data-v-be6bd072] {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -0.2rem;
  margin-top: -0.1rem;
  margin-bottom: -0.1rem;
  overflow: hidden;
}
.chart-container[data-v-be6bd072] {
  width: 110%;
  height: 110%;
}

/* 中心评级徽章 */
.center-badge[data-v-be6bd072] {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 50%;
  left: 48%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  z-index: 10;
  pointer-events: none;
}
.label-text[data-v-be6bd072] {
  font-size: 0.08rem;
  display: block;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1;
  opacity: 0.85;
}
.level-value[data-v-be6bd072] {
  font-size: 0.28rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.01rem;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
  margin-top: 0.02rem;
}

/* 右侧信息区域 - 占40% */
.info-section[data-v-be6bd072] {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.25rem;
  padding-right: 0.15rem;
}
.standard-row[data-v-be6bd072] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
}
.standard-item[data-v-be6bd072] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.05rem;
}
.standard-line[data-v-be6bd072] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.06rem;
}
.dot[data-v-be6bd072] {
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.standard-label[data-v-be6bd072] {
  color: #cbd5e1;
  font-size: 0.14rem;
  white-space: nowrap;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.standard-range[data-v-be6bd072] {
  color: #94a3b8;
  font-size: 0.13rem;
  font-weight: 500;
}
@-webkit-keyframes spin-be6bd072 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-be6bd072 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}


.flex-container[data-v-2f53e569] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel[data-v-2f53e569] {
  position: absolute;
  z-index: 1000;
  top: 62%;
  left: 46%;
  width: 28.5%;
  height: 27%;
  background: url(../img/panel0102.b8d10546.png) no-repeat;
  background-size: 100% 100%;
  padding: 0 0.1rem 0.15rem;
  color: #fff;
}
.header-row[data-v-2f53e569] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.2rem;
  gap: 0.1rem;
}
.panel .title[data-v-2f53e569] {
  font-weight: 800;
  font-size: 0.22rem;
  color: #fff;
  text-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
  letter-spacing: 2px;
  margin: 0;
  white-space: nowrap;
}
.cascader-item[data-v-2f53e569] {
  z-index: 1001;
}
[data-v-2f53e569] .el-input__inner {
  color: #fff !important;
  background-color: rgba(30, 41, 59, 0.5) !important;
  border-color: #3b82f6 !important;
  font-weight: bold;
  height: 22px !important;
  line-height: 22px !important;
  font-size: 12px !important;
  padding: 0 8px !important;
  width: 80px !important;
}
[data-v-2f53e569] .el-input__suffix {
  right: 3px;
}
[data-v-2f53e569] .el-input__suffix .el-input__icon {
  line-height: 22px;
}
.charts-container[data-v-2f53e569] {
  position: absolute;
  top: 0.5rem;
  left: 0.05rem;
  right: 0.05rem;
  bottom: 0.05rem;
}
.pier-charts[data-v-2f53e569] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100%;
}
.pier-chart-item[data-v-2f53e569] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.axis-info[data-v-2f53e569] {
  text-align: center;
  font-size: 0.13rem;
  color: #ffffff;
  margin-bottom: -5px;
  font-weight: bold;
}
.axis-info .value[data-v-2f53e569] {
  color: #22d3ee;
  font-size: 0.15rem;
  font-family: 'Arial Black', sans-serif;
}
.pier-chart-content[data-v-2f53e569] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}


/* 高性能纯CSS响应式根字体大小 */
[data-v-e9756800]:root {
  font-size: 16px; /* 默认字体大小 */
}

/* 核心断点：基于视口高度的智能适配 */
/* 非全屏模式（笔记本小屏） */
@media screen and (max-height: 94vh) {
[data-v-e9756800]:root {
    font-size: 14px; /* 缩小字体，节省空间 */
}
}

/* 全屏模式 */
@media screen and (min-height: 95vh) {
[data-v-e9756800]:root {
    font-size: 16px; /* 标准字体大小 */
}
}


/* 中等屏幕笔记本优化 */
@media screen and (min-width: 769px) and (max-width: 1366px) and (max-height: 94vh) {
[data-v-e9756800]:root {
    font-size: 14px; /* 精确适配 */
}
}

/* 大屏幕笔记本优化 */
@media screen and (min-width: 1367px) and (max-height: 94vh) {
[data-v-e9756800]:root {
    font-size: 15px; /* 稍大一些 */
}
}

/* 全屏模式下的不同屏幕适配 */
@media screen and (min-height: 95vh) and (max-width: 1366px) {
[data-v-e9756800]:root {
    font-size: 18px; /* 全屏模式下增大字体 */
}
}
@media screen and (min-height: 95vh) and (min-width: 1367px) {
[data-v-e9756800]:root {
    font-size: 20px; /* 全屏模式下进一步增大字体 */
}
}

/* 全屏模式下的结构响应左侧盒子优化 */
@media screen and (min-height: 95vh) {
.panel[data-v-e9756800] {
    /* 全屏模式下调整盒子间距和大小 */
    margin-bottom: 0.5% !important;
}

  /* 针对结构响应左侧的特定组件 */
.flex-container .panel[data-v-e9756800] {
    /* 减少上下间距 */
    margin-top: 0.5%;
    margin-bottom: 0.5%;
}
}


/* 极端大屏幕 */
@media screen and (min-width: 1920px) and (min-height: 1080px) {
[data-v-e9756800]:root {
    font-size: 18px; /* 放大字体 */
}
}
.main[data-v-e9756800] {
  position: relative;
  min-width: 1024px;
  max-width: 1920px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden !important;
  /* background-color: lightblue; */
  font-size: 30px !important;
  z-index: 1;
}
.render[data-v-e9756800] {
  position: absolute;
  left: 13%;
  width: 74%;
  height: 100%;
  /* 径向渐变背景 */
  background: radial-gradient(
      rgba(255, 255, 255, 0.384) 0%,
      rgb(255, 255, 255, 0) 40%,
      #05080e 70%
  );
  z-index: 12;
  opacity: 0.8;
  pointer-events: none;
}
.renderL[data-v-e9756800] {
  position: absolute;
  left: 0;
  width: 13%;
  height: 100%;
  /* 径向渐变背景 */
  background: -webkit-gradient(linear, right top, left top, from(#05080e), to(#05080e));
  background: linear-gradient(to left, #05080e 0%, #05080e 100%);
  z-index: 12;
  opacity: 0.8;
  pointer-events: none;
}
.renderR[data-v-e9756800] {
  position: absolute;
  left: 87%;
  width: 13%;
  height: 100%;
  /* 径向渐变背景 */
  background: -webkit-gradient(linear, left top, right top, from(#05080e), to(#05080e));
  background: linear-gradient(to right, #05080e 0%, #05080e 100%);
  z-index: 12;
  opacity: 0.8;
  pointer-events: none;
}