.auth-page{color:#f1f5f9;background:#07040f;place-items:center;min-height:100vh;font-family:Noto Sans SC,Source Han Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;display:grid;position:relative;overflow:hidden}.auth-page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,#9333ea42,#0000 42%),radial-gradient(circle at 80% 82%,#ec489933,#0000 45%);position:absolute;inset:0}.auth-page:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(125deg,#4c1d9547,#0000 40%),linear-gradient(300deg,#c026d31f,#0000 50%);position:absolute;inset:0}.auth-shell{z-index:1;width:min(448px,100%);padding:32px 16px;position:relative}.auth-card{background:#0f0d1feb;border:1px solid #dab2ff33;border-radius:16px;width:100%;padding:28px;box-shadow:0 20px 80px #7828c840}.auth-card-head{text-align:center;margin-bottom:32px}.auth-brand{color:#e9d4ff;background:#c27aff1a;border:1px solid #dab2ff4d;border-radius:999px;align-items:center;gap:7px;margin-bottom:12px;padding:4px 12px;font-size:12px;line-height:16px;display:inline-flex}.auth-brand img{object-fit:cover;border-radius:4px;width:15px;height:15px}.auth-title{color:#fff;margin:0;font-size:30px;font-weight:700;line-height:36px}.auth-subtitle{color:#cad5e2;margin:8px 0 0;font-size:14px;line-height:20px}.auth-form{gap:16px;display:grid}.auth-field{display:block}.auth-field-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.auth-label{color:#e2e8f0;font-size:14px;font-weight:500;line-height:16px}.auth-label-help{color:#62748e;font-size:12px;line-height:16px}.auth-input{color:#f1f5f9;background:#15122c;border:1px solid #c27aff40;border-radius:6px;outline:0;width:100%;height:44px;padding:8px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.auth-input::placeholder{color:#90a1b9}.auth-input:focus{border-color:#ad46ff;box-shadow:0 0 0 1px #c27aff}.auth-input::selection{color:#f6fcff;background:#6d28d9}.auth-input:-webkit-autofill{-webkit-text-fill-color:#f1f5f9;caret-color:#f1f5f9;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #15122c}.auth-input:-webkit-autofill:hover{-webkit-text-fill-color:#f1f5f9;caret-color:#f1f5f9;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #15122c}.auth-input:-webkit-autofill:focus{-webkit-text-fill-color:#f1f5f9;caret-color:#f1f5f9;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #15122c}.auth-input:-webkit-autofill:active{-webkit-text-fill-color:#f1f5f9;caret-color:#f1f5f9;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #15122c}.auth-captcha-row{align-items:stretch;gap:10px;display:flex}.auth-captcha-row .auth-input{text-transform:uppercase;flex:1;min-width:0}.auth-captcha-image{color:#62748e;cursor:pointer;background:#f8fafc;border:1px solid #c27aff40;border-radius:6px;flex:none;width:130px;height:44px;padding:0;font-size:12px;transition:border-color .2s;display:block;overflow:hidden}.auth-captcha-image img{object-fit:fill;width:130px;height:44px;display:block}.auth-captcha-image:hover{border-color:#ad46ff}.auth-hint{color:#62748e;margin:8px 0 0;font-size:12px;line-height:1.6}.auth-consent{color:#90a1b9;cursor:pointer;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.6;display:flex}.auth-consent input{accent-color:#ad46ff;cursor:pointer;flex:none;width:15px;height:15px;margin:3px 0 0}.auth-consent a{color:#dab2ff}.auth-error{color:#ff9d9d;margin:-4px 0 0;font-size:12px;line-height:1.6}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(90deg,#9810fa,#e12afb);border:0;border-radius:6px;justify-content:center;align-items:center;gap:10px;height:44px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-image .15s;display:inline-flex}.auth-submit:hover:not(:disabled){background-image:linear-gradient(90deg,#ad46ff,#ed6aff)}.auth-submit:disabled{cursor:not-allowed;opacity:.5}.auth-divider{background:#ffffff1a;height:1px;margin:24px 0 16px}.auth-footer{color:#cad5e2;text-align:center;margin:0;font-size:14px;line-height:20px}.auth-footer a{color:#dab2ff;font-weight:500}.auth-footer a:hover{color:#c27aff}.auth-legal{color:#62748e;text-align:center;margin:8px 0 0;font-size:12px;line-height:16px}.auth-legal a{color:#62748e}.auth-legal a:hover{color:#dab2ff}@media (min-width:640px){.auth-card{padding:32px}}@media (max-width:639px){.auth-shell{padding:24px 16px}.auth-title{font-size:26px;line-height:32px}.auth-input{font-size:16px}}@media (prefers-reduced-motion:reduce){.auth-page *{transition-duration:.01ms!important}}
