.container { padding: 20rpx; background-color: #f5f5f5; min-height: 100vh; } .header { font-size: 36rpx; font-weight: bold; text-align: center; padding: 20rpx 0; color: #333; } .content { padding: 20rpx; } .card { background-color: #fff; border-radius: 12rpx; padding: 20rpx; margin-bottom: 20rpx; box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1); } .card-header { font-size: 32rpx; font-weight: bold; color: #333; margin-bottom: 20rpx; padding-bottom: 10rpx; border-bottom: 2rpx solid #eee; } .card-content { padding: 20rpx 30rpx; } .info-item { display: flex; justify-content: space-between; align-items: center; padding: 10rpx 0; border-bottom: 1rpx solid #eee; } .info-item:last-child { border-bottom: none; } .info-label { color: #666; font-size: 28rpx; } .info-value { color: #333; font-size: 28rpx; font-weight: 500; } .cert-list { display: flex; flex-direction: column; gap: 20rpx; } .cert-item { background-color: #f9f9f9; border-radius: 8rpx; padding: 15rpx; } .cert-title { font-size: 28rpx; color: #333; margin-bottom: 10rpx; } .cert-photo { width: 100%; height: 300rpx; border-radius: 8rpx; margin: 10rpx 0; background-color: #eee; } .no-image { display: flex; justify-content: center; align-items: center; color: #999; font-size: 28rpx; } .cert-expire { display: flex; align-items: center; margin-top: 10rpx; } .expire-label { font-size: 24rpx; color: #666; } .expire-date { font-size: 24rpx; color: #ff4d4f; margin-left: 10rpx; } .crew-list { display: flex; flex-direction: column; gap: 30rpx; } .crew-item { background-color: #f9f9f9; border-radius: 8rpx; padding: 20rpx; } .crew-name { font-size: 30rpx; font-weight: bold; color: #333; margin-bottom: 15rpx; } .cert-section { margin-top: 20rpx; } .section-title { font-size: 28rpx; color: #666; margin-bottom: 10rpx; } .share-section { margin-top: 40rpx; padding: 20rpx; text-align: center; } .share-btn { background-color: #1e88e5; color: #fff; font-size: 32rpx; padding: 20rpx 40rpx; border-radius: 40rpx; border: none; margin-bottom: 20rpx; } .share-btn::after { border: none; } .share-footer { font-size: 24rpx; color: #999; }