.container { padding: 24rpx; } .empty { text-align: center; padding: 80rpx 0; color: #999; } .go-btn { margin-top: 24rpx; background: #FF6B6B; color: #fff; border-radius: 44rpx; font-size: 28rpx; } .card { background: #fff; border-radius: 16rpx; padding: 24rpx; margin-bottom: 20rpx; box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.05); } .card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12rpx; } .card-title { font-size: 32rpx; font-weight: bold; color: #333; } .card-status { font-size: 24rpx; padding: 4rpx 16rpx; border-radius: 20rpx; } .status-pending { background: #fff3e0; color: #e65100; } .status-assigned { background: #e3f2fd; color: #1565c0; } .status-scheduled { background: #e8f5e9; color: #2e7d32; } .status-in_progress { background: #fce4ec; color: #c62828; } .status-completed { background: #f3e5f5; color: #6a1b9a; } .status-cancelled { background: #f5f5f5; color: #999; } .card-body { margin-bottom: 12rpx; } .card-summary { font-size: 26rpx; color: #666; display: block; } .card-time { font-size: 24rpx; color: #999; margin-top: 8rpx; display: block; } .card-footer { display: flex; justify-content: space-between; align-items: center; } .card-date { font-size: 24rpx; color: #bbb; } .arrow { font-size: 28rpx; color: #ccc; }