page {
  background-color: #f7fafc;
}

.page-title {
  font-size: 36rpx;
  color: rgba(51, 51, 51, 1);
}

.page {
  padding-bottom: 260rpx;
  .list {
    padding: 0 30rpx;
    .list-card {
      margin-top: 30rpx;
      position: relative;
      padding: 36rpx 32rpx 12rpx;
      border-radius: 32rpx;
      border: 2rpx solid #f1f5f9;
      background: #fff;
      box-shadow: 0 16rpx 48rpx -8rpx rgba(0, 99, 132, 0.06);
      box-sizing: border-box;
      .status {
        display: inline-block;
        font-size: 28rpx;
        line-height: 36rpx;
        padding: 8rpx 16rpx;
        border-radius: 12rpx;
        box-sizing: border-box;
        &.status1 {
          color: rgba(100, 116, 139, 1);
          background: rgba(100, 116, 139, 0.08);
        }
        &.status2 {
          color: rgba(234, 88, 26, 1);
          background-color: rgba(234, 88, 26, 0.08);
        }
        &.status3 {
          color: rgba(186, 26, 26, 1);
          background-color: rgba(186, 26, 26, 0.08);
        }
        &.status4 {
          color: rgba(45, 190, 141, 1);
          background-color: rgba(45, 190, 141, 0.08);
        }
      }
      .content {
        margin-top: 32rpx;
        font-size: 32rpx;
        color: rgba(24, 28, 30, 1);
        line-height: 52rpx;
        .c-topic {
          display: inline;
          font-size: 32rpx;
          color: rgba(47, 130, 169, 1);
        }
      }
      .tags {
        margin-top: 24rpx;
        display: flex;
        flex-wrap: wrap;
        gap: 16rpx;
        .tag {
          padding: 0 24rpx;
          height: 48rpx;
          font-size: 24rpx;
          color: rgba(47, 130, 169, 1);
          display: flex;
          align-items: center;
          background-color: rgba(47, 130, 169, 0.05);
          border-radius: 12rpx;
        }
      }
      .photo1 {
        margin-top: 24rpx;
        height: 352rpx;
        border-radius: 24rpx;
      }
      .photo9 {
        margin-top: 24rpx;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16rpx;
        .p-item {
          width: 100%;
          aspect-ratio: 1 / 1;
          .p-img {
            width: 100%;
            height: 100%;
            border-radius: 24rpx;
          }
        }
      }
      .date {
        padding: 32rpx 0;
        font-size: 28rpx;
        color: rgba(148, 163, 184, 1);
        line-height: 32rpx;
        border-bottom: 1px solid rgba(241, 245, 249, 1);
      }
      .rejected {
        padding: 16rpx 24rpx;
        border-radius: 16rpx;
        background: rgba(186, 26, 26, 0.08);
        box-sizing: border-box;
        font-size: 28rpx;
        color: rgba(186, 26, 26, 1);
        line-height: 32rpx;
        .icon {
          display: inline-block;
          flex-shrink: 0;
          margin-right: 16rpx;
          width: 32rpx;
          height: 32rpx;
          vertical-align: -4rpx;
        }
        .blod {
          display: inline-block;
          font-weight: bold;
        }
      }
      .footer {
        padding: 32rpx 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .public {
          display: flex;
          align-items: center;
          gap: 12rpx;
          color: #475569;
          font-size: 28rpx;
          font-weight: 500;
          line-height: 40rpx;
          .icon {
            width: 44rpx;
            height: 44rpx;
          }
        }
        .btn-wrap {
          display: flex;
          gap: 16rpx;
          .btn1 {
            display: flex;
            width: 164rpx;
            height: 64rpx;
            padding: 24rpx 0;
            justify-content: center;
            align-items: center;
            border-radius: 102rpx;
            border: 1px solid #e5e7eb;
            box-sizing: border-box;
            color: #64748b;
            font-size: 32rpx;
            line-height: 48rpx;
          }
          .btn2 {
            display: flex;
            width: 164rpx;
            height: 64rpx;
            padding: 32rpx 0;
            justify-content: center;
            align-items: center;
            border-radius: 102rpx;
            background: var(--, linear-gradient(270deg, #439fc7 0%, #2f82a9 100%));
            box-sizing: border-box;
            color: #fff;
            text-align: center;
            font-size: 32rpx;
            line-height: 48rpx;
          }
        }
      }
    }
  }
}