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

.document-form {
  padding: 20rpx 30rpx 60rpx;
  background-color: #f8fafc;

  .mt20 { margin-top: 32rpx; }

  /* 成果特有样式 - 内部小型预览卡片 */
  .achievement-card {
    display: flex;
    flex-direction: column;
    padding: 28rpx;
    background: #ffffff;
    border-radius: 20rpx;
    margin-top: 20rpx;
    border: 1rpx solid #e2e8f0;
    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.02);
    
    .a-row {
      display: flex;
      font-size: 26rpx;
      margin-bottom: 16rpx;
      line-height: 1.4;
      
      &:last-child { margin-bottom: 0; }
      
      .al { 
        color: #64748b; 
        width: 160rpx; 
        font-weight: 400;
      }
      
      .av { 
        color: #1e293b; 
        flex: 1;
        font-weight: 600;
      }
    }
  }

  /* 成员列表样式 - 在详情页中 */
  .member-list {
    .member-item {
      padding: 32rpx 0;
      border-bottom: 2rpx dashed #e2e8f0;
      
      &:last-child { border-bottom: none; }
      
      .member-header {
        display: flex;
        align-items: center;
        gap: 10rpx;
        margin-bottom: 20rpx;
        
        .m-name { 
          font-size: 30rpx; 
          font-weight: 800; 
          color: #1e293b; 
          flex: 1;
          min-width: 0;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        
        .m-tag { 
          font-size: 22rpx; 
          padding: 4rpx 16rpx; 
          border-radius: 100rpx; 
          background: #eff6ff; 
          color: #3b82f6;
          font-weight: 700;
          flex-shrink: 0;
        }
        
        .m-type-tag { 
          font-size: 22rpx; 
          padding: 4rpx 16rpx; 
          border-radius: 100rpx; 
          background: #ecfdf5; 
          color: #10b981;
          font-weight: 700;
        }
      }
      
      .m-body {
        background: #f8fafc;
        padding: 24rpx;
        border-radius: 16rpx;
        
        .m-line {
          display: flex;
          font-size: 26rpx;
          margin-bottom: 12rpx;
          
          &:last-child { margin-bottom: 0; }
          
          .l { 
            color: #64748b; 
            width: 160rpx; 
            font-weight: 400;
          }
          
          .v { 
            color: #1e293b; 
            flex: 1;
            font-weight: 600;
          }
        }
      }
    }
  }

  /* 预算网格样式 - 经费/项目相关 */
  .funds-list {
    .funds-item {
      padding: 32rpx 0;
      border-bottom: 2rpx dashed #e2e8f0;
      
      &:last-child { border-bottom: none; }
      
      .f-row {
        display: flex;
        align-items: center;
        gap: 10rpx;
        margin-bottom: 20rpx;
        
        .f-name { 
          font-size: 30rpx; 
          color: #1e293b; 
          font-weight: 800; 
          flex: 1;
          min-width: 0;
          // overflow: hidden;
          // text-overflow: ellipsis;
          // white-space: nowrap;
        }
        
        .f-class { 
          font-size: 24rpx; 
          color: #94a3b8;
          font-weight: 500;
          flex-shrink: 0;
        }
      }
      
      .f-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16rpx;
        
        .g-item {
          display: flex;
          flex-direction: column;
          background: #ffffff;
          padding: 16rpx 20rpx;
          border-radius: 12rpx;
          border: 1rpx solid #f1f5f9;
          
          .gl { 
            font-size: 22rpx; 
            color: #94a3b8; 
            margin-bottom: 8rpx; 
          }
          
          .gv { 
            font-size: 28rpx; 
            color: #1e293b; 
            font-weight: 800;
            font-family: 'Inter', sans-serif;
          }
          
          &.highlight { 
            background: #eff6ff; 
            border-color: #dbeafe;
            .gv { color: #3b82f6; } 
          }
        }
      }
    }
  }

  .red-color { 
    color: #ef4444 !important; 
    font-weight: 800;
  }
  
  .primary-color {
    color: #3b82f6 !important;
    font-weight: 800;
  }

  /* 平台标签样式 - 用于展示所属平台 */
  .platform-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8rpx;
    
    .platform-tag {
      font-size: 20rpx;
      padding: 2rpx 12rpx;
      background-color: #f6f8fa;
      color: #64748b;
      border-radius: 4rpx;
      border: 1rpx solid #e2e8f0;
    }
  }

  /* 成员身份标签基础样式 */
  .m-type-tag {
    font-size: 20rpx;
    padding: 2rpx 12rpx;
    background-color: #ecfdf5;
    color: #10b981;
    border-radius: 100rpx;
    font-weight: 700;
    border: 1rpx solid #d1fae5;

    &.blue {
      background-color: #eff6ff;
      color: #3b82f6;
      border-color: #dbeafe;
    }
  }
}