:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;align-items:center;background:#080909;color:#eeeee9;font:15px Arial,"Microsoft YaHei",sans-serif;padding:48px max(5vw,24px);position:relative}
.login-photo{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:-2}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,#080909b8 0%,#08090933 50%,#0809090d 100%);z-index:-1}
main{width:380px;max-width:100%;padding:32px;background:#090b09ed;border:1px solid #72623f;border-top:3px solid #d5ae4e;border-radius:5px;box-shadow:0 18px 70px #00000055}
.login-brand{display:flex;align-items:center}.login-brand img{width:52px;height:52px;object-fit:contain}.login-brand p{margin-left:13px;font-size:11px;color:#d1b46c;letter-spacing:2px;line-height:1.6}
h1{font-size:28px;letter-spacing:.5px;margin:24px 0 28px;font-weight:700}label{display:block;margin:18px 0;color:#bec5b2;font-size:12px}
input{display:block;width:100%;margin-top:8px;min-height:46px;padding:12px;background:#151a12;border:1px solid #586046;border-radius:3px;color:#fff;font:16px Arial,"Microsoft YaHei",sans-serif}
input:focus{outline:2px solid #d5ae4e;outline-offset:2px}button{width:100%;min-height:47px;padding:13px;border:1px solid #d5ae4e;border-radius:3px;background:#d5ae4e;color:#11130b;font-size:15px;font-weight:700;cursor:pointer}button:hover{background:#e4bf61}button:disabled{opacity:.5}
#loginStatus{color:#f5a9ad;font-size:12px;line-height:1.6;margin:0 0 15px}#loginStatus:empty{display:none}a{display:inline-block;margin-top:24px;color:#b8c0ab;text-decoration:none;font-size:12px;min-height:30px}a:hover{color:#e7cb83}button:focus-visible,a:focus-visible{outline:2px solid #d5ae4e;outline-offset:4px}
@media(max-width:640px){body{display:block;padding:0 0 24px;background:#090c08}.login-photo{position:relative;z-index:0;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}body:before{display:none}main{position:relative;width:100%;max-width:420px;margin:0 auto;padding:25px 26px;background:#090c08;border:0;border-top:2px solid #9c8143;border-radius:0;box-shadow:none}.login-brand img{width:43px;height:43px}.login-brand p{font-size:10px}h1{font-size:26px;margin:18px 0 22px}label{margin:17px 0}a{margin-top:20px}}
@media(max-height:560px) and (min-width:641px){body{padding:20px 5vw}main{padding:20px 25px}.login-brand img{width:38px;height:38px}h1{margin:14px 0 18px;font-size:25px}label{margin:12px 0}a{margin-top:15px}}