/* 喜乐汇 KTV 系统 —— 基础样式（P0 骨架，遵循我方既有 UI 规范基线） */
* { box-sizing: border-box; }

/* 2026-10-28：hidden 属性全局生效规则。
   缺陷背景：.cs-modal-mask 设了 display:flex，覆盖了浏览器对 hidden 的默认
   display:none → 8 个弹窗始终盖在屏幕上、遮罩 z-index:900 压死整个页面，
   登录后完全点不动。no-important 会输给 .cs-modal-mask 的 display:flex，故必须加。 */
[hidden] { display: none !important; }
body {
  margin: 0;
  font-family: -apple-system, "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  background: #f4f6fa;
  color: #23303f;
}
.wrap { display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 24px; }
.card {
  background: #fff; border-radius: 12px; padding: 32px 36px;
  box-shadow: 0 6px 24px rgba(30, 50, 80, .10); max-width: 680px; width: 100%;
}
h1 { font-size: 22px; margin: 0 0 8px; color: #1b4f9c; }
.sub { color: #7a8797; font-size: 13px; margin: 0 0 16px; }
.badge {
  display: inline-block; background: #e8f1ff; color: #1b4f9c;
  border-radius: 999px; padding: 4px 14px; font-size: 13px; margin-bottom: 16px;
}
.hint { font-size: 14px; line-height: 1.9; color: #445366; }
.mono code { background: #f2f4f8; padding: 2px 6px; border-radius: 4px; font-size: 12px; }

/* ==== KTV 收银台主题变量（P3a 新增，沿用底色/主色，样式不覆盖上方任何规则） ==== */
:root {
  --ktv-primary: #1b4f9c;
  --ktv-primary-dark: #163f7d;
  --ktv-bg: #f4f6fa;
  --ktv-ink: #23303f;
  --ktv-muted: #7a8797;
  --ktv-border: #dfe5ee;
  --ktv-ok: #1a9c61;
  --ktv-warn: #c4751a;
  --ktv-danger: #c0392b;
}