.si-play-root:not(.is-play) *{animation-play-state:paused!important}.si-tl{position:relative}.si-tl-track{background:#ffffff0f;border-radius:2px;height:2px;position:absolute;top:23px;left:0;right:0}.si-tl-line{transform-origin:0;background:linear-gradient(90deg,#7c3aed,#9f67ff,#22d3ee);border-radius:2px;animation:2.6s cubic-bezier(.65,0,.35,1) both siLine;position:absolute;inset:0;box-shadow:0 0 12px #9f67ff99}@keyframes siLine{0%{transform:scaleX(0)}}.si-tl-spark{background:#fff;border-radius:50%;width:8px;height:8px;margin-left:-4px;animation:5s linear 2.6s infinite both siSpark;position:absolute;top:-3px;box-shadow:0 0 12px 3px #22d3eee6}@keyframes siSpark{0%{opacity:0;left:0}5%{opacity:1}95%{opacity:1}to{opacity:0;left:100%}}.si-tl-list{grid-template-columns:repeat(7,1fr);gap:10px;display:grid;position:relative}.si-node{text-align:center;animation:.7s cubic-bezier(.2,.75,.2,1) both siRise;animation-delay:calc(.25s + var(--i) * .33s)}@keyframes siRise{0%{opacity:0;transform:translateY(14px)}}.si-dot{color:#c4b5fd;width:48px;height:48px;animation:.6s cubic-bezier(.3,1.6,.5,1) both siPop;animation-delay:calc(.25s + var(--i) * .33s);background:#111118;border:1px solid #9f67ff59;border-radius:50%;place-items:center;margin:0 auto 12px;display:grid;position:relative}.si-node.is-now .si-dot{color:#67e8f9;border-color:#22d3ee;box-shadow:0 0 0 4px #22d3ee1f,0 0 24px #22d3ee59}.si-node.is-now .si-dot:after{content:"";border-radius:50%;animation:2.2s ease-out 3s infinite siPing;position:absolute;inset:-1px}@keyframes siPing{0%{box-shadow:0 0 #22d3ee80}80%,to{box-shadow:0 0 0 14px #22d3ee00}}@keyframes siPop{0%{transform:scale(0)}}.si-year{letter-spacing:.08em;color:#9f67ff;font-size:.72rem;font-weight:800}.si-node.is-now .si-year{color:#22d3ee}.si-title{color:#fff;margin-top:4px;font-size:.84rem;font-weight:700;line-height:1.3}.si-sub{color:#9ca3af;margin-top:3px;font-size:.72rem;line-height:1.4}@media (max-width:900px){.si-tl-track{width:2px;height:auto;inset:0 auto 0 23px}.si-tl-line{transform-origin:top;animation-name:siLineV}@keyframes siLineV{0%{transform:scaleY(0)}}.si-tl-spark{animation-name:siSparkV;left:-3px!important}@keyframes siSparkV{0%{opacity:0;top:0}5%{opacity:1}95%{opacity:1}to{opacity:0;top:100%}}.si-tl-list{grid-template-columns:1fr;gap:18px}.si-node{text-align:left;grid-template-columns:48px 1fr;align-items:center;gap:14px;display:grid}.si-dot{margin:0}}.si-build{animation:.6s cubic-bezier(.2,.75,.2,1) both siRise;animation-delay:calc(.3s + var(--i) * .15s)}.si-build-ico{animation:4s ease-in-out infinite siFloat;animation-delay:calc(var(--i) * -1s)}@keyframes siFloat{50%{transform:translateY(-3px)}}.si-tool{animation:.5s cubic-bezier(.3,1.6,.5,1) both siPop;animation-delay:calc(.9s + var(--i) * .1s)}@media (prefers-reduced-motion:reduce){.si-play-root *{animation:none!important}.si-tl-spark{display:none}}
.cf{grid-template-columns:repeat(var(--n,3), 1fr);gap:28px;max-width:640px;margin:0 auto 44px;padding:0;list-style:none;display:grid}.cf:not(.is-play) *{animation-play-state:paused!important}.cf-step{text-align:center;animation:.6s cubic-bezier(.2,.75,.2,1) both cfIn;animation-delay:calc(var(--i) * .45s);flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}@keyframes cfIn{0%{opacity:0;transform:translateY(12px)}}.cf-ico{color:#c4b5fd;background:linear-gradient(135deg,#7c3aed40,#111118e6);border:1px solid #9f67ff59;border-radius:16px;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 10px 30px -12px #7c3aed99}.cf-num{letter-spacing:.14em;color:#22d3ee;font-size:.68rem;font-weight:800}.cf-text{color:#e5e7eb;font-size:.9rem;font-weight:600;line-height:1.35}.cf-desc{color:#9ca3af;margin-top:4px;font-size:.8rem;font-weight:400;line-height:1.5;display:block}.cf.cf-wide{max-width:860px}.cf-link{background:#9f67ff33;border-radius:2px;width:calc(100% - 44px);height:2px;position:absolute;top:28px;left:calc(50% + 36px);overflow:hidden}.cf-dot{width:24px;height:6px;animation:2.4s ease-in-out infinite cfTravel;animation-delay:calc(1.2s + var(--i) * .3s);background:linear-gradient(90deg,#0000,#22d3ee,#0000);border-radius:6px;position:absolute;top:-2px;left:0}@keyframes cfTravel{0%{left:-24px}to{left:100%}}@media (max-width:640px){.cf{grid-template-columns:1fr;gap:14px;max-width:320px}.cf-step{text-align:left;flex-direction:row;gap:12px}.cf-num{flex:none;order:-1;width:22px}.cf-link{display:none}}@media (prefers-reduced-motion:reduce){.cf *,.cf-step{animation:none!important}}