html,body,#app{min-height:100%;margin:0}
body{background:#f4efe7;color:#2b241d;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
.secure-login-page{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,560px);align-items:center;gap:72px;padding:64px clamp(28px,8vw,140px);box-sizing:border-box;background:radial-gradient(circle at 14% 12%,#fffaf0 0,transparent 34%),linear-gradient(135deg,#f4eee4,#ede4d5)}
.secure-login-brand{display:flex;align-items:flex-start;gap:24px;max-width:680px}.secure-login-mark{width:68px;height:68px;display:grid;place-items:center;flex:0 0 auto;border-radius:19px;background:#191715;color:#d7b77d;font:700 30px/1 Georgia,serif;box-shadow:0 18px 40px #342a1d24}.secure-login-eyebrow{margin:3px 0 15px;color:#9b7440;font:700 11px/1.4 Arial,sans-serif;letter-spacing:3px}.secure-login-brand h1{margin:0;font:700 clamp(34px,4vw,56px)/1.22 Georgia,"Songti SC",serif;letter-spacing:2px}.secure-login-brand p{max-width:540px;margin:18px 0 0;color:#786b5b;font-size:15px;line-height:1.9}
.secure-login-card{width:100%;box-sizing:border-box;padding:38px;border:1px solid #decdb5;border-radius:24px;background:#fffdf9;box-shadow:0 28px 90px #5742291c}.secure-login-card-head span{color:#aa8046;font:700 10px/1 Arial,sans-serif;letter-spacing:3px}.secure-login-card-head h2{margin:10px 0 8px;font:700 28px/1.35 Georgia,"Songti SC",serif}.secure-login-card-head p{margin:0 0 27px;color:#8a7d6d;font-size:13px;line-height:1.7}
.secure-login-card form{display:grid;gap:17px}.secure-login-card label>span{display:block;margin-bottom:7px;color:#5f5448;font-size:13px;font-weight:700}.secure-login-card input{width:100%;height:48px;padding:0 14px;box-sizing:border-box;border:1px solid #d9ccbb;border-radius:11px;outline:0;background:#fff;color:#29231e;font-size:15px;transition:.2s}.secure-login-card input:focus{border-color:#a77a3d;box-shadow:0 0 0 3px #b990561b}.secure-login-captcha{display:grid;grid-template-columns:minmax(120px,1fr) 150px 64px;gap:9px;align-items:center}.secure-login-captcha-visual{height:48px;padding:0;overflow:hidden;border:1px solid #d9ccbb;border-radius:11px;background:#f8f1e7;cursor:pointer}.secure-login-captcha-visual:disabled{opacity:.7;cursor:wait}.secure-login-captcha-visual img{display:block;width:100%;height:100%;object-fit:cover}.secure-login-captcha-visual img:not([src]),.secure-login-captcha-visual img.is-loading{background:linear-gradient(100deg,#f5eee4 20%,#fffaf2 40%,#f5eee4 60%);background-size:220% 100%;animation:secure-captcha-loading 1.1s linear infinite}.secure-login-captcha-refresh{height:48px;padding:0 8px;border:1px solid #d9ccbb;border-radius:11px;background:#fffdf9;color:#795d38;font-size:12px;cursor:pointer}.secure-login-captcha-refresh:hover{border-color:#a77a3d;background:#fff8ec}.secure-login-captcha-refresh:disabled{opacity:.55;cursor:wait}.secure-login-help{display:block;margin-top:7px;color:#9a8b79;font-size:11px;line-height:1.55}.secure-login-primary{height:50px;border:0;border-radius:12px;background:#211e1a;color:#f2d8a9;font-size:15px;font-weight:700;letter-spacing:1px;cursor:pointer;box-shadow:0 13px 24px #17130f20}.secure-login-primary:disabled{opacity:.55;cursor:wait}.secure-login-message{min-height:20px;margin-top:14px;font-size:13px;line-height:1.55}.secure-login-message.error{color:#af3f34}.secure-login-message.success{color:#397550}.secure-login-message.loading{color:#746656}.secure-login-card footer{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid #eee5d9;color:#9a8b79;font-size:11px}.secure-login-card footer i{width:3px;height:3px;border-radius:50%;background:#ba9a69}@keyframes secure-captcha-loading{to{background-position:-220% 0}}
.secure-login-card [hidden]{display:none!important}.secure-recovery-toggle{justify-self:center;padding:2px 0;border:0;background:transparent;color:#84663f;font-size:12px;line-height:1.6;text-decoration:underline;text-decoration-color:#c9ae85;text-underline-offset:4px;cursor:pointer}.secure-recovery-toggle:hover{color:#5e4527}.secure-recovery-toggle:focus-visible{outline:3px solid #b9905630;outline-offset:4px}.secure-recovery-panel{padding:15px;border:1px solid #e5d4bb;border-radius:13px;background:linear-gradient(135deg,#fffaf1,#f8efe1)}.secure-recovery-panel small{display:block;margin-top:8px;color:#8b7355;font-size:11px;line-height:1.65}.secure-recovery-panel input{font-family:Consolas,"SFMono-Regular",monospace;font-weight:700;letter-spacing:1px;text-transform:uppercase}
@media(max-width:900px){.secure-login-page{grid-template-columns:1fr;gap:30px;padding:30px 18px}.secure-login-brand{display:none}.secure-login-card{max-width:560px;margin:auto;padding:28px 22px}}
@media(max-width:520px){.secure-login-captcha{grid-template-columns:minmax(110px,1fr) 132px}.secure-login-captcha-refresh{grid-column:1/-1;height:40px}.secure-login-card footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.secure-login-captcha-visual img:not([src]),.secure-login-captcha-visual img.is-loading{animation:none}}