/* 登录门户（电脑版 / 手机版选择）——独立入口页样式
   该页为公开入口，不引入 Tailwind 预置样式，保持轻量与稳定。 */
.login-page * { box-sizing: border-box; margin: 0; padding: 0; }
.login-page { font-family: "Microsoft YaHei", system-ui, sans-serif; min-height: 100vh;
  background: linear-gradient(135deg, #123a75 0%, #1e5aa8 55%, #2f7fd4 100%);
  display: flex; align-items: center; justify-content: center; padding: 16px; }
.login-page .box { background: #fff; border-radius: 18px; width: 400px; max-width: 100%; padding: 28px;
  box-shadow: 0 24px 60px rgba(15, 47, 94, .35); }
.login-page h1 { font-size: 20px; color: #1e5aa8; text-align: center; margin-bottom: 4px; }
.login-page .sub { color: #6b7a8c; font-size: 12px; text-align: center; margin-bottom: 18px; }
.login-page .seg { display: flex; border: 1px solid #dbe3ec; border-radius: 12px; overflow: hidden; margin-bottom: 16px; }
.login-page .seg div { flex: 1; text-align: center; padding: 10px 4px; cursor: pointer; font-size: 13px;
  color: #52657a; user-select: none; }
.login-page .seg div.on { background: #1e5aa8; color: #fff; }
.login-page .seg div small { display: block; font-size: 11px; opacity: .8; margin-top: 2px; }
.login-page label { display: block; font-size: 13px; color: #33455c; margin: 10px 0 4px; }
.login-page input { width: 100%; border: 1px solid #dbe3ec; border-radius: 10px; padding: 11px; font-size: 14px;
  outline: none; background: #f7fafd; }
.login-page input:focus { border-color: #2f7fd4; background: #fff; box-shadow: 0 0 0 3px rgba(47, 127, 212, .12); }
.login-page button { width: 100%; margin-top: 16px; border: none; border-radius: 12px; color: #fff; padding: 12px;
  font-size: 15px; font-weight: 700; cursor: pointer;
  background-image: linear-gradient(180deg, #2f7fd4, #1e5aa8); box-shadow: 0 10px 22px rgba(30, 90, 168, .3); }
.login-page button:disabled { opacity: .6; }
.login-page .msg { color: #dc2626; font-size: 12px; min-height: 18px; margin-top: 8px; text-align: center; }
.login-page .tip { font-size: 11px; color: #93a4b6; text-align: center; margin-top: 14px; line-height: 1.7; }
.login-page .back { display: block; text-align: center; margin-top: 14px; font-size: 12px; color: #6b7a8c;
  text-decoration: none; }
.login-page .back:hover { color: #1e5aa8; }