.stage.yuanpu-violet{background:#212121;color:white}.stage.yuanpu-blue{background:linear-gradient(0deg,#1a3379,#0f172a,#000);color:white}
.yp-orb-wrap{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}
.yp-orb{position:relative;display:flex;align-items:center;justify-content:center;width:180px;height:180px;font-family:Inter,Arial,sans-serif;font-size:19.2px;font-weight:300;color:white;border-radius:50%;user-select:none}
.yp-orb-light{position:absolute;inset:0;border-radius:50%;background:transparent;animation:yp-violet-spin 2s linear infinite;z-index:0}
.yp-orb span{display:inline-block;opacity:.4;transform:translateY(0);animation:yp-letter-scale 2s infinite;animation-delay:var(--letter-delay);z-index:1;border-radius:50ch}
.yuanpu-blue .yp-orb{font-size:17.6px}.yuanpu-blue .yp-orb-light{animation:yp-blue-spin 2.3s linear infinite}.yuanpu-blue .yp-orb span{animation-name:yp-letter-glow;animation-duration:2.4s}
@keyframes yp-violet-spin{0%{transform:rotate(90deg);box-shadow:0 10px 20px 0 #fff inset,0 20px 30px 0 #ad5fff inset,0 60px 60px 0 #471eec inset}50%{transform:rotate(270deg);box-shadow:0 10px 20px 0 #fff inset,0 20px 10px 0 #d60a47 inset,0 40px 60px 0 #311e80 inset}100%{transform:rotate(450deg);box-shadow:0 10px 20px 0 #fff inset,0 20px 30px 0 #ad5fff inset,0 60px 60px 0 #471eec inset}}
@keyframes yp-blue-spin{0%{transform:rotate(90deg);box-shadow:0 6px 12px 0 #38bdf8 inset,0 12px 18px 0 #005dff inset,0 36px 36px 0 #1e40af inset,0 0 3px 1.2px #38bdf84d,0 0 6px 1.8px #005dff33}25%{transform:rotate(180deg);box-shadow:0 6px 12px 0 #0099ff inset,0 12px 18px 0 #38bdf8 inset,0 36px 36px 0 #005dff inset,0 0 6px 2.4px #38bdf84d,0 0 12px 3.6px #005dff33,0 0 18px 6px #1e40af26}50%{transform:rotate(270deg);box-shadow:0 6px 12px 0 #60a5fa inset,0 12px 6px 0 #0284c7 inset,0 24px 36px 0 #005dff inset,0 0 3px 1.2px #38bdf84d,0 0 6px 1.8px #005dff33}75%{transform:rotate(360deg);box-shadow:0 6px 12px 0 #3b82f6 inset,0 12px 18px 0 #0ea5e9 inset,0 36px 36px 0 #2563eb inset,0 0 6px 2.4px #38bdf84d,0 0 12px 3.6px #005dff33,0 0 18px 6px #1e40af26}100%{transform:rotate(450deg);box-shadow:0 6px 12px 0 #4dc8fd inset,0 12px 18px 0 #005dff inset,0 36px 36px 0 #1e40af inset,0 0 3px 1.2px #38bdf84d,0 0 6px 1.8px #005dff33}}
@keyframes yp-letter-scale{0%,100%{opacity:.4;transform:translateY(0)}20%{opacity:1;transform:scale(1.15)}40%{opacity:.7;transform:translateY(0)}}
@keyframes yp-letter-glow{0%,100%{opacity:.4;transform:translateY(0)}20%{opacity:1;text-shadow:#f8fcff 0 0 5px}40%{opacity:.7;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.yp-orb-light,.yp-orb span{animation:none}.yp-orb span{opacity:1}.yuanpu-violet .yp-orb-light{box-shadow:0 10px 20px #fff inset,0 20px 30px #ad5fff inset,0 60px 60px #471eec inset}.yuanpu-blue .yp-orb-light{box-shadow:0 6px 12px #38bdf8 inset,0 12px 18px #005dff inset,0 36px 36px #1e40af inset}}