/* ===== 登录页（服务器版） ===== */
.login-wrap{
  position:fixed;inset:0;z-index:999;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#0e9d56 0%,#0b7e45 48%,#086a3a 100%);
}
.login-wrap[hidden]{display:none}

.login-card{
  width:380px;max-width:calc(100vw - 32px);
  background:#fff;border-radius:14px;
  box-shadow:0 20px 60px rgba(0,0,0,.28);
  padding:30px 30px 22px;
}
.lc-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.lc-logo{
  width:44px;height:44px;flex:0 0 44px;border-radius:11px;
  background:linear-gradient(135deg,#0e9d56,#0b7e45);
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:800;letter-spacing:0;
}
.lc-title{font-size:17px;font-weight:700;color:#1e293b;line-height:1.3}
.lc-sub{font-size:11.5px;color:#94a3b8;margin-top:2px}

.lc-label{display:block;font-size:12.5px;color:#5b6b81;margin:0 0 6px;font-weight:600}
.lc-input{
  width:100%;height:42px;border:1px solid #e4e9f0;border-radius:9px;
  padding:0 12px;margin-bottom:14px;outline:none;transition:border-color .15s,box-shadow .15s;
  background:#fbfcfe;
}
.lc-input:focus{border-color:#0e9d56;box-shadow:0 0 0 3px rgba(14,157,86,.12);background:#fff}

.lc-btn{
  width:100%;height:42px;border:0;border-radius:9px;cursor:pointer;
  background:#0e9d56;color:#fff;font-size:15px;font-weight:700;letter-spacing:3px;
  transition:background .15s;
}
.lc-btn:hover{background:#0b7e45}
.lc-btn:disabled{background:#9acbb0;cursor:not-allowed}

.lc-alert{
  background:#fdecec;border:1px solid #f7c9c9;color:#b91c1c;
  font-size:12.5px;padding:9px 12px;border-radius:8px;margin-bottom:14px;line-height:1.6;
}
.lc-alert[hidden]{display:none}

.lc-foot{
  margin-top:16px;padding-top:14px;border-top:1px dashed #e4e9f0;
  font-size:11.5px;color:#94a3b8;line-height:1.9;text-align:center;
}

/* 登录卡：自助注册入口 */
.lc-reg{
  margin-top:14px;text-align:center;font-size:12.5px;color:#5b6b81;
}
.lc-reg a{color:#0e9d56;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(14,157,86,.35);padding-bottom:1px}
.lc-reg a:hover{color:#0b7e45}

/* 加载态 */
.boot-wrap{
  position:fixed;inset:0;z-index:998;background:#f4f6f9;
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;
  color:#5b6b81;font-size:13px;
}
.boot-wrap[hidden]{display:none}
.boot-spin{
  width:28px;height:28px;border:3px solid #d9e2ec;border-top-color:#0e9d56;
  border-radius:50%;animation:bootspin .8s linear infinite;
}
@keyframes bootspin{to{transform:rotate(360deg)}}