/* ============================================
 * 极简白 - 登录页样式
 * 可自定义：CSS 变量（主色/圆角）
 * ============================================ */
:root {
  --primary: #1a1a1a;      /* 主色（按钮） */
  --bg: #f5f5f5;           /* 页面背景 */
  --card-bg: #fff;         /* 卡片背景 */
  --radius: 12px;          /* 圆角 */
  --text: #1a1a1a;
  --text-dim: #999;
  --border: #e0e0e0;
  --input-bg: #fafafa;
}

* { 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:360px; max-width:92vw; background:var(--card-bg); border-radius:var(--radius); padding:44px 36px; box-shadow:0 2px 20px rgba(0,0,0,.06); }
.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:#666; 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:var(--input-bg); }
.field input:focus { border-color:var(--primary); background:var(--card-bg); }
.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:opacity .2s; margin-top:6px; }
.login-btn:hover { opacity:.85; }
.foot { text-align:center; margin-top:22px; font-size:13px; color:var(--text-dim); }
.foot a { color:var(--text); 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; }
.captcha-row { display:flex; gap:10px; align-items:center; }
.captcha-row input { flex:1; }
.captcha-row img { height:44px; width:120px; border-radius:8px; cursor:pointer; background:#fff; }