#diagnostic-scenarios{background:#fff;font-family:"SF Pro SC","SF Pro Display",-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.diagnostic-section .chapter-head{max-width:100%;margin-bottom:34px}
.diagnostic-section .chapter-head h2{font-weight:500;color:#1d1d1f;letter-spacing:-.5px}
.diagnostic-section .chapter-title{width:100%}.diagnostic-section .chapter-head h2{max-width:none}
.ds-theatre{position:relative;isolation:isolate;aspect-ratio:2/1;overflow:hidden;border-radius:18px;background:#eef4f8}
.ds-shot{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .85s ease;pointer-events:none}
.ds-shot.is-active{opacity:1}
.ds-shot img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1);transition:transform 2.5s cubic-bezier(.2,.45,.35,1)}
.ds-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f4f8fbf2 0%,#f4f8fba6 24%,#f4f8fb00 48%),linear-gradient(0deg,#f4f8fbec 0%,#f4f8fb00 23%);pointer-events:none}
.ds-copy{position:absolute;z-index:2;left:38px;top:34px;max-width:420px;color:#203441}
.ds-shot:not(.is-active) .ds-copy{visibility:hidden}
.ds-audience{font-size:13px;letter-spacing:.3px;color:#536f81;margin-bottom:14px}
.ds-copy h3{font-size:clamp(24px,2.65vw,35px);font-weight:500;line-height:1.35;letter-spacing:-.35px}
.ds-capability{margin-top:16px;font-size:14px;color:#206f88;font-weight:500}
.ds-focus{position:absolute;z-index:3;left:32%;top:72%;width:44px;height:44px;border:1.5px solid #34a3bd;border-radius:50%;box-shadow:0 0 0 6px #e3f9ff52,0 0 25px #258ca743;transform:translate(-50%,-50%);transition:left .95s ease,top .95s ease;pointer-events:none}
.ds-focus:before{content:"";position:absolute;inset:-7px;border:1px solid #66b8cb8c;border-radius:50%;animation:ds-focus-pulse 2.5s ease-out infinite}
.ds-focus-word{position:absolute;top:54px;left:50%;transform:translateX(-50%);font-size:12px;line-height:1.5;letter-spacing:.25px;color:#176e88;background:#f8fdffec;padding:2px 7px;border-radius:4px;white-space:nowrap}
.ds-scan{position:absolute;inset:17% auto 14% 10%;z-index:2;width:2px;background:linear-gradient(0deg,transparent,#56c2df91,transparent);box-shadow:0 0 20px 5px #6bbbd523;animation:ds-scan 2.5s ease-in-out infinite;pointer-events:none;opacity:.7}
.ds-stage-caption{position:absolute;z-index:4;left:38px;right:38px;bottom:27px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#213f50}
.ds-action{font-size:17px;font-weight:500;line-height:1.6}
.ds-step{font-size:12px;letter-spacing:1.3px;color:#527080;white-space:nowrap}
.ds-scenes{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:25px 0 0;gap:34px}
.ds-scenes li{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 0 17px;color:#6d7c86;font-size:15px;border-bottom:1px solid #e1e9ee;transition:color .4s ease}
.ds-scenes li[aria-current=step]{color:#176d87}
.ds-scenes li[aria-current=step]:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:#408ea5;transform-origin:left;animation:ds-scene-duration 7.5s linear forwards}
.ds-scene-number{font-size:12px;letter-spacing:1px;color:#92a4b0}
.ds-theatre[data-phase="1"] .ds-shot.is-active img{transform:scale(1.065)}
.ds-theatre[data-phase="2"] .ds-shot.is-active img{transform:scale(1.035)}
.ds-theatre[data-phase="2"] .ds-scan{opacity:0;transition:opacity .5s}
.ds-theatre[data-scene="ramp"][data-phase="0"] .ds-focus{left:32%;top:72%}
.ds-theatre[data-scene="ramp"][data-phase="1"] .ds-focus{left:56%;top:74%}
.ds-theatre[data-scene="ramp"][data-phase="2"] .ds-focus{left:86%;top:28%}
.ds-theatre[data-scene="ramp"][data-phase="1"] .ds-shot.is-active img{transform-origin:56% 74%}
.ds-theatre[data-scene="ramp"][data-phase="2"] .ds-shot.is-active img{transform-origin:86% 28%}
.ds-theatre[data-scene="excursion"][data-phase="0"] .ds-focus{left:69%;top:60%}
.ds-theatre[data-scene="excursion"][data-phase="1"] .ds-focus{left:73%;top:54%}
.ds-theatre[data-scene="excursion"][data-phase="2"] .ds-focus{left:91%;top:34%}
.ds-theatre[data-scene="excursion"][data-phase="1"] .ds-shot.is-active img{transform-origin:73% 54%}
.ds-theatre[data-scene="excursion"][data-phase="2"] .ds-shot.is-active img{transform-origin:91% 34%}
.ds-theatre[data-scene="model"][data-phase="0"] .ds-focus{left:70%;top:29%}
.ds-theatre[data-scene="model"][data-phase="1"] .ds-focus{left:66%;top:66%}
.ds-theatre[data-scene="model"][data-phase="2"] .ds-focus{left:91%;top:29%}
.ds-theatre[data-scene="model"][data-phase="1"] .ds-shot.is-active img{transform-origin:66% 66%}
.ds-theatre[data-scene="model"][data-phase="2"] .ds-shot.is-active img{transform-origin:91% 29%}
.ds-paused .ds-focus:before,.ds-paused .ds-scan,.ds-paused+.ds-scenes li:after{animation-play-state:paused}
@keyframes ds-focus-pulse{0%{transform:scale(.9);opacity:.85}100%{transform:scale(1.5);opacity:0}}
@keyframes ds-scan{0%{left:14%;opacity:0}20%{opacity:.7}80%{opacity:.7}100%{left:92%;opacity:0}}
@keyframes ds-scene-duration{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:900px){.ds-copy{left:26px;top:26px;max-width:350px}.ds-copy h3{font-size:28px}.ds-stage-caption{left:26px;right:26px;bottom:21px}.ds-scenes{gap:22px}.ds-action{font-size:16px}}
@media(max-width:700px){
.diagnostic-section .chapter-head{margin-bottom:28px}
.diagnostic-section .chapter-head h2{font-size:clamp(24px,7.8vw,30px)}
.ds-theatre{aspect-ratio:auto;height:430px;border-radius:13px}
.ds-shot img{object-fit:contain;object-position:center 52%;background:#f4f8fb}
.ds-shot:after{background:linear-gradient(0deg,#f4f8fb 0%,#f4f8fb00 32%),linear-gradient(180deg,#f4f8fb 0%,#f4f8fb00 32%)}
.ds-copy{left:21px;right:21px;top:24px;max-width:none}.ds-audience{font-size:12px;margin-bottom:10px}.ds-copy h3{font-size:25px;line-height:1.3}.ds-copy h3 br{display:none}.ds-capability{margin-top:9px;font-size:14px}
.ds-focus{width:32px;height:32px}.ds-focus-word{top:41px;font-size:12px}.ds-stage-caption{left:21px;right:21px;bottom:23px;align-items:flex-start;gap:9px}.ds-action{font-size:15px;max-width:235px}.ds-step{font-size:12px;line-height:1.8}.ds-scenes{gap:12px;margin-top:16px}.ds-scenes li{gap:7px;font-size:14px;padding:10px 0 13px}.ds-scene-number{display:none}
.ds-theatre[data-phase="2"] .ds-focus-word{left:auto;right:0;transform:none}
.ds-theatre[data-scene="ramp"][data-phase="0"] .ds-focus{top:60%}.ds-theatre[data-scene="ramp"][data-phase="1"] .ds-focus{top:61%}.ds-theatre[data-scene="ramp"][data-phase="2"] .ds-focus{top:42%}
.ds-theatre[data-scene="excursion"][data-phase="0"] .ds-focus{top:57%}.ds-theatre[data-scene="excursion"][data-phase="1"] .ds-focus{top:53%}.ds-theatre[data-scene="excursion"][data-phase="2"] .ds-focus{top:44%}
.ds-theatre[data-scene="model"][data-phase="0"] .ds-focus{top:42%}.ds-theatre[data-scene="model"][data-phase="1"] .ds-focus{top:59%}.ds-theatre[data-scene="model"][data-phase="2"] .ds-focus{top:42%}
}
@media(prefers-reduced-motion:reduce){
.ds-shot,.ds-shot img,.ds-focus{transition:none!important;transform:none!important}.ds-focus,.ds-scan{display:none}.ds-scenes li:after{animation:none!important}.ds-theatre{aspect-ratio:auto;height:auto;overflow:visible;background:none;display:grid;gap:28px}.ds-shot{position:relative;opacity:1!important;aspect-ratio:2/1;overflow:hidden;border-radius:13px}.ds-shot .ds-copy{visibility:visible!important}.ds-stage-caption{display:none}.ds-shot img{height:100%;object-fit:cover}.ds-scenes{display:none}
}

.ds-operation{position:absolute;z-index:4;top:27px;right:27px;display:flex;align-items:center;gap:19px;color:#425f71;background:#f8fcffee;padding:9px 16px;border-radius:9px;box-shadow:0 3px 18px #4765790d;backdrop-filter:blur(9px)}
.ds-agent-label{font-size:14px;font-weight:600;color:#1b6f89}
.ds-operation-steps{display:flex;align-items:center;gap:18px;list-style:none;margin:0;padding:0}
.ds-operation-steps li{font-size:14px;line-height:1.7;color:#8796a1;border-bottom:2px solid transparent;transition:color .4s,border-color .4s}
.ds-operation-steps li[aria-current=step]{color:#176d87;border-color:#408ea5}
@media(max-width:900px){.ds-operation{gap:13px;padding:7px 12px;top:20px;right:20px}.ds-operation-steps{gap:12px}.ds-operation-steps li{font-size:13px}}
@media(max-width:700px){.ds-operation{top:18px;left:21px;right:21px;padding:0;justify-content:space-between;background:none;box-shadow:none;backdrop-filter:none}.ds-operation-steps{gap:12px}.ds-operation-steps li{font-size:12px}.ds-agent-label{font-size:13px}.ds-copy{top:64px}.ds-copy h3{font-size:23px}.ds-capability{margin-top:7px}.ds-shot img{object-position:center 64%}.ds-stage-caption{bottom:22px}.ds-action{font-size:14px}.ds-theatre[data-scene="ramp"][data-phase="0"] .ds-focus{top:68%}.ds-theatre[data-scene="ramp"][data-phase="1"] .ds-focus{top:69%}.ds-theatre[data-scene="ramp"][data-phase="2"] .ds-focus{top:53%}.ds-theatre[data-scene="excursion"][data-phase="0"] .ds-focus{top:65%}.ds-theatre[data-scene="excursion"][data-phase="1"] .ds-focus{top:61%}.ds-theatre[data-scene="excursion"][data-phase="2"] .ds-focus{top:55%}.ds-theatre[data-scene="model"][data-phase="0"] .ds-focus{top:53%}.ds-theatre[data-scene="model"][data-phase="1"] .ds-focus{top:66%}.ds-theatre[data-scene="model"][data-phase="2"] .ds-focus{top:53%}}
@media(prefers-reduced-motion:reduce){.ds-operation{display:none}.ds-copy{top:24px}}