@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&family=ZCOOL+XiaoWei&display=swap');

:root {
  /* ── 底色 ── */
  --color-bg-deep:       #0f1b2d;   /* 页面最深底色 */
  --color-bg-card:       #1a2a3a;   /* 卡片/面板背景 */
  --color-bg-scene:      #2a3a4a;   /* 场景插画底色 */

  /* ── 天空渐变 ── */
  --color-sky-top:       #1c2e45;
  --color-sky-horizon:   #c8873a;

  /* ── 焦点色（星辉剑光芒）── */
  --color-glow-cyan:     #7ee8fa;   /* 主发光色 */
  --color-glow-cyan-dim: #3a8fa8;

  /* ── 文字 ── */
  --color-text-primary:  #e8e0d0;   /* 米白 */
  --color-text-dim:      #8a9ab0;   /* 蓝灰 */

  /* ── 对话框 ── */
  --color-border-dialog: #5ab8d0;

  /* ── 状态色 ── */
  --color-danger:        #c04a4a;   /* 无面者 / 失败 */
  --color-success:       #5ab87a;   /* 通关 */
  --color-gold:          #d4a854;   /* 金色（标题、庆祝、认证） */
  --color-locked:        #4a5568;   /* 锁定状态灰 */

  /* ── 字体（网络字体失败时回退到系统 CJK 字体，避免中文显示为方框）── */
  --font-title: 'ZCOOL XiaoWei', 'Noto Serif SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Source Han Serif SC', serif;
  --font-body: 'Noto Serif SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Source Han Serif SC', serif;

  /* ── 阴影与圆角 ── */
  --radius-card:    16px;
  --radius-btn:     8px;
  --shadow-glow-cyan: 0 0 20px rgba(126, 232, 250, 0.3);
  --shadow-card:      0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-gold-glow: 0 0 24px rgba(212, 168, 84, 0.4);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-body);
  background-color: var(--color-bg-deep);
  color: var(--color-text-primary);
  line-height: 1.6;
  overflow-x: hidden;
}