.login-page{--login-art-bg:#e9edf0;--login-panel-bg:#fafbfc;--login-text:#202833;--login-muted:#596573;--login-input:#fff;--login-border:#cbd2d9;--login-placeholder:#939da8;--login-focus:#2028331f;--login-button:#222d39;--login-button-text:#fff;--login-art-line:#505f6e;background:linear-gradient(90deg, var(--login-art-bg) 50%, var(--login-panel-bg) 50%);min-height:100svh;color:var(--login-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex-direction:column;padding:0 48px;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;display:flex}.login-header{justify-content:space-between;align-items:center;width:min(1120px,100%);height:100px;margin:0 auto;display:flex}.login-brand{font-family:var(--font-brand-english), sans-serif;align-items:center;gap:10px;font-size:21px;font-weight:600;display:flex}.login-brand-icon{background:url(/brand-icon-play.png) 50%/contain no-repeat;width:32px;height:32px}.login-window{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;width:min(1120px,100%);min-height:480px;margin:0 auto;padding:40px 0 80px;display:grid}.login-visual{color:var(--login-art-line);justify-content:center;align-items:center;display:flex}.login-artwork{width:min(360px,100%);height:auto;display:block}.login-panel{justify-content:flex-end;padding-right:8px;display:flex}.login-content{width:100%;max-width:352px}.login-content h1{letter-spacing:-.6px;margin:0 0 36px;font-size:28px;font-weight:600;line-height:1.4}.login-form{width:100%}.login-about{color:var(--login-muted);text-align:center;flex-shrink:0;margin:0 auto;padding:16px 0 24px;font-size:12px;line-height:1.9}.login-about p{margin:0}.login-about p+p{color:var(--login-placeholder);margin-top:3px}.login-field{margin-bottom:22px}.login-field label{color:var(--login-muted);margin-bottom:8px;font-size:13px;line-height:20px;display:block}.login-field input{border:1px solid var(--login-border);background:var(--login-input);width:100%;height:40px;color:var(--login-text);border-radius:6px;outline:none;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s;display:block;box-shadow:0 1px 2px #0000000d}.login-field input::placeholder{color:var(--login-placeholder)}.login-field input:hover{border-color:var(--login-placeholder)}.login-field input:focus{border-color:var(--login-muted);box-shadow:0 0 0 3px var(--login-focus)}.login-field input:disabled{cursor:not-allowed;background:var(--login-art-bg);color:var(--login-placeholder)}.login-password-input{position:relative}.login-password-input input{padding-right:44px}.login-password-input button{width:40px;color:var(--login-placeholder);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 0 0 auto}.login-password-input button:hover{color:var(--login-muted)}.login-password-input button:focus-visible{outline-offset:-4px;outline:2px solid #737373}.login-password-input button:disabled{opacity:.4;cursor:not-allowed}.login-error{color:#b42318;margin:-8px 0 16px;font-size:13px;line-height:1.6}.login-error:empty{display:none}.login-submit{border:1px solid var(--login-button);background:var(--login-button);width:100%;height:42px;color:var(--login-button-text);cursor:pointer;border-radius:6px;margin-top:6px;font-size:14px;font-weight:500;transition:background .15s}.login-submit:hover{filter:brightness(1.12)}.login-submit:focus-visible{outline-offset:3px;outline:2px solid #737373}.login-submit:disabled{opacity:.5;cursor:wait}@media (max-width:800px){.login-page{padding:0 28px}.login-window{grid-template-columns:.85fr 1fr;gap:32px}}@media (max-width:600px){.login-page{padding:0 28px max(32px, env(safe-area-inset-bottom));background:linear-gradient(var(--login-art-bg) 252px, var(--login-panel-bg) 252px)}.login-header{max-width:360px;height:80px}.login-brand{font-size:20px}.login-window{flex-direction:column;gap:24px;width:100%;max-width:360px;min-height:auto;padding:16px 0 32px;display:flex}.login-about{max-width:360px;padding:16px 0 0;font-size:11px}.login-artwork{width:148px}.login-panel,.login-content{width:100%;max-width:none;padding-right:0}.login-content h1{margin-bottom:28px;font-size:26px}.login-field input{height:46px;font-size:16px}.login-password-input button{width:44px}.login-submit{height:46px;font-size:15px}}@media (max-width:600px) and (max-height:650px){.login-page{background:linear-gradient(var(--login-art-bg) 166px, var(--login-panel-bg) 166px)}.login-window{gap:12px;padding-top:0}.login-artwork{width:92px}.login-header{height:64px}}html[data-theme=dark] .login-page{--login-art-bg:#111820;--login-panel-bg:#1b232d;--login-text:#edf1f5;--login-muted:#b0bac7;--login-input:#222d39;--login-border:#3b4858;--login-placeholder:#8190a2;--login-focus:#bbcce11f;--login-button:#e0e7ee;--login-button-text:#17212c;--login-art-line:#a7b5c5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.login-theme-toggle{border:1px solid var(--login-border);width:40px;height:40px;color:var(--login-muted);background:var(--login-panel-bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex}.login-theme-toggle:hover{color:var(--login-text);border-color:var(--login-muted)}.login-theme-toggle:focus-visible{outline:2px solid var(--login-muted);outline-offset:3px}html[data-theme=dark] .login-error{color:#fda4a4}