labsop_scientific_h5/pages/todo/components/document/common.scss

.document-form {
  padding: 10rpx 20rpx 40rpx;

  .mt20 { margin-top: 20rpx; }

  /* 成果特有样式 */
  .achievement-card {
    display: flex;
    flex-direction: column;
    padding: 24rpx;
    background: #fcfdfe;
    border-radius: 12rpx;
    margin-top: 16rpx;
    border: 1rpx solid #f0f5ff;
    .a-row {
      display: flex;
      font-size: 26rpx;
      margin-bottom: 12rpx;
      &:last-child { margin-bottom: 0; }
      .al { color: #999; width: 140rpx; }
      .av { color: #555; flex: 1; }
    }
  }

  /* 成员列表样式 */
  .member-list {
    .member-item {
      padding: 24rpx 0;
      border-bottom: 1rpx dashed #eee;
      &:last-child { border-bottom: none; }
      .member-header {
        display: flex;
        align-items: center;
        gap: 12rpx;
        margin-bottom: 12rpx;
        .m-name { font-size: 28rpx; font-weight: bold; color: #1a1a1a; }
        .m-tag { font-size: 20rpx; padding: 2rpx 10rpx; border-radius: 4rpx; background: #e6f7ff; color: #1c9bfd; }
        .m-type-tag { font-size: 20rpx; padding: 2rpx 10rpx; border-radius: 4rpx; background: #f6ffed; color: #52c41a; }
      }
      .m-body {
        background: #fcfdfe;
        padding: 16rpx 20rpx;
        border-radius: 8rpx;
        .m-line {
          display: flex;
          font-size: 24rpx;
          margin-bottom: 8rpx;
          &:last-child { margin-bottom: 0; }
          .l { color: #999; width: 140rpx; }
          .v { color: #666; flex: 1; }
        }
      }
    }
  }

  /* 预算网格样式 */
  .funds-list {
    .funds-item {
      padding: 24rpx 0;
      border-bottom: 1rpx dashed #eee;
      &:last-child { border-bottom: none; }
      .f-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16rpx;
        .f-name { font-size: 28rpx; color: #1a1a1a; font-weight: 500; }
        .f-class { font-size: 22rpx; color: #999; }
      }
      .f-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12rpx;
        .g-item {
          display: flex;
          flex-direction: column;
          background: #fcfdfe;
          padding: 12rpx 16rpx;
          border-radius: 8rpx;
          .gl { font-size: 20rpx; color: #999; margin-bottom: 4rpx; }
          .gv { font-size: 24rpx; color: #333; font-weight: bold; }
          &.highlight { background: #f0f7ff; .gv { color: #1c9bfd; } }
        }
      }
    }
  }

  .red-color { color: #ff4d4f !important; }
}