:root{--lg-bg:#090a0c;--lg-card:#111318;--lg-field:#0d0f13;--lg-line:#ffffff17;--lg-line-strong:#ffffff29;--lg-ink-1:#ecedef;--lg-ink-2:#ecedef9e;--lg-ink-3:#ecedef66;--lg-accent:#3ac489;--lg-accent-ink:#7fe0b6;--lg-accent-soft:#3ac48921;--lg-danger:#e5484d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--lg-bg);color:var(--lg-ink-1);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}.login-page{background:var(--lg-bg);grid-template-columns:61.8fr 38.2fr;min-height:100%;display:grid}.login-hero{background:radial-gradient(700px 380px at 20% 30%, #3ac4891a, transparent 62%), radial-gradient(560px 320px at 85% 70%, #50a0ff1a, transparent 60%), var(--lg-bg);flex-direction:column;justify-content:flex-end;padding:48px 44px;display:flex;position:relative;overflow:hidden}.login-hero__glow{pointer-events:none;position:absolute;inset:0}.login-hero__glow:before,.login-hero__glow:after{content:"";filter:blur(80px);border-radius:50%;animation:16s ease-in-out infinite alternate hero-glow;position:absolute}.login-hero__glow:before{background:#3ac4892e;width:360px;height:360px;top:18%;left:-80px}.login-hero__glow:after{background:#50a0ff29;width:300px;height:300px;animation-delay:-8s;bottom:22%;right:-60px}@keyframes hero-glow{0%{transform:translate(0,0)scale(1)}to{transform:translate(60px,-30px)scale(1.12)}}.login-hero__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.login-hero__vignette{pointer-events:none;background:radial-gradient(circle,#0000 30%,#090a0c8c 100%),linear-gradient(#0000 55%,#090a0cd9 100%);position:absolute;inset:0}.login-hero__slogan{z-index:2;position:relative}.login-hero__badge{color:var(--lg-accent-ink);letter-spacing:.12em;background:#3ac48914;border:1px solid #3ac48940;border-radius:999px;align-items:center;gap:6px;margin:0 0 12px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.login-hero__badge:before{content:"";background:var(--lg-accent);width:5px;height:5px;box-shadow:0 0 8px var(--lg-accent);border-radius:50%;animation:1.6s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.login-hero__title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--lg-ink-1) 0%, var(--lg-accent-ink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:32px;font-weight:800;line-height:1.15}.login-hero__desc{color:var(--lg-ink-2);margin:0;font-size:13px;line-height:1.6}.login-panel{border-left:1px solid var(--lg-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0f13b8;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:32px 44px;display:flex}.login-card{background:var(--lg-card);border:1px solid var(--lg-line);border-radius:14px;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:32px;display:flex;box-shadow:0 24px 64px #00000080,0 2px 8px #0000004d}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:6px;display:flex}.login-brand__logo{background:var(--lg-accent-soft);width:40px;height:40px;color:var(--lg-accent);border:1px solid #3ac48947;border-radius:11px;place-items:center;margin-bottom:4px;display:grid;box-shadow:0 0 20px #3ac48926}.login-brand__title{letter-spacing:.01em;margin:0;font-size:18px;font-weight:700}.login-brand__sub{color:var(--lg-ink-3);margin:0;font-size:12px}.login-field{flex-direction:column;gap:6px;display:flex}.login-field__label{letter-spacing:.05em;color:var(--lg-ink-3);font-size:11px;font-weight:600}.login-field__row{gap:8px;display:flex}.login-field__box{background:var(--lg-field);border:1px solid var(--lg-line);border-radius:8px;flex:1;align-items:center;gap:8px;min-width:0;height:40px;padding:0 12px;transition:border-color .12s,box-shadow .12s;display:flex}.login-field__box:focus-within{border-color:#3ac4898c;box-shadow:0 0 0 3px #3ac4891f}.login-field__icon{color:var(--lg-ink-3);flex-shrink:0}.login-field__box input{min-width:0;color:var(--lg-ink-1);font:inherit;letter-spacing:.02em;background:0 0;border:none;outline:none;flex:1;font-size:14px}.login-field__box input::placeholder{color:var(--lg-ink-3)}.login-field__box input:-webkit-autofill{-webkit-text-fill-color:var(--lg-ink-1);caret-color:var(--lg-ink-1);-webkit-box-shadow:0 0 0 1000px var(--lg-field) inset;box-shadow:0 0 0 1000px var(--lg-field) inset;transition:background-color 9999s ease-in-out}.login-field__box input:-webkit-autofill:hover{-webkit-text-fill-color:var(--lg-ink-1);caret-color:var(--lg-ink-1);-webkit-box-shadow:0 0 0 1000px var(--lg-field) inset;box-shadow:0 0 0 1000px var(--lg-field) inset;transition:background-color 9999s ease-in-out}.login-field__box input:-webkit-autofill:focus{-webkit-text-fill-color:var(--lg-ink-1);caret-color:var(--lg-ink-1);-webkit-box-shadow:0 0 0 1000px var(--lg-field) inset;box-shadow:0 0 0 1000px var(--lg-field) inset;transition:background-color 9999s ease-in-out}.login-send{border:1px solid var(--lg-line);width:108px;height:40px;color:var(--lg-accent-ink);cursor:pointer;font-variant-numeric:tabular-nums;background:#ffffff08;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:border-color .12s,background .12s;display:inline-flex}.login-send:hover:not(:disabled){background:var(--lg-accent-soft);border-color:#3ac48973}.login-send:disabled{color:var(--lg-ink-3);cursor:default}.login-devhint{color:var(--lg-accent-ink);margin:-6px 0 0;font-size:11px}.login-field--enter{animation:.22s login-field-enter}@keyframes login-field-enter{0%{opacity:0;transform:translateY(-6px)}}.login-invitehint{color:var(--lg-accent-ink);margin:-6px 0 0;font-size:11px}.login-toast{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f3c1c3;text-align:center;background:#181b22f5;border:1px solid #e5484d66;border-radius:10px;max-width:min(420px,86vw);padding:11px 18px;font-size:13px;line-height:1.5;animation:.22s login-toast-in;position:fixed;top:26px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}@keyframes login-toast-in{0%{opacity:0;transform:translate(-50%,-10px)}}.login-error{color:var(--lg-danger);align-items:center;gap:6px;margin:-6px 0 0;font-size:12px;display:flex}.login-error:before{content:"";background:var(--lg-danger);border-radius:50%;flex-shrink:0;width:4px;height:4px}.login-submit{background:var(--lg-accent);color:#06110c;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;height:40px;margin-top:2px;font-size:14px;font-weight:700;transition:filter .12s,box-shadow .12s;display:inline-flex}.login-submit:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 4px 18px #3ac48947}.login-submit:disabled{opacity:.55;cursor:default}.login-spin{animation:.9s linear infinite login-rotate}@keyframes login-rotate{to{transform:rotate(360deg)}}.login-session{background:var(--lg-field);border:1px solid var(--lg-line);border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.login-session__avatar{background:var(--lg-accent-soft);width:38px;height:38px;color:var(--lg-accent);border:1px solid #3ac48947;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.login-session__info{flex-direction:column;gap:2px;display:flex}.login-session__phone{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.login-session__hint{color:var(--lg-ink-3);font-size:11px}.login-logout{color:var(--lg-ink-3);cursor:pointer;background:0 0;border:none;border-radius:6px;align-self:center;align-items:center;gap:5px;padding:4px 8px;font-size:12px;transition:color .12s,background .12s;display:inline-flex}.login-logout:hover{color:var(--lg-danger);background:#e5484d14}.login-footnote{color:var(--lg-ink-3);text-align:center;margin:16px 0 0;font-size:11px}@media (width>=1280px){.login-hero__title{font-size:38px}}@media (width<=980px){.login-page{grid-template-columns:1fr}.login-hero{display:none}.login-panel{background:0 0;border-left:none;padding:24px}}