.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; } }