.task-page { padding-top: 44rpx; }
.task-state { padding: 38rpx 30rpx 30rpx; text-align: center; }
.state-mark { width: 86rpx; height: 86rpx; margin: 0 auto 20rpx; color: #315bea; background: #edf1ff; border-radius: 50%; font-size: 56rpx; line-height: 74rpx; }
.state-mark.done { color: #2e8a5c; background: #e2f4e9; font-size: 40rpx; line-height: 86rpx; }
.state-mark.failed { color: #bd5a61; background: #ffebed; font-size: 42rpx; line-height: 86rpx; }
.task-status { display: block; font-size: 34rpx; font-weight: 800; }
.task-progress { display: block; margin-top: 10rpx; color: #315bea; font-size: 23rpx; }
.progress-track { height: 12rpx; margin-top: 28rpx; background: #edf0f6; border-radius: 12rpx; overflow: hidden; }
.progress-bar { height: 100%; min-width: 3%; background: #315bea; border-radius: 12rpx; transition: width 0.3s ease; }
.task-tip { display: block; margin-top: 20rpx; color: #8a90a2; font-size: 22rpx; line-height: 1.5; }
.task-copy { margin-top: 18rpx; padding: 26rpx; }
.copy-label { color: #8a90a2; font-size: 22rpx; }
.prompt-copy { display: block; margin-top: 12rpx; color: #343b4c; font-size: 25rpx; line-height: 1.6; }
.meta-row { display: flex; justify-content: space-between; gap: 20rpx; padding-top: 20rpx; margin-top: 20rpx; border-top: 1rpx solid #eef0f6; color: #858b9a; font-size: 22rpx; }
.meta-row text:last-child { color: #444b5c; text-align: right; }
.result-card { margin-top: 18rpx; overflow: hidden; text-align: center; }
.result-image { display: block; width: 100%; height: 440rpx; }
.result-title { display: block; padding: 30rpx 30rpx 0; font-size: 30rpx; font-weight: 750; }
.result-hint { display: block; padding: 14rpx 30rpx 28rpx; color: #8a90a2; font-size: 23rpx; line-height: 1.55; }
.result-actions { display: flex; gap: 14rpx; padding: 18rpx 24rpx 24rpx; }
.result-button { flex: 1; line-height: 70rpx; font-size: 23rpx; }
.failed-card { color: #8d4950; background: #fff0f1; }
.task-actions { margin-top: 26rpx; }
.task-actions button + button { margin-top: 16rpx; }