[data-v-c9f214f8]:root{--color-green:#67c23a;--color-blue:#409eff;--color-red:#f56c6c;--color-gray:#c0c4cc;--bg-gray:#f5f7fa}.sample-process-container[data-v-c9f214f8]{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;max-width:1200px;margin:20px auto;padding:20px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.summary-board[data-v-c9f214f8]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;background:#f8f9fa;padding:20px;border-radius:6px;margin-bottom:30px;-ms-flex-wrap:wrap;flex-wrap:wrap}.summary-item[data-v-c9f214f8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:150px}.summary-item .label[data-v-c9f214f8]{color:#909399;font-size:14px;margin-bottom:8px}.summary-item .value[data-v-c9f214f8]{font-size:24px;font-weight:700;color:#303133}.summary-item .value.error-text[data-v-c9f214f8]{color:#f56c6c}.timeline-wrapper[data-v-c9f214f8]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:30px 0;overflow-x:auto;padding:20px 0}.timeline-item[data-v-c9f214f8],.timeline-wrapper[data-v-c9f214f8]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.timeline-item[data-v-c9f214f8]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;min-width:80px;-webkit-transition:all .3s;transition:all .3s}.timeline-item .line[data-v-c9f214f8]{position:absolute;top:20px;left:50%;width:100%;height:2px;background-color:#e4e7ed;z-index:0}.status-completed .circle[data-v-c9f214f8]{background-color:#67c23a;border-color:#67c23a;color:#fff}.status-completed .step-name[data-v-c9f214f8]{color:#67c23a}.status-completed.timeline-item .line[data-v-c9f214f8]{background-color:#67c23a}.status-processing .circle[data-v-c9f214f8]{background-color:#409eff;border-color:#409eff;color:#fff;-webkit-box-shadow:0 0 8px rgba(64,158,255,.5);box-shadow:0 0 8px rgba(64,158,255,.5)}.status-processing .step-name[data-v-c9f214f8]{color:#409eff;font-weight:700}.status-overdue .circle[data-v-c9f214f8]{background-color:#f56c6c;border-color:#f56c6c;color:#fff;-webkit-animation:pulse-c9f214f8 2s infinite;animation:pulse-c9f214f8 2s infinite}.status-overdue .step-name[data-v-c9f214f8]{color:#f56c6c;font-weight:700}.status-overdue .step-badge[data-v-c9f214f8]{background-color:#f56c6c;color:#fff}.status-pending .circle[data-v-c9f214f8]{background-color:#f2f6fc;border-color:#c0c4cc;color:#c0c4cc}.status-pending .step-name[data-v-c9f214f8]{color:#909399}.circle[data-v-c9f214f8]{width:40px;height:40px;border-radius:50%;border:2px solid;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;background:#fff;font-size:16px;margin-bottom:10px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.timeline-item:hover .circle[data-v-c9f214f8]{-webkit-transform:scale(1.1);transform:scale(1.1)}.step-name[data-v-c9f214f8]{font-size:14px;text-align:center}.step-badge[data-v-c9f214f8]{font-size:10px;padding:2px 6px;border-radius:10px;margin-top:5px;position:absolute;top:65px}.detail-panel[data-v-c9f214f8]{border:1px solid #ebeef5;border-radius:4px;overflow:hidden}.panel-header[data-v-c9f214f8]{padding:15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ebeef5}.panel-header.status-completed[data-v-c9f214f8]{background:#f0f9eb;color:#67c23a}.panel-header.status-processing[data-v-c9f214f8]{background:#ecf5ff;color:#409eff}.panel-header.status-overdue[data-v-c9f214f8]{background:#fef0f0;color:#f56c6c}.panel-header.status-pending[data-v-c9f214f8]{background:#f4f4f5;color:#909399}.panel-header h3[data-v-c9f214f8]{margin:0;font-size:16px}.panel-body[data-v-c9f214f8]{padding:20px}.info-grid[data-v-c9f214f8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:20px}.info-item label[data-v-c9f214f8]{color:#909399;margin-right:8px}.info-item span[data-v-c9f214f8]{color:#303133;font-weight:500}.alert-box[data-v-c9f214f8]{padding:10px 15px;border-radius:4px;margin-bottom:10px;font-size:14px}.alert-box.warning[data-v-c9f214f8]{background:#fdf6ec;color:#e6a23c}.alert-box.error[data-v-c9f214f8]{background:#fef0f0;color:#f56c6c}.remark-box[data-v-c9f214f8]{background:#f4f4f5;padding:15px;border-radius:4px;font-size:14px;color:#606266}.remark-box p[data-v-c9f214f8]{margin:5px 0 0 0}@-webkit-keyframes pulse-c9f214f8{0%{-webkit-box-shadow:0 0 0 0 rgba(245,108,108,.4);box-shadow:0 0 0 0 rgba(245,108,108,.4)}70%{-webkit-box-shadow:0 0 0 10px rgba(245,108,108,0);box-shadow:0 0 0 10px rgba(245,108,108,0)}to{-webkit-box-shadow:0 0 0 0 rgba(245,108,108,0);box-shadow:0 0 0 0 rgba(245,108,108,0)}}@keyframes pulse-c9f214f8{0%{-webkit-box-shadow:0 0 0 0 rgba(245,108,108,.4);box-shadow:0 0 0 0 rgba(245,108,108,.4)}70%{-webkit-box-shadow:0 0 0 10px rgba(245,108,108,0);box-shadow:0 0 0 10px rgba(245,108,108,0)}to{-webkit-box-shadow:0 0 0 0 rgba(245,108,108,0);box-shadow:0 0 0 0 rgba(245,108,108,0)}}.fade-enter-active[data-v-c9f214f8],.fade-leave-active[data-v-c9f214f8]{-webkit-transition:opacity .3s;transition:opacity .3s}.fade-enter[data-v-c9f214f8],.fade-leave-to[data-v-c9f214f8]{opacity:0}.demo-controls[data-v-c9f214f8]{margin-top:40px;padding-top:20px;border-top:1px dashed #ccc;text-align:center}.demo-controls button[data-v-c9f214f8]{margin:0 10px;padding:8px 15px;cursor:pointer}@media (max-width:768px){.timeline-wrapper[data-v-c9f214f8]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-left:20px}.timeline-item[data-v-c9f214f8]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:20px;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.timeline-item .line[data-v-c9f214f8]{width:2px;height:30px;top:40px;left:19px}.step-name[data-v-c9f214f8]{margin-left:15px;text-align:left;font-size:16px}.step-badge[data-v-c9f214f8]{position:static;margin-left:10px;margin-top:0}}