:root {
  --grad-primary: linear-gradient(135deg, #6a8dff 0%, #8b5cf6 100%);
  --c-primary: #6a8dff;
  --c-bg: #f4f6fb;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; background: var(--c-bg); color: #2b2f42; }
#app { height: 100vh; }

.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: var(--grad-primary); padding: 16px; }
.login-box { width: 100%; max-width: 380px; padding: 40px 32px; background: rgba(255,255,255,.97); border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,.28); backdrop-filter: blur(4px); }
.login-box h2 { text-align: center; margin: 0 0 6px; color: #2c2c54; font-size: 22px; }
.login-box .sub { text-align: center; color: #9aa0b4; font-size: 13px; margin-bottom: 26px; }
.captcha-row { display: flex; gap: 10px; align-items: center; }
.captcha-row img { height: 40px; border-radius: 8px; cursor: pointer; border: 1px solid #eee; }

.el-button--primary { background: var(--grad-primary); border: none; }
.el-button--primary:hover, .el-button--primary:focus { opacity: .92; background: var(--grad-primary); }