#container { background: #edf1f4 !important; overflow-y: auto; }
#canvas { display: none; }
#container .login-wrap { width: min(800px, calc(100% - 32px)); height: auto; min-height: 448px; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); border-radius: 8px; box-shadow: 0 8px 28px rgba(0, 0, 0, .10); }
#container .login-side { flex: 1; width: auto; height: auto; padding: 0; }
#container .login-side .side-img { box-sizing: border-box; background: #161b22; border-radius: 0; padding: 52px 30px; display: flex; flex-direction: column; justify-content: center; color: #fff; }
#container .side-img img { width: 100%; max-width: 320px; height: auto; margin-bottom: 40px; }
#container .side-img h1 { font-size: 28px; font-weight: 600; line-height: 1.4; }
#container .side-img p { font-size: 14px; margin-top: 14px; line-height: 1.8; color: #d6dce2; }
#container .login-box { flex: 1; width: 392px; height: auto; min-width: 0; }
#container .login-box .top { width: auto; padding: 36px 16px; }
#container .login-box .top img { max-width: 100%; object-fit: contain; }
#container #login-submit { background: #007f72 !important; }
#container .captcha-row { display: grid; grid-template-columns: minmax(0, 1fr) 142px; gap: 12px; }
#container .captcha-row .layui-input-inline { width: auto !important; margin: 0 !important; float: none; left: auto; }
#container .captcha-row .captcha_img img { width: 142px; height: 44px; object-fit: contain; }
#container .foot { position: fixed; bottom: 16px; box-sizing: border-box; padding: 0 16px; color: #555; line-height: 1.6; }
#container .foot > img { display: none; }
@media (max-width: 650px) {
    #container .login-wrap { width: min(392px, calc(100% - 32px)); flex-direction: column; min-height: 0; }
    #container .login-side { display: none; }
    #container .login-box { width: 100%; }
    #container .login-box .top { padding: 28px 16px; }
    #container .login-box .bottom { padding: 24px; }
}
@media (max-height: 620px) {
    #container .login-wrap { top: 16px; transform: translateX(-50%); margin-bottom: 84px; }
    #container .foot { position: absolute; bottom: 8px; }
}
