/* ============================================
 * 安全验证码 - 登录页样式
 * ============================================ */
:root {
  --primary: #2563eb;      /* 主色 */
  --primary-dark: #1d4ed8;
  --bg: #f0f4ff;           /* 页面背景 */
  --card-bg: #fff;
  --radius: 12px;
  --text: #1e293b;
  --text-dim: #94a3b8;
  --border: #e2e8f0;
}

* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"PingFang SC","Microsoft YaHei",sans-serif; background:var(--bg); min-height:100vh; display:flex; align-items:center; justify-content:center; }

.login-box { width:380px; max-width:92vw; background:var(--card-bg); border-radius:var(--radius); padding:44px 36px; box-shadow:0 4px 24px rgba(37,99,235,.08); }
.login-box .brand { text-align:center; font-size:22px; font-weight:700; color:var(--text); margin-bottom:6px; }
.login-box .sub { text-align:center; font-size:13px; color:var(--text-dim); margin-bottom:32px; }
.field { margin-bottom:18px; }
.field label { display:block; font-size:12px; color:var(--text-dim); margin-bottom:6px; }
.field input { width:100%; padding:12px 14px; border:1px solid var(--border); border-radius:8px; font-size:14px; outline:none; transition:border .2s; background:#f8fafc; }
.field input:focus { border-color:var(--primary); background:#fff; }
.captcha-row { display:flex; gap:10px; }
.captcha-row input { flex:1; }
.captcha-row img { height:44px; width:120px; border-radius:8px; border:1px solid var(--border); cursor:pointer; background:#f1f5f9; }
.login-btn { width:100%; padding:13px; border:none; border-radius:8px; background:var(--primary); color:#fff; font-size:15px; font-weight:600; cursor:pointer; transition:background .2s; margin-top:6px; }
.login-btn:hover { background:var(--primary-dark); }
.foot { text-align:center; margin-top:22px; font-size:13px; color:var(--text-dim); }
.foot a { color:var(--primary); margin-left:6px; text-decoration:none; }
.msg { text-align:center; font-size:13px; margin-top:12px; min-height:18px; }
.msg.err { color:#dc2626; }
.msg.ok { color:#16a34a; }