/* 通用任务演示：四幅独立画面，步骤变化清晰可见。 */
.journey{display:grid;grid-template-columns:350px minmax(0,1fr);gap:34px;align-items:stretch}
.journey-side{padding:18px 0}.journey-caption{color:#6980b6;font-size:11px;font-weight:700;letter-spacing:.04em;display:flex;align-items:center;gap:9px}.journey-live{width:7px;height:7px;border-radius:50%;background:#5573ff;box-shadow:0 0 0 5px #e7edff}.journey-side h3{font-size:24px;line-height:1.55;margin:23px 0 9px}.journey-side>p{color:#8995a9;font-size:12px;line-height:1.8}.journey-steps{display:grid;gap:7px;margin:22px 0}.journey-step{width:100%;border:1px solid transparent;background:#f8f9fd;border-radius:10px;padding:12px;display:flex;align-items:center;gap:14px;color:#a1aec4;text-align:left;cursor:pointer;transition:background .25s,border .25s,transform .25s}.journey-step:hover{transform:translateX(3px)}.journey-step>span:first-child{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e9edf7;color:#8998b4;font-size:11px;font-weight:700}.journey-step>span:nth-child(2){flex:1}.journey-step strong,.journey-step small{display:block}.journey-step strong{font-size:13px;color:#465777}.journey-step small{font-size:10px;color:#9aa7bb;margin-top:4px}.journey-step i{font-style:normal;font-size:16px}.journey-step.is-active{background:#edf2ff;border-color:#bacbff}.journey-step.is-active>span:first-child{background:#4265f5;color:#fff;box-shadow:0 5px 12px #a9baff}.journey-step.is-active strong,.journey-step.is-active i{color:#3459e4}.journey-step.is-complete>span:first-child{background:#e3f8f1;color:#32aa8c}.journey-play{border:0;border-radius:9px;color:#fff;background:#315bf5;font-size:12px;font-weight:700;cursor:pointer;padding:14px 18px;box-shadow:0 8px 18px #d2ddff}.journey-play:hover{background:#264ddd}.journey-side .journey-note{font-size:10px;line-height:1.8;max-width:300px;margin:17px 0 0}.journey-window{min-width:0;border:1px solid #dfe7f6;border-radius:16px;background:white;box-shadow:0 25px 65px #4666a51b;overflow:hidden;align-self:center}.journey-top,.journey-bottom{display:flex;justify-content:space-between;align-items:center}.journey-top{height:62px;padding:0 23px;border-bottom:1px solid #ebeff7;font-size:12px}.journey-top>div{display:flex;align-items:center;gap:9px}.journey-top small{color:#a0aec1;font-size:10px}.journey-logo{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#4265f5;color:#fff;font-weight:700}.journey-tag{font-size:10px;color:#8190a8}.journey-tag i{display:inline-block;width:7px;height:7px;background:#64c9a5;border-radius:50%;margin-right:5px}.journey-content{background:#fbfcff;padding:25px 35px 30px;min-height:430px}.journey-breadcrumb{font-size:11px;color:#9aa9c0;margin-bottom:28px}.journey-breadcrumb span{color:#d0d8e6;margin:0 5px}.journey-breadcrumb b{color:#627493;font-weight:600}.journey-panel{animation:panelIn .35s ease both}.journey-panel[hidden]{display:none}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title small{font-size:10px;color:#7f91bd;letter-spacing:.1em}.panel-title h4{font-size:23px;margin:10px 0}.panel-title p{font-size:12px;color:#9aa8bc;margin:0}.panel-symbol{width:58px;height:58px;flex:none;border-radius:18px;display:grid;place-items:center;background:#edf2ff;color:#4c6df3;font-size:27px}.panel-symbol.success{background:#e7f8f2;color:#35b492}.business-list{display:grid;gap:10px;margin-top:30px}.business-item{display:flex;align-items:center;gap:12px;padding:15px;background:#fff;border:1px solid #e8edf6;border-radius:10px}.business-item.selected{background:#f3f6ff;border-color:#aebffb}.business-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#e5ebff;color:#5771ed;font-size:18px}.business-icon.pale{background:#f0f3f9;color:#9daec6}.business-item>span:nth-child(2){flex:1}.business-item strong,.business-item small{display:block}.business-item strong{font-size:12px}.business-item small{font-size:10px;color:#a3afc1;margin-top:6px}.business-item i{font-style:normal;color:#5974ee}.panel-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:24px;color:#a6b2c4;font-size:10px}.mock-button{display:inline-block;background:#4265ef;color:#fff;padding:10px 13px;border-radius:7px;font-size:10px;white-space:nowrap}.mock-button.outline{background:#edf1ff;color:#526fe1}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.config-grid .wide{grid-column:1/-1}.config-grid small,.config-grid span{display:block}.config-grid small{font-size:10px;color:#899ab2;margin-bottom:7px}.config-grid span{background:white;padding:11px;border:1px solid #e6ebf4;border-radius:7px;color:#63728e;font-size:11px}.config-grid i{float:right;font-style:normal;color:#aab4c6}.running-card,.record-card{margin-top:30px;background:white;border:1px solid #e7edf8;border-radius:12px;padding:20px}.running-head{display:flex;align-items:center;gap:12px}.running-icon{width:42px;height:42px;display:grid;place-items:center;background:#eaf0ff;color:#5576f3;border-radius:12px;font-size:23px}.running-head div{flex:1}.running-head strong,.running-head small{display:block}.running-head strong{font-size:13px}.running-head small{color:#a0adc0;font-size:10px;margin-top:5px}.running-head em{font-size:10px;background:#edf2ff;color:#5571ee;border-radius:6px;padding:7px;font-style:normal}.run-track{height:8px;background:#eaf0ff;border-radius:9px;margin-top:26px;overflow:hidden}.run-track span{display:block;height:100%;width:70%;background:linear-gradient(90deg,#4266f4,#8b8eff);border-radius:9px;animation:runGrow 1.8s ease both}.run-labels{display:flex;justify-content:space-between;margin-top:12px;color:#a5b2c4;font-size:10px}.record-card{padding:5px 20px}.record-card div{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #eff2f8;font-size:11px}.record-card div:last-child{border:0}.record-card span{color:#9ca9bc}.record-card strong{color:#576985;font-weight:600}.record-card strong.record-status{color:#39ae90}.journey-bottom{padding:14px 23px;color:#9aa8be;font-size:10px}.journey-progress{height:4px;background:#edf1fc}.journey-progress i{display:block;width:25%;height:100%;background:linear-gradient(90deg,#456af9,#9984fb);transition:width .5s ease}
/* 修复图文重叠：插图进入正常布局，不再覆盖说明文字。 */
.main-card{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,1fr);gap:0;padding:30px}.main-card .card-copy{padding:10px 18px 10px 10px;max-width:none;min-width:0}.main-card .task-window{position:relative;inset:auto;min-width:0;width:100%;transform:none}.side-card{display:grid;grid-template-rows:240px auto;justify-content:stretch}.side-card .mini-orbit{position:relative;top:auto;left:auto;transform:none;margin:10px auto 0}.side-card .card-copy{padding:10px 35px 35px}
@keyframes panelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes runGrow{from{width:8%}to{width:70%}}
@media(max-width:800px){.journey{grid-template-columns:1fr;gap:20px}.journey-side{padding:0}.journey-side h3 br{display:none}.journey-steps{grid-template-columns:1fr 1fr}.journey-content{padding:25px;min-height:420px}.main-card .card-copy{max-width:none}.main-card{padding:25px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.side-card{min-height:0}.side-card .card-copy{padding:10px 28px 30px}}
@media(max-width:500px){.journey-steps{grid-template-columns:1fr 1fr}.journey-step{gap:8px;padding:9px}.journey-step small{line-height:1.4}.journey-content{padding:20px 17px;min-height:425px}.journey-top{padding:0 16px}.panel-title h4{font-size:19px}.panel-symbol{width:48px;height:48px}.main-card{display:flex;flex-direction:column;align-items:stretch;gap:15px;padding:25px}.main-card .card-copy{padding:0}.main-card .task-window{right:auto;top:auto}.side-card{grid-template-rows:240px auto}.section-top h2{overflow-wrap:anywhere}}