/* =============================================================
   V587 Lobby — 黑金主题（玩家端）
   - 跟 Admin 同一套色变量，但部分对比度/光晕更强（玩家端更"戏剧"）
   ============================================================= */

:root {
  /* 背景 */
  --bg-0:  #000000;
  --bg-1:  #0a0a0c;
  --bg-2:  #14141a;
  --bg-3:  #1c1c24;

  /* 金色 */
  --gold-1: #5a4220;
  --gold-2: #8a6a30;
  --gold-3: #c9a14a;
  --gold-4: #d4af37;
  --gold-5: #f0d27c;
  --gold-6: #ffe9a0;

  /* 文字 */
  --text-primary:   #f5f5f5;
  --text-secondary: #b8b8b8;
  --text-tertiary:  #6a6a6a;
  --text-disabled:  #404040;
  --text-on-gold:   #0a0a0c;

  /* 状态 */
  --success: #2ec27e;
  --error:   #e85a4f;

  /* 边框 */
  --border-1: rgba(212,175,55,0.15);
  --border-2: rgba(212,175,55,0.30);
  --border-3: rgba(212,175,55,0.55);

  /* 阴影 */
  --shadow-sm: 0 2px 8px   rgba(0,0,0,0.4);
  --shadow-md: 0 8px 32px  rgba(0,0,0,0.7);
  --shadow-lg: 0 24px 72px rgba(0,0,0,0.85);
  --shadow-gold: 0 0 40px rgba(212,175,55,0.35);

  /* 渐变 */
  --grad-gold:       linear-gradient(135deg, #d4af37 0%, #f0d27c 50%, #b8893a 100%);
  --grad-gold-hover: linear-gradient(135deg, #e8c44a 0%, #ffe9a0 50%, #c89544 100%);
  --grad-bg-radial:  radial-gradient(ellipse at 50% 30%, rgba(212,175,55,0.10) 0%, rgba(28,28,36,0.4) 35%, #000 80%);

  /* 尺寸/动画 */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --fs-xs:   11px;
  --fs-sm:   13px;
  --fs-base: 14px;
  --fs-md:   15px;
  --fs-lg:   18px;
  --fs-xl:   22px;
  --fs-2xl:  32px;
  --fs-3xl:  48px;
  --fs-hero: 96px;

  --font-display: 'Cinzel', 'PingFang SC', system-ui, sans-serif;
  --font-base:    -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', Consolas, 'Courier New', monospace;

  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}

/* —— 全局复位 —— */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
  /* ★ 锁住文档级滚动：所有滚动都必须在 .content 里发生
     否则 topbar + bottom-nav 会跟着 document 一起滚 */
  overflow: hidden;
  background: #ECE5D6;   /* 页面大背景：米白（原 var(--bg-0) 黑底）；内容容器仍是黑金 */
  color: var(--text-primary);
  font-family: var(--font-base);
  font-size: var(--fs-base);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  /* 避免 iOS 橡皮筋让父容器位移 */
  overscroll-behavior: none;
}
a {
  color: var(--gold-3);
  text-decoration: none;
  transition: color .15s var(--ease-in-out);
}
a:hover { color: var(--gold-5); }

button {
  font-family: inherit;
  cursor: pointer;
}
button:disabled { cursor: not-allowed; }

input {
  font-family: inherit;
}
input:focus { outline: none; }

::selection {
  background: rgba(212,175,55,0.35);
  color: var(--text-primary);
}