  <style>
    /* 保持原有所有样式不变 */
    .bg-full-vertical {
      background-image: url('img/beijing.png');
      background-repeat: no-repeat;
      background-position: center top;
      background-size: auto 100%;
    }
    .top {
      margin: 0 10px;
      padding: 4px 0;
    }
    .main {
      height: calc(100vh - 36px);
      overflow-y: auto;
      padding: 3px 8px 15px;
    }
    .container {
      max-height: 100vh;
      overflow: hidden;
      border: 1px solid #e0e0e0;
    }
.nodataView {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 6px;
  overflow: hidden; /* 隐藏超出容器的图片部分（关键） */
  border: 1px solid #e0e0e0;
  /* 固定容器高度为300px（与图片max-height一致，避免高度波动） */
  height: 300px;
}

.nodataView img {
  width: 100%; /* 宽度强制铺满容器 */
  height: 100%; /* 高度强制铺满容器 */
  max-height: 300px; /* 限制最大高度（与容器高度一致） */
  /* 核心：保持比例，裁剪超出容器的边缘部分，容器内无空白 */
  object-fit: fill; 
  /* 仅默认图模糊，替换后的图清晰（结合之前的JS逻辑） */
  filter: blur(2px);
  -webkit-filter: blur(2px);
}
    .nodata-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
      color: #ffffff;
      font-size: 20px;
      font-weight: 600;
      text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    }    
    .nodata {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
      color: #ffffff;
      font-size: 20px;
      font-weight: 600;
      text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    }
    .title {
      background-color: #ffffff;
      height: 50px;
      line-height: 50px;
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      color: #002b57;
      margin: 5px 0;
      position: relative;
      border: 1px solid #e8e8e8;
      border-radius: 10px;
      overflow: hidden;
    }
    .title img {
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%);
      height: 32px;
      width: auto;
      opacity: 0.8;
    }
    .title::after {
      content: '';
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      height: 32px;
      width: 32px;
      background-image: url('img/dangshenpian.png');
      background-size: contain;
      background-repeat: no-repeat;
      opacity: 0.8;
      transform: translateY(-50%) scaleX(-1);
    }
    .topOne {
      background-color: #ffffff;
      border-radius: 10px;
      border: 1px solid #e8e8e8;
      padding: 12px 15px;
      margin-top: 8px;
      font-size: 14px;
      line-height: 2;
    }
    .item {
      display: flex;
      border-bottom: 1px dashed #f0f0f0;
    }
    .item:last-child {
      border-bottom: none;
    }
    .topOne .item {
      padding: 3px 0;
    }
    .el-collapse-item .body .item {
      padding: 6px 0;
    }
    .left {
      flex: 0 0 35%;
      color: #002b57;
      font-weight: 900;
      padding-right: 10px;
      box-sizing: border-box;
      white-space: nowrap;
    }
    .right {
      flex: 0 0 65%;
      color: #00366e;
      font-weight: 500;
      word-break: break-all;
    }
    .el-collapse-item .body .left {
      color: #0e0e0e;
    }
    .el-collapse-item .body .right {
      color: #3e3b3b;
    }
    .item b {
      color: #002b57;
      font-weight: 900;
      margin-right: 5px;
    }
    .item > div {
      width: 100%;
      line-height: 2;
      text-align: justify;
    }
    .topOne .item:nth-last-child(2) > div,
    .topOne .item:last-child > div {
      color: #00366e;
    }
    .topOne .item:nth-last-child(2) > div b,
    .topOne .item:last-child > div b {
      font-weight: 900;
    }
    .el-collapse {
      margin-top: 10px;
      border-radius: 10px;
      overflow: hidden;
      border: 1px solid #e8e8e8;
    }
    .el-collapse-item {
      border-bottom: 1px solid #e8e8e8;
    }
    .el-collapse-item:last-child {
      border-bottom: none;
    }
    .el-collapse-item__header {
      background-color: #ffffff;
      padding: 12px 15px;
      font-size: 18px;
      font-weight: 900;
      color: #333;
      display: flex;
      align-items: center;
      cursor: pointer;
    }
    .el-collapse-item__header .dian {
      width: 16px;
      height: 16px;
      margin-right: 10px;
      flex-shrink: 0;
    }
    .el-collapse-item__content {
      padding: 0;
      background-color: #ffffff;
    }
    .body {
      padding: 12px 15px;
      font-size: 14px;
      line-height: 2;
    }
    .el-icon {
      color: #999;
      margin-left: auto;
      transition: transform 0.3s;
    }
    .el-icon.is-active {
      transform: rotate(180deg);
    }
    /* 质检报告图片样式优化 */
    .inspection-report {
      width: 100%;
      margin-top: 8px;
      border-radius: 6px;
      overflow: hidden;
      border: 1px solid #e0e0e0;
      margin: 0; /* 移除默认外边距 */
    }
.full-width-image {
  width: 100%;
  padding: 0 0 12px 0; /* 底部保留与其他项一致的间距 */
}    
    .inspection-report img {
      width: 100%;
      height: auto;
      object-fit: contain;
      display: block;
    }
    /* 调整报告单所在item的底部边框 */
.report-item {
  padding-bottom: 8px !important;
  border-bottom: 1px dashed #f0f0f0 !important;
}  
    
/* 养护信息表格样式（修正对齐） */
/* 养护信息原生表格样式（强制对齐） */
.main-table {
  width: 100%;
  border-collapse: collapse; /* 合并边框 */
  margin-top: 5px;
  border: 1px solid #e8e8e8;
}
.table-th {
  width: 29%; /* 四列平均分配宽度 */
  padding: 10px 0px;
  background-color: #f5f7fa;
  border: 1px solid #e8e8e8;
  font-weight: bold;
  color: #333;
  text-align: center;
}
.table-tr {
  height: 40px; /* 固定行高 */
}
.table-td {
  width: 25%; /* 强制列宽一致 */
  padding: 5px;
  border: 1px solid #e8e8e8;
  text-align: center;
  vertical-align: middle; /* 内容垂直居中 */
}
.tech-support-container {
  width: 100%;
  padding: 12px 20px;
  background-color: #ffffff; /* 与销售运输模块相同背景色 */
  border-top: 1px solid #f0f0f0; /* 细分隔线，弱化边界感 */
  margin: 0; /* 消除间距，实现无缝连接 */
}

.tech-support-container > div {
  color: #666666; /* 与左侧图标文字同色系 */
  font-size: 13px;
  text-align: center; /* 水平居中 */
  line-height: 1.6;
}
 
    
  </style>