@charset "UTF-8";.login-container{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#141e30;display:flex;align-items:center;justify-content:center;backdrop-filter:brightness(.95);z-index:0}.login-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:-1}.login-card{width:460px;max-width:90%;background:rgba(255,255,255,.96);border-radius:32px;padding:40px 32px 48px;box-shadow:0 25px 45px #0003,0 0 0 1px #ffffff1a inset;backdrop-filter:blur(2px);transition:transform .3s ease}.login-card:hover{transform:translateY(-5px)}.login-header{text-align:center;margin-bottom:36px}.login-header .logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.login-header .logo svg{width:44px;height:44px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.login-header .logo span{font-size:26px;font-weight:700;background:linear-gradient(135deg,#1e88e5,#0b5e9e);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:2px}.login-header .subtitle{font-size:14px;color:#6c757d;border-top:1px solid #e9ecef;padding-top:16px;margin-top:8px}.login-form .input-field{position:relative;margin-bottom:24px;display:flex;align-items:center;background:#f8f9fa;border-radius:48px;border:1px solid #e2e8f0;transition:all .2s}.login-form .input-field:focus-within{border-color:#1e88e5;box-shadow:0 0 0 3px #1e88e51a;background:white}.login-form .input-field i{font-style:normal;font-size:18px;padding-left:20px;color:#94a3b8;transition:color .2s}.login-form .input-field input{width:100%;padding:14px 20px 14px 12px;border:none;background:transparent;font-size:15px;outline:none;color:#1e293b}.login-form .input-field input::placeholder{color:#cbd5e1;font-weight:400}.login-form .input-field input:disabled{opacity:.6;cursor:not-allowed}.login-form .captcha-area{display:flex;gap:16px;margin-bottom:24px}.login-form .captcha-area .captcha-input{flex:1;margin-bottom:0}.login-form .captcha-area .captcha-image{width:120px;height:46px;background:#f1f5f9;border-radius:46px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:transform .1s,box-shadow .2s;box-shadow:0 2px 5px #0000000d}.login-form .captcha-area .captcha-image canvas{width:100%;height:100%;border-radius:46px}.login-form .captcha-area .captcha-image:hover{transform:scale(.98);box-shadow:0 1px 3px #0000001a}.login-form .error-tip{background:#fff0f0;border-left:3px solid #e53e3e;color:#c53030;padding:10px 16px;border-radius:12px;font-size:13px;margin-bottom:24px;display:flex;align-items:center;gap:8px}.login-form .login-button{width:100%;padding:14px;background:linear-gradient(105deg,#1e88e5,#0d47a1);border:none;border-radius:48px;color:#fff;font-size:16px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 18px #1e88e54d;display:flex;align-items:center;justify-content:center}.login-form .login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #1e88e566}.login-form .login-button:active:not(:disabled){transform:translateY(2px)}.login-form .login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-form .login-button .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.demo-info{text-align:center;margin-top:28px;font-size:12px;color:#94a3b8;background:#f1f5f9;padding:8px 16px;border-radius:40px;width:fit-content;margin-left:auto;margin-right:auto}.demo-info span:before{content:"\1f4a1  ";opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}html,body,p,ul,li,img,input,textarea,h1,h2,h3,h4,h5,h6{margin:0;padding:0}ul,li{list-style:none}