/* 登录弹窗 - 升级版 */
.lm-mask{position:fixed;inset:0;background:rgba(5,8,15,.78);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:99999}
.lm-mask.on{display:flex}
/* 入场动画 */
.lm-mask .lm-box{opacity:0;transform:scale(.94) translateY(12px);transition:all .32s cubic-bezier(.4,0,.2,1)}
.lm-mask.on .lm-box{opacity:1;transform:scale(1) translateY(0)}

.lm-box{width:400px;max-width:calc(100vw - 32px);background:linear-gradient(180deg,#131A2A,#0D1220);border:1px solid rgba(232,163,61,.25);border-radius:20px;padding:36px 32px 30px;color:#E6E9F0;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;box-shadow:0 0 0 1px rgba(232,163,61,.08),0 30px 80px rgba(0,0,0,.65),inset 0 1px 0 rgba(232,163,61,.08);position:relative}
.lm-box .x{position:absolute;top:16px;right:18px;color:#6B7385;cursor:pointer;font-size:18px;padding:6px 8px;border-radius:8px;transition:all .2s;line-height:1}
.lm-box .x:hover{color:#E6E9F0;background:rgba(230,233,240,.06)}

/* 品牌标识 */
.lm-brand{text-align:center;margin-bottom:20px}
.lm-brand .mark{display:inline-grid;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#E8A33D,#B87A22);place-items:center;font-size:20px;color:#0A0E17;font-style:normal;box-shadow:0 0 20px rgba(232,163,61,.35);margin-bottom:8px}
.lm-brand .brand-name{font-size:13px;color:#8B93A7;letter-spacing:2px}

.lm-title{font-size:22px;font-weight:800;letter-spacing:.5px;margin:0;text-align:center}
.lm-sub{font-size:12px;color:#8B93A7;margin:8px 0 24px;line-height:1.7;text-align:center}

/* Tab 切换 */
.lm-tabs{display:flex;gap:0;margin-bottom:4px;border-bottom:1px solid rgba(139,147,167,.12)}
.lm-tab{flex:1;background:none;border:none;color:#6B7385;font-size:13.5px;font-weight:600;padding:10px 0 8px;cursor:pointer;position:relative;transition:color .2s;letter-spacing:.5px}
.lm-tab:hover{color:#A0A8BC}
.lm-tab.active{color:#E8A33D}
.lm-tab.active::after{content:'';position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:#E8A33D;border-radius:2px}

.lm-field{margin-bottom:16px}
.lm-field label{display:block;font-size:11.5px;color:#8B93A7;margin-bottom:7px;font-weight:500;letter-spacing:.3px}
.lm-row{display:flex;gap:8px}
.lm-form{}

/* 验证码行（手机号输入 + 发送按钮） */
.lm-code-row{display:flex;gap:10px;align-items:stretch}
.lm-code-row .lm-input{flex:1;min-width:0}
.lm-input{flex:1;min-width:0;background:#0A0E17;border:1.5px solid rgba(139,147,167,.22);border-radius:11px;padding:12px 14px;color:#E6E9F0;font-size:13.5px;outline:none;transition:border-color .25s,box-shadow .25s}
.lm-input:focus{border-color:#E8A33D;box-shadow:0 0 0 3px rgba(232,163,61,.12),0 2px 8px rgba(232,163,61,.08)}
.lm-input::placeholder{color:#4A5268}

/* 密码显隐小眼睛 */
.lm-pass-wrap{position:relative}
.lm-pass-wrap .lm-input{width:100%;padding-right:44px}
.lm-eye{position:absolute;top:50%;right:12px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#6B7385;cursor:pointer;padding:4px;border-radius:6px;transition:color .2s,background .2s;line-height:0}
.lm-eye:hover{color:#E6E9F0;background:rgba(230,233,240,.06)}
.lm-eye.on{color:#E8A33D}

/* 验证码 */
.lm-captcha-wrap{display:flex;gap:10px;align-items:stretch}
.lm-captcha-wrap .lm-input{flex:1;min-width:0}
.lm-captcha-img{width:100px;height:40px;border-radius:9px;border:1.5px solid rgba(139,147,167,.22);background:#0A0E17;cursor:pointer;object-fit:contain;transition:border-color .25s}
.lm-captcha-img:hover{border-color:#E8A33D}

.lm-code-btn{flex-shrink:0;font-size:12px;color:#E8A33D;border:1px solid rgba(232,163,61,.45);background:rgba(232,163,61,.07);border-radius:11px;padding:0 16px;cursor:pointer;white-space:nowrap;transition:all .2s}
.lm-code-btn:hover{background:rgba(232,163,61,.12)}
.lm-code-btn:disabled{opacity:.45;cursor:not-allowed}

.lm-switch{font-size:12.5px;color:#8B93A7;text-align:center;margin-top:18px}
.lm-switch a{color:#E8A33D;text-decoration:none;cursor:pointer;font-weight:500}
.lm-switch a:hover{text-decoration:underline}

.lm-err{display:none;font-size:12px;color:#F87171;margin:-4px 0 14px;line-height:1.6;padding:8px 12px;background:rgba(248,113,113,.06);border-radius:8px;border:1px solid rgba(248,113,113,.12)}
.lm-err.on{display:block}

.lm-go{width:100%;background:linear-gradient(135deg,#E8A33D,#D4932F);color:#0A0E17;font-size:14.5px;font-weight:800;border:none;border-radius:12px;padding:13px 0;cursor:pointer;letter-spacing:2px;box-shadow:0 8px 24px rgba(232,163,61,.28);transition:all .2s;margin-top:4px}
.lm-go:hover{box-shadow:0 10px 32px rgba(232,163,61,.4);filter:brightness(1.06)}
.lm-go:active{transform:scale(.985);box-shadow:0 4px 12px rgba(232,163,61,.2)}
.lm-go:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}

.lm-note{font-size:10.5px;color:#4A5268;margin-top:18px;text-align:center;line-height:1.8}
.lm-note a{color:#6B7385}

/* 协议勾选 */
.lm-agree{display:flex;align-items:flex-start;gap:8px;margin:12px 0 4px;font-size:11.5px;color:#8B93A7;line-height:1.6;cursor:pointer;user-select:none}
.lm-agree input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;min-width:16px;border:1.5px solid rgba(139,147,167,.35);border-radius:4px;background:#0A0E17;cursor:pointer;position:relative;margin-top:2px;transition:all .2s;flex-shrink:0}
.lm-agree input[type=checkbox]:checked{background:#E8A33D;border-color:#E8A33D}
.lm-agree input[type=checkbox]:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0A0E17;font-size:11px;font-weight:800}
.lm-agree a{color:#E8A33D;text-decoration:none}
.lm-agree a:hover{text-decoration:underline}
.lm-agree-err{font-size:11px;color:#F87171;display:none;margin-bottom:4px}
.lm-agree-err.on{display:block}

/* 绑定对话框 */
.lm-bind-mask .lm-box{animation:bindPulse .6s ease}
.lm-bind-box{border-color:rgba(232,163,61,.4)}
@keyframes bindPulse{0%{transform:scale(.94);opacity:0}100%{transform:scale(1);opacity:1}}