/* base.css 或其他CSS文件 */
/* 通用设置 */
body {
  background-color: #203864;
  height: 100%;
  margin: 0;
  margin: 1% auto;
  /* background-image: url(../图片/背景1.jpg); */
}

.chart-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 20px;
  gap: 20px; /* 增加元素之间的间距 */
}

.chart-box {
  display: inline;
  position: absolute;
  background-color: #f8f8f8;
  transform: scale(1);
  width: 40%;
  height: 40%;
  left: 6%;
  top: 3%;
  
  /* 添加外边框 */
  border: 1px solid #000; /* 你可以根据需要调整边框的宽度和颜色 */
  
  /* 添加圆角 */
  border-radius: 15px; /* 你可以根据需要调整圆角的半径 */
}
.chart-box2 {
  display: inline;
  position: absolute;
  background-color: #f8f8f8;
  transform: scale(1);
  width: 40%;
  height: 40%;
  left: 50%;
  top: 3%;
  
  /* 添加外边框 */
  border: 1px solid #000; /* 你可以根据需要调整边框的宽度和颜色 */
  
  /* 添加圆角 */
  border-radius: 15px; /* 你可以根据需要调整圆角的半径 */
}
.chart-box3 {
  display: inline;
  position: absolute;
  background-color: #f8f8f8;
  transform: scale(1);
  width: 40%;
  height: 40%;
  left: 6%;
  top: 53%;
  
  /* 添加外边框 */
  border: 1px solid #000; /* 你可以根据需要调整边框的宽度和颜色 */
  
  /* 添加圆角 */
  border-radius: 15px; /* 你可以根据需要调整圆角的半径 */
}

.chart-box4 {
  display: inline;
  position: absolute;
  background-color: #f8f8f8;

  transform: scale(1);

   width: 40%;
  height: 40%;
  left: 50%;
  top: 53%;
  
  /* 添加外边框 */
  border: 1px solid #000; /* 你可以根据需要调整边框的宽度和颜色 */
  
  /* 添加圆角 */
  border-radius: 15px; /* 你可以根据需要调整圆角的半径 */
}