.login-page{background:#fff;min-height:100vh}.login-container{max-width:1280px;margin:0 auto;padding:0 24px}.login-breadcrumb{padding:16px 0;font-size:13px;color:#999}.login-breadcrumb a{color:#999}.login-breadcrumb a:hover{color:#1a6dd4}.login-breadcrumb span{margin:0 6px;color:#ccc}.login-wrap{display:grid;grid-template-columns:1fr 460px;min-height:520px;margin:24px 0 60px;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #00000014;border:1px solid #e8e8e8}.login-banner{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.login-banner .txt{position:relative;color:#fff;text-align:center;padding:40px}.login-banner .txt h2{font-size:32px;margin-bottom:12px}.login-banner .txt p{font-size:14px;opacity:.9;line-height:1.8}.login-form{background:#fff;padding:50px 40px}.login-form h2{font-size:24px;margin-bottom:8px}.login-form .sub{color:#666;margin-bottom:28px;font-size:13px}.login-form .sub a{color:#1a6dd4;text-decoration:none}.login-form .field{margin-bottom:16px}.login-form .field label{display:block;font-size:13px;margin-bottom:6px;font-weight:500}.login-form .field input{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:10px;font-size:14px;outline:none;box-sizing:border-box}.login-form .field input:focus{border-color:#1a6dd4}.login-form .field input.input-error{border-color:#ef4444}.login-form .row{display:flex;justify-content:space-between;align-items:center;margin:14px 0 20px;font-size:13px}.login-form .row a{color:#1a6dd4;text-decoration:none}.login-form .checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer}.login-form .btn-submit{width:100%;padding:14px;background:#1a6dd4;color:#fff;border-radius:12px;border:none;font-size:15px;font-weight:600;cursor:pointer}.login-form .btn-submit:hover{background:#1558a8}.login-form .alt{text-align:center;margin:18px 0;color:#666;font-size:13px}.login-form .social{display:flex;gap:12px}.login-form .social button{flex:1;padding:10px;border:1px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;font-size:13px}.login-form .social button:hover{border-color:#1a6dd4;color:#1a6dd4}.login-form .qrcode{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0;font-size:13px;color:#666}@media(max-width:900px){.login-wrap{grid-template-columns:1fr}.login-banner{display:none}}