/* 后台登录页样式（由 index.php 内联拆分） */

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,"PingFang SC","Microsoft Yahei",sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#e8effa;padding:20px}
.card{width:780px;max-width:100%;display:flex;border-radius:26px;overflow:hidden;box-shadow:0 24px 64px -12px rgba(29,94,240,.28),0 6px 20px rgba(29,94,240,.10)}
.left{width:300px;flex-shrink:0;background:#1d5ef0;color:#fff;padding:34px 28px;display:flex;flex-direction:column;position:relative}
.left .logo{font-size:23px;font-weight:700;letter-spacing:1px}
.left .logo small{display:block;font-size:11px;font-weight:400;opacity:.75;letter-spacing:2px;margin-top:4px}
.left .illus{flex:1;display:flex;align-items:center;justify-content:center}
.left .back{align-self:center;border:1px solid rgba(255,255,255,.65);border-radius:20px;padding:8px 26px;font-size:13px;color:#fff;text-decoration:none;transition:.2s}
.left .back:hover{background:rgba(255,255,255,.14)}
.right{flex:1;background:#fff;padding:46px 48px;display:flex;flex-direction:column;justify-content:center}
.field{display:flex;align-items:center;border:1px solid #dfe6f2;border-radius:24px;padding:0 18px;height:52px;margin-bottom:20px;transition:.2s;background:#fff}
.field:focus-within{border-color:#2f7bff;box-shadow:0 0 0 3.5px rgba(47,123,255,.14)}
.field svg{width:18px;height:18px;stroke:#9aa8c2;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.field input{flex:1;border:none;outline:none;font-size:14.5px;padding:0 12px;color:#23324d;background:transparent;font-family:inherit;min-width:0}
.field input::placeholder{color:#b3bdd1}
.cap{padding-right:8px}
.cap img{height:38px;border-radius:10px;cursor:pointer;display:block}
.cap .tip{font-size:11px;color:#b3bdd1;text-align:center;margin-top:2px}
button{width:100%;height:52px;border:none;border-radius:26px;background:#409eff;color:#fff;font-size:16px;font-weight:600;letter-spacing:6px;cursor:pointer;transition:.2s;font-family:inherit}
button:hover{filter:brightness(1.06);box-shadow:0 10px 26px -4px rgba(29,94,240,.6)}
.err{background:#fef1f0;color:#cf3327;font-size:13px;padding:9px 14px;border-radius:12px;margin-bottom:18px;text-align:center}
@media (max-width:720px){.left{display:none}.card{width:420px}.right{padding:38px 30px}}
@media (max-width:460px){
  body{padding:0}
  .card{width:100%;border-radius:0;min-height:100vh;box-shadow:none;display:block}
  .right{padding:48px 22px}
  .right h2{font-size:20px}
}

/* 黑白灰主题覆盖 */
body{background:#f4f4f4}
.card{border-radius:14px;box-shadow:0 1px 0 1px #ececec}
.left{background:#141414}
.left h1{letter-spacing:2px}
.field{border-color:#e3e3e3;border-radius:10px}
.field:focus-within{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
button{background:#111;box-shadow:none;letter-spacing:5px}
button:hover{background:#2b2b2b}
.cap{color:#555}

/* Element UI 主题覆盖 */
body{background:#f0f2f5}
.card{border-radius:6px;box-shadow:0 2px 12px rgba(0,21,41,.1)}
.left{background:#1d5ef0}
.field{border-color:#dcdfe6;border-radius:4px}
.field:focus-within{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.15)}
button{background:#409eff;border-radius:4px;letter-spacing:8px;box-shadow:none}
button:hover{background:#66b1ff}