.el-slide .slide-body{overflow:auto}.el-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px;align-items:start}.el-scene{position:relative;background:#f5f7ff;border:2px solid #d7e0f6;border-radius:24px;overflow:hidden}.el-scene svg{width:100%;display:block}.el-badge{position:absolute;left:16px;top:14px;font-size:15px;color:#465777;background:#fff;padding:5px 12px;border-radius:20px}.el-round{position:absolute;bottom:12px;right:16px;color:#a82c50;font-size:18px;font-weight:700}.el-controls{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.el-controls button{font:600 17px inherit;font-family:inherit;font-size:17px;padding:10px 17px;border:1px solid #cbd4e9;border-radius:12px;background:white;color:#273859;cursor:pointer;min-height:44px}.el-controls button:first-child{background:#405bca;color:white;border-color:#405bca}.el-controls button:disabled{opacity:.5;cursor:default}.el-controls button:focus-visible{outline:3px solid #c07d12;outline-offset:3px}.el-chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:19px}.el-chain span{padding:7px 10px;border-radius:9px;background:#edf0f8}.el-chain span.active{background:#ffdf8a;color:#473412}.el-count{font-size:16px;color:#5068bb;margin:0 0 8px}.el-explain h3{font-size:clamp(23px,2.4vw,34px);margin:0 0 12px;line-height:1.45}.el-say{font-size:clamp(19px,1.9vw,26px);line-height:1.7;min-height:3.4em}.el-code{background:#202f48;border-radius:14px;padding:15px 0;color:#dbe5ff;font:16px/1.8 monospace;white-space:pre-wrap;overflow-wrap:anywhere}.el-code span{display:block;padding:3px 16px;border-left:4px solid transparent}.el-code span.active{background:#40527a;border-color:#ffcf71;color:white}.el-note{font-size:14px;color:#60708b;margin:8px 0}.el-person,.el-avatar,.el-tile{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .2s}.el-signal,.el-waves{opacity:0;transition:opacity .3s}.el-scene[data-step="1"] .el-person,.el-scene[data-step="2"] .el-person,.el-scene[data-step="3"] .el-person,.el-scene[data-step="4"] .el-person{transform:translateX(12px)}.el-scene:not([data-step="0"]) .el-button{fill:#405bca}.el-scene[data-step="2"] .el-signal{opacity:1}.el-scene[data-step="4"] .el-waves{opacity:1}.el-scene[data-step="4"] .el-bell{transform-origin:481px 125px;animation:el-ring .35s ease-in-out 4 alternate}.el-scene:not([data-step="0"]) .el-avatar{transform:translateX(246px)}.el-tile{opacity:var(--tile-opacity,1)}.el-scene[data-step="4"] .el-tile{transform:translateY(100px);opacity:0}.el-scene[data-step="4"] .el-avatar{transform:translate(246px,190px)}@keyframes el-ring{from{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@media(max-width:800px){.el-layout{grid-template-columns:1fr;gap:18px}.el-say{min-height:0}.el-chain{font-size:16px}.el-code{font-size:14px}.el-controls button{font-size:15px}}@media(prefers-reduced-motion:reduce){.el-scene *{animation:none!important;transition:none!important}}
.el-slide .el-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.el-slide .el-code{font-size:14px;line-height:1.55;margin:12px 0 6px}.el-slide .el-say{font-size:21px;line-height:1.6;margin:8px 0;min-height:0}.el-slide .el-explain h3{font-size:26px;margin-bottom:8px}.el-slide .el-scene svg{max-height:260px}.el-slide .el-note{font-size:12px}.el-slide .el-code span{padding:2px 12px}@media(max-width:800px){.el-slide .el-layout{grid-template-columns:1fr}.el-slide .el-say{font-size:19px}.el-slide .el-explain h3{font-size:24px}}