*{box-sizing:border-box}body{margin:0;font:14px 'Segoe UI','Microsoft YaHei',sans-serif;color:#2a3442;background:#f8f9fa}a{color:inherit;text-decoration:none}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-story{position:relative;overflow:hidden;background:#1e2631;color:#eef0f2;padding:45px 10%;display:flex;flex-direction:column}.login-brand{display:flex;align-items:center;gap:12px;font-size:30px;letter-spacing:2px;color:#889bb4}.login-brand b{color:#fff;font-size:27px}.login-brand>span{font-size:10px;color:#7a8da7;letter-spacing:3px}.story-copy{position:relative;margin-top:65px;z-index:2}.story-copy>span,.login-kicker{letter-spacing:3px;font-size:9px;color:#8195b0}.story-copy h1{font-size:42px;letter-spacing:3px;line-height:1.7;font-weight:600;margin:18px 0}.story-copy p{line-height:2.1;color:#97a4b6;font-size:13px}.login-record{margin:38px 0 20px auto;position:relative;width:280px;height:280px;flex-shrink:0;border-radius:50%;background:repeating-radial-gradient(circle,#424d5c 0 1px,#29323e 2px 3px,#37414e 4px 5px);box-shadow:15px 20px 40px #0f121777;transform:rotate(-20deg)}.login-record:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 40deg,#e4e6e922 70deg,transparent 110deg,transparent 220deg,#e4e6e922 240deg,transparent 290deg)}.login-record>div{position:absolute;inset:30%;border-radius:50%;background:#aab7c9;color:#2d3949;border:5px solid #8fa1b9;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:24px;font-weight:600}.login-record small{font-size:5px;letter-spacing:1px;margin:5px}.login-record i{background:#364355;width:8px;height:8px;border-radius:50%;margin-top:10px}.story-footer{font-size:9px;letter-spacing:3px;color:#7b899b;margin-top:auto;padding-top:30px}.login-side{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:60px 35px;position:relative}.login-form{width:100%;max-width:340px}.login-kicker{color:#9ba1a9;font-size:9px}.login-form h2{font-size:29px;margin:14px 0 12px;font-weight:650}.login-form>p{font-size:12px;color:#a1a6ad;margin-bottom:38px}.login-form label{display:block;font-size:12px;font-weight:500;margin:20px 0 9px}.login-form input{display:block;width:100%;height:48px;border:1px solid #e0e3e7;background:#fff;border-radius:7px;padding:0 15px;font:12px inherit;color:#364251;outline:none}.login-form input:focus{border-color:#526783;box-shadow:0 0 0 3px #52678312}.login-form button{display:flex;justify-content:space-between;align-items:center;width:100%;background:#4c5f79;color:#fff;border:0;border-radius:7px;height:48px;padding:0 19px;margin-top:28px;font:14px inherit;cursor:pointer}.login-form button:hover{background:#3e4e62}.login-form button span{font-size:21px}.login-hint{font-size:10px;color:#9fa4ab;line-height:1.9;margin-top:22px}.login-error{font-size:12px;color:#bc5353;background:#fff0ed;border-radius:5px;padding:10px;margin-top:15px}.login-side footer{position:absolute;bottom:28px;color:#a9afb6;font-size:10px;letter-spacing:1px}@media(max-width:760px){.login-layout{grid-template-columns:1fr}.login-story{padding:27px;min-height:245px}.login-brand{font-size:23px}.login-brand b{font-size:22px}.story-copy{margin-top:25px}.story-copy>span{font-size:7px}.story-copy h1{font-size:25px;line-height:1.5;letter-spacing:2px;margin:12px 0}.story-copy p,.story-footer{display:none}.login-record{position:absolute;width:190px;height:190px;right:-35px;bottom:-22px;margin:0}.login-record>div{font-size:17px}.login-record small{font-size:3px}.login-side{padding:37px 28px 75px;min-height:520px}.login-form h2{font-size:25px}.login-form>p{margin-bottom:25px}.login-side footer{bottom:20px}}

.login-form{text-align:center}.login-form h2{margin-bottom:32px}.login-form label{text-align:left}.login-form input{text-align:left;font-family:inherit;font-size:14px}.login-form button{justify-content:center;font-family:inherit;font-size:15px}.login-kicker{display:block}.login-error{text-align:center}

.login-form .remember-option{display:flex;align-items:center;gap:8px;margin:20px 0 0;cursor:pointer;color:#646c77;font-size:12px;text-align:left}.login-form .remember-option input{display:inline-block;width:16px;height:16px;margin:0;padding:0;accent-color:#4c5f79;cursor:pointer}.remember-option+button{margin-top:22px}

@media(max-width:760px){body{touch-action:pan-x pan-y}.login-form input{font-size:16px}.login-form button{touch-action:manipulation}}

.login-story{background:#24303e;color:#f0f4f9}.login-brand,.login-brand b{color:#f5f7fa}.login-brand>span,.story-copy>span,.story-copy p,.story-footer{color:#a6b7cd}.login-form button{background:#526f91;color:#fff}.login-form button:hover{background:#425e7f}.login-form input:focus{border-color:#526f91;box-shadow:0 0 0 3px #526f9120}.login-form .remember-option input{accent-color:#526f91}
@media(max-width:760px){.login-story{padding-top:calc(27px + env(safe-area-inset-top))}}