.button-danger{color:#f56c6c}.fr{float:right}.workflow-container{padding:20px}.workflow-steps{justify-content:space-between;position:relative;margin:40px 0;padding:0 20px}.step,.workflow-steps{display:flex;align-items:center}.step{flex-direction:column;z-index:2;min-width:100px}.step-circle{width:50px;height:50px;border-radius:50%;background:#e4e7ed;color:#606266;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;border:3px solid #e4e7ed;transition:all .3s ease;margin-bottom:10px}.step-label{color:#303133;font-weight:500;margin-bottom:5px;width:100px;word-wrap:break-word}.step-label,.step-status{font-size:12px;text-align:center}.step-status{color:#909399}.step-completed .step-circle{background:#67c23a;color:#fff;border-color:#67c23a}.step-current .step-circle{background:#409eff;color:#fff;border-color:#409eff;animation:pulse 2s infinite}.step-pending .step-circle{background:#e4e7ed;color:#606266;border-color:#e4e7ed}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(64,158,255,.7)}70%{box-shadow:0 0 0 10px rgba(64,158,255,0)}to{box-shadow:0 0 0 0 rgba(64,158,255,0)}}.step-line{flex:1;height:4px;background:#e4e7ed;margin:0 10px;position:relative;top:-22px;transition:all .3s ease}.line-completed{background:#67c23a}.line-active{background:linear-gradient(90deg,#67c23a,#409eff)}.line-pending{background:#e4e7ed}.current-status{margin-top:40px;padding:20px;background:#f5f7fa;border-radius:8px;border-left:4px solid #409eff}.current-status h4{margin:0 0 10px 0;color:#303133;font-size:16px}.current-status p{margin:0;color:#606266;line-height:1.6}@media (max-width:768px){.workflow-steps{flex-direction:column;gap:30px}.step-line{width:4px;height:40px;margin:10px 0;top:0}}