.cx-opening{color:#5c6372;background:radial-gradient(520px 320px at 50% 42%,#5560e81f,#0000 70%),radial-gradient(circle at 1px 1px,#0f172a14 1px,#0000 1.4px) 0 0/20px 20px,#eff1f5;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;font-size:13px;font-weight:500;display:flex}.cx-opening-mark{background:linear-gradient(#fff,#f5f6fa);border-radius:18px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 0 0 1px #0f172a14,inset 0 1px #fff,0 18px 40px -16px #5560e88c,0 2px 6px #0f172a0f}.cx-opening-bar{background:#0f172a14;border-radius:3px;width:120px;height:3px;position:relative;overflow:hidden}.cx-opening-bar>span{border-radius:inherit;background:linear-gradient(90deg,#0000,#5560e8,#8b5cf6,#0000);width:40%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.cx-opening-mark{animation:1.8s ease-in-out infinite cx-breathe}.cx-opening-bar>span{animation:cx-scan 1.2s var(--cx-ease,ease) infinite}}@keyframes cx-breathe{50%{transform:scale(1.05);box-shadow:0 0 0 1px #0f172a14,inset 0 1px #fff,0 22px 50px -14px #5560e8bf,0 2px 6px #0f172a0f}}@keyframes cx-scan{0%{transform:translate(-100%)}to{transform:translate(260%)}}.cx-route-progress{z-index:60;pointer-events:none;transform-origin:0;opacity:0;background:linear-gradient(90deg,#5560e8,#8b5cf6,#14b8a6);width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(1)}@media (prefers-reduced-motion:no-preference){.cx-route-progress{animation:.7s cubic-bezier(.16,1,.3,1) forwards cx-route}}@keyframes cx-route{0%{opacity:1;transform:scaleX(.08)}70%{opacity:1;transform:scaleX(.9)}to{opacity:0;transform:scaleX(1)}}
