*{box-sizing:border-box}
body.sx-auth-page{margin:0;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#242424;background:#f6f6f5}
body.sx-auth-page::before,body.sx-auth-page::after{content:"";position:fixed;inset:-12%;pointer-events:none;filter:blur(36px);will-change:transform,opacity}
body.sx-auth-page::before{background:radial-gradient(ellipse at 8% 82%,rgba(193,120,96,.32),transparent 37%),radial-gradient(ellipse at 93% 14%,rgba(202,148,128,.28),transparent 34%),radial-gradient(ellipse at 12% 16%,rgba(111,115,119,.19),transparent 38%),radial-gradient(ellipse at 88% 88%,rgba(119,121,125,.18),transparent 36%);animation:auth-glow-flow 18s ease-in-out -4s infinite}
body.sx-auth-page::after{background:radial-gradient(ellipse at 46% 45%,rgba(255,255,255,.98) 12%,rgba(255,255,255,.75) 30%,transparent 62%),radial-gradient(ellipse at 76% 70%,rgba(255,255,255,.88),transparent 35%),radial-gradient(ellipse at 28% 76%,rgba(162,153,148,.13),transparent 30%);animation:auth-glow-drift 24s ease-in-out -11s infinite}
body.sx-auth-page::before{animation-duration:9s;animation-delay:-2s}
body.sx-auth-page::after{animation-duration:12s;animation-delay:-5s}
@keyframes auth-glow-flow{0%,100%{transform:translate3d(-10%,8%,0) scale(1.12);opacity:.85}33%{transform:translate3d(12%,-10%,0) scale(1.2);opacity:1}66%{transform:translate3d(8%,12%,0) scale(1.14);opacity:.9}}
@keyframes auth-glow-drift{0%,100%{transform:translate3d(12%,-10%,0) scale(1.08);opacity:.4}50%{transform:translate3d(-14%,12%,0) scale(1.18);opacity:.85}}
html.auth-motion-paused body.sx-auth-page::before,html.auth-motion-paused body.sx-auth-page::after{animation-play-state:paused;will-change:auto}
.auth-shell{position:relative;z-index:1;min-height:100dvh;display:grid;place-items:center;padding:80px 16px 32px}
.auth-card{position:relative;width:min(536px,100%);display:grid;grid-template-columns:184px minmax(0,1fr);background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:24px;box-shadow:0 12px 40px rgba(36,36,36,.06)}
.auth-brand-panel{display:flex;flex-direction:column;justify-content:center;padding:16px 24px 16px 8px}
.auth-brand-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.auth-brand-row img{width:28px;height:28px;object-fit:contain}
.auth-brand-row strong{font-size:16px;font-weight:600}
.auth-brand-row span{font-size:12px;color:#6b6b6b;flex-basis:100%;margin-top:4px}
.auth-brand-caption{font-size:12px;color:#6b6b6b;margin:8px 0 0;line-height:1.6}
.auth-brand-panel h1{font-size:17px;font-weight:400;line-height:1.7;margin:20px 0 0}
.auth-form-panel{border-left:1px solid #f0f0f0;padding-left:24px;min-width:0}
.auth-mascot{position:absolute;right:116px;top:-67px;display:block;width:96px;height:88px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 3px rgba(36,36,36,.04))}
.auth-forgot{display:flex;justify-content:flex-end;margin-top:-4px;margin-bottom:4px}
.auth-notice{font-size:12px;color:#6b6b6b;text-align:center;margin:8px 0 0}
.auth-legal{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#6b6b6b;line-height:1.6;margin-top:12px;text-align:left}
.auth-error{margin-bottom:8px}
::selection{background:#ffd7cb}
@media(max-width:580px){.auth-card{max-width:360px;grid-template-columns:1fr;padding:24px}.auth-brand-panel{padding:0 0 16px}.auth-brand-panel h1{font-size:16px;margin:12px 0 0}.auth-brand-panel h1 br{display:none}.auth-brand-row span{flex-basis:auto;margin:0}.auth-form-panel{padding:0;border:0}.auth-mascot{right:24px;top:-60px;height:80px;width:88px}.auth-shell{padding:80px 16px 24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){body.sx-auth-page::before,body.sx-auth-page::after{transform:none;opacity:.8;will-change:auto}}