body.jiali-gate-active{overflow:hidden!important}
html.jiali-gate-open,html.jiali-gate-pending{overflow:hidden!important}
html.jiali-gate-pending #app,html.jiali-gate-pending #jiali-shell{visibility:hidden!important}
body.jiali-gate-active #app,body.jiali-gate-active #jiali-shell{visibility:hidden!important;pointer-events:none!important}
#jiali-gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;box-sizing:border-box;background:rgba(17,22,38,.46);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);font-family:"Segoe UI","Microsoft YaHei UI",sans-serif;color:#edf0ff;isolation:isolate}
#jiali-gate *{box-sizing:border-box}
#jiali-gate .j2-gate-card{width:min(480px,100%);padding:48px 38px 44px;border-radius:29px;background:linear-gradient(145deg,rgba(46,54,80,.65),rgba(32,39,62,.73));border:1px solid #d8e0fc25;box-shadow:0 22px 80px #0a102c38,inset 0 1px 0 #fff1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#jiali-gate .j2-gate-logo{display:block;width:104px;max-width:100%;height:104px;object-fit:contain;margin:0 auto 40px;filter:none;opacity:1;user-select:none;-webkit-user-drag:none;pointer-events:none}
#jiali-gate .j2-gate-rail{--j2-gate-x:0px;position:relative;isolation:isolate;height:74px;border-radius:40px;background:rgba(13,20,41,.55);border:1px solid #c5d4ff1c;box-shadow:inset 0 2px 7px #02081938;user-select:none;-webkit-user-select:none;touch-action:none}
#jiali-gate .j2-gate-progress{position:absolute;left:5px;top:5px;bottom:5px;width:calc(var(--j2-gate-x) + 62px);border-radius:40px;background:linear-gradient(90deg,#98a8e51a,#b2bcff24);transition:width .25s ease;pointer-events:none}
#jiali-gate .j2-gate-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 18px 0 62px;text-align:center;color:#ced4e8;font-size:14px;font-weight:500;line-height:1.4;pointer-events:none;transition:opacity .25s}
#jiali-gate .j2-gate-handle{position:absolute;left:5px;top:5px;display:grid;place-items:center;width:62px;height:62px;padding:0;border-radius:50%;border:1px solid #c7d5ff66;background:linear-gradient(145deg,rgba(154,174,230,.62),rgba(69,89,144,.9));box-shadow:inset 0 1px 3px #ffffff24,0 3px 11px #0b123433;color:#edf2ff;cursor:grab;touch-action:none;transform:translateX(var(--j2-gate-x));transition:transform .25s ease,box-shadow .2s;outline-offset:5px}
#jiali-gate .j2-gate-handle:focus-visible{outline:3px solid #b8c9ff;box-shadow:0 0 0 6px #9eaeed17}
#jiali-gate .j2-gate-handle svg{width:25px;height:25px;pointer-events:none}
#jiali-gate .j2-gate-rail.dragging .j2-gate-handle{cursor:grabbing;transition:none}
#jiali-gate .j2-gate-rail.dragging .j2-gate-progress{transition:none}
#jiali-gate .j2-gate-rail.completed .j2-gate-label{padding:0 74px 0 14px;color:#edf5ff}
#jiali-gate .j2-gate-rail.completed .j2-gate-handle{cursor:default;background:linear-gradient(145deg,#7c9cc5,#526eac)}
#jiali-gate .j2-gate-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:520px){#jiali-gate{padding:20px}#jiali-gate .j2-gate-card{padding:39px 23px 34px;border-radius:25px}#jiali-gate .j2-gate-logo{width:96px;height:96px;margin-bottom:34px}#jiali-gate .j2-gate-rail{height:68px}#jiali-gate .j2-gate-handle{width:56px;height:56px}#jiali-gate .j2-gate-progress{width:calc(var(--j2-gate-x) + 56px)}#jiali-gate .j2-gate-label{padding-left:57px;font-size:12px}#jiali-gate .j2-gate-rail.completed .j2-gate-label{padding-right:66px;padding-left:8px}}
@media(prefers-reduced-motion:reduce){#jiali-gate *{transition:none!important}}