.sp-root{background:#070b16;inset:0}.sp,.sp-root{position:absolute;overflow:hidden}.sp{transform-origin:0 0;color:#e6edf7;-webkit-user-select:none;user-select:none;--sc-title:#fff;--sc-desc:#d9e6f8;--sc-arrow:#67e8f9;--sc-cyan-bg:#0f3d57;--sc-cyan-bd:#38d9f5;--sc-purple-bg:#35266f;--sc-purple-bd:#b79cff;--sc-green-bg:#0e4b37;--sc-green-bd:#4ade80;background:radial-gradient(1200px 700px at 15% 0,#00e5ff29,#0000 60%),radial-gradient(1000px 700px at 100% 100%,#a855f72e,#0000 60%),#070b16;width:1920px;height:1080px;font-family:Noto Sans SC,Noto Sans CJK SC,PingFang SC,Microsoft YaHei,sans-serif}.sp:before{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 0),linear-gradient(90deg,#ffffff09 1px,#0000 0);background-size:48px 48px;position:absolute;inset:0}.sp *{box-sizing:border-box;margin:0;padding:0}.sp-loading{color:#cfd9ea;text-align:center;place-items:center;padding:0 160px;font-size:64px;display:grid;position:absolute;inset:0}.sp-hdr{background:#0a1020b3;border-bottom:1px solid #ffffff14;align-items:center;gap:24px;height:84px;padding:0 360px 0 48px;display:flex;position:absolute;top:0;left:0;right:0}.sp-logoimg{flex:none;width:56px;height:56px}.sp-logo{letter-spacing:1px;background:linear-gradient(90deg,#00e5ff,#a855f7);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800}.sp-vt{color:#cfd9ea;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:28px;overflow:hidden}.sp-rail{background:#0e162ab8;border:1px solid #ffffff14;border-radius:20px;width:400px;padding:22px 20px;position:absolute;top:100px;bottom:174px;left:48px;overflow:hidden}.sp-rail h4{color:#7c8aa5;letter-spacing:2px;margin-bottom:14px;font-size:20px;font-weight:500}.sp-st{color:#7c8aa5;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:4px;padding:10px;font-size:23px;line-height:1.35;display:flex}.sp-st i{border:1px solid #3a4763;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;font-size:17px;font-style:normal;display:flex}.sp-st.done{color:#9fb0cc}.sp-st.done i{color:#22d3ee;background:#164e63;border-color:#22d3ee}.sp-st.cur{color:#fff;background:linear-gradient(90deg,#00e5ff2e,#a855f724);box-shadow:inset 0 0 0 1px #00e5ff59}.sp-st.cur i{color:#001018;background:#00e5ff;border-color:#00e5ff;font-weight:700}.sp-main{background:#0b1224;border:1px solid #ffffff1a;border-radius:20px;width:1392px;height:806px;position:absolute;top:100px;left:480px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #00e5ff14}.sp.compact .sp-main{width:1872px;height:1032px;top:24px;left:24px}.sp.compact.withcap .sc-card{min-width:240px;padding:18px 34px 16px;font-size:38px}.sp.compact.withcap .sc-diagram{gap:12px}.sp.compact.withcap .sc-desc{font-size:28px}.sp.compact.withcap .sc-arrow{font-size:52px}.sp.compact.withcap .sc-arrow.sc-note{padding:2px 20px;font-size:30px}.sp.compact.withcap .sc-diagram,.sp.compact.withcap .sc-row{gap:20px}.sp-bar{color:#7c8aa5;background:#0f1830;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:17px;display:flex}.sp-bar b{border-radius:50%;flex:none;width:12px;height:12px;display:block}.sp-bar span{white-space:nowrap;margin-left:14px;overflow:hidden}.sp-body{justify-content:center;align-items:center;display:flex;position:absolute;inset:40px 0 0}.sp-fade-enter-active{transition:opacity .28s}.sp-fade-leave-active{transition:opacity .12s}.sp-fade-enter-from,.sp-fade-leave-to{opacity:0}.sp-shotbox{position:relative}.sp-shotbox img{width:100%;height:100%;display:block}.sp-focus{border:3px solid #00e5ff;border-radius:10px;position:absolute;box-shadow:0 0 0 4000px #03060e8c,0 0 24px #00e5ff}.sp-focus em{color:#001018;white-space:nowrap;background:#00e5ff;border-radius:8px;padding:3px 12px;font-size:20px;font-style:normal;font-weight:700;position:absolute;top:-38px;left:-3px}.sp-focus em.below{top:6px;left:6px}.sp-term{background:#05080f;padding:26px 34px;font-family:JetBrains Mono,DejaVu Sans Mono,Noto Sans Mono CJK SC,ui-monospace,monospace;font-size:25px;line-height:1.55;position:absolute;inset:0;overflow:hidden}.sp-term div{white-space:pre-wrap;word-break:break-all;min-height:38px}.sp-term .p{color:#34d399}.sp-term .c{color:#e6edf7}.sp-term .o{color:#9fb0cc}.sp-term .w{color:#fbbf24}.sp-term .g{color:#22d3ee}.sp-term .e{color:#f87171}.sp-term .hl{background:#00e5ff1f;box-shadow:-34px 0 #00e5ff1f,34px 0 #00e5ff1f}.sp.compact .sp-term{font-size:38px}.sp.compact.withcap .sp-term{padding:18px 28px;font-size:30px;line-height:1.4}.sp.compact.withcap .sp-term div{min-height:30px}.sp-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex;position:absolute;inset:0}.sp-card h1{background:linear-gradient(90deg,#00e5ff,#a855f7);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:28px;font-size:68px;line-height:1.25}.sp-card p{color:#b6c3da;max-width:1000px;font-size:32px;line-height:1.7}.sp-card ul{text-align:left;color:#cfd9ea;font-size:32px;line-height:2}.sp-card ul,.sp-card ul li{list-style:none}.sp-card ul li>span{color:#34d399;margin-right:.4em;display:inline-block}.sp.compact .sp-card h1{font-size:96px}.sp.compact .sp-card p,.sp.compact .sp-card ul{max-width:1500px;font-size:46px}.sp-dg{justify-content:center;gap:30px;padding:40px 56px;position:absolute;inset:0}.sp .sc-diagram,.sp-dg{flex-direction:column;display:flex}.sp .sc-diagram{gap:34px;width:100%}.sp .sc-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;display:flex}.sp .sc-card{border:2px solid var(--sc-cyan-bd);background:var(--sc-cyan-bg);min-width:250px;max-width:560px;color:var(--sc-title);text-align:center;letter-spacing:.5px;border-radius:18px;padding:26px 38px 24px;font-size:36px;font-weight:800;line-height:1.35;position:relative;box-shadow:0 10px 28px #00000073,inset 0 1px #ffffff24}.sp .sc-card.sc-purple{border-color:var(--sc-purple-bd);background:var(--sc-purple-bg)}.sp .sc-card.sc-green{border-color:var(--sc-green-bd);background:var(--sc-green-bg)}.sp .sc-desc{color:var(--sc-desc);letter-spacing:0;margin-top:8px;font-size:24px;font-weight:500;line-height:1.45;display:block}.sp .sc-arrow{color:var(--sc-arrow);text-shadow:0 0 18px #67e8f98c;flex:none;font-size:64px;font-weight:800;line-height:1}.sp .sc-arrow .ic-sc{vertical-align:-.14em;display:inline-block}.sp .sc-arrow.sc-note .ic-sc{margin-right:.3em}.sp .sc-arrow.sc-note{text-shadow:none;color:#cffafe;background:#22d3ee29;border:1px solid #67e8f999;border-radius:999px;padding:8px 24px;font-size:28px;font-weight:600;line-height:1.4}.sp.compact .sc-card{min-width:300px;padding:30px 44px 28px;font-size:46px}.sp.compact .sc-desc{font-size:32px}.sp.compact .sc-arrow{font-size:76px}.sp.compact .sc-arrow.sc-note{font-size:36px}