

  .card.card-detect {
    padding: 32rpx 24rpx;
    background-image: linear-gradient(#F2EDFF, #FCFEFE);
    border: 8rpx solid #F9F7FF;
    border-radius: 64rpx;

    .card-header {
      .title {
        padding: 6rpx 14rpx;
        display: inline-flex;
        font-family: PingFang SC;
        font-weight: 400;
        font-size: 28rpx;
        line-height: 1.5;
        color: #252545;
        border: 2rpx solid #252545;
        border-radius: 30rpx;
      }
    }

    .section {
      margin-top: 40rpx;

      &-header {
        font-family: PingFang SC;
        line-height: 1.4;
        color: #252545;

        .title {
          font-weight: 600;
          font-size: 32rpx;
        }

        .desc {
          font-weight: 400;
          font-size: 24rpx;
        }
      }

      &-content {
        margin-top: 32rpx;
      }
    }

    .index {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 32rpx;

      &-item {
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 1.4;

        .top {
          justify-content: space-between;
        }

        .main {
          justify-content: flex-start;
          column-gap: 12rpx;

          font-size: 24rpx;
          color: #8B8B8B;
        }

        .label {
          font-size: 30rpx;
          color: #000000;
        }

        .value {
          font-weight: 400;
          font-size: 28rpx;
          color: #000000;
        }

        .desc {
          font-size: 22rpx;
          line-height: 1.6;
          color: #989898;
        }
      }
    }
  }
  
  .tag {
    padding: 6rpx 16rpx;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 20rpx;
    line-height: 1.4;
    color: #FFFFFF;
    background-image: linear-gradient(90deg, #4B348F, #845CFA);
    border-top-left-radius: 24rpx;
    border-bottom-right-radius: 24rpx;

    &.is-error {
      background-image: linear-gradient(90deg, #8F3434, #FA5C5C);
    }
  }
