/* 公共设计变量：颜色 / 字体 / 间距 / 圆角 / 阴影 / 毛玻璃 */
/* 本地手写体字体：霞鹜文楷（assets/fonts） */
@font-face {
  font-family: "LXGW WenKai";
  src: url("../../assets/fonts/LXGWWenKai-Regular.ttf") format("truetype");
  font-display: swap;
}

:root {
  /* 配色：入口（梦幻朦胧） */
  --gate-bg-1: #241a3d;
  --gate-bg-2: #4a335f;
  --gate-bg-3: #7d4a6e;
  --gate-text: #f7eef7;
  --gate-text-soft: rgba(247, 238, 247, 0.74);
  --gate-accent: #f3c6d8;
  --gate-accent-2: #e8a8c4;

  /* 配色：站内（开阔明亮） */
  --app-bg-1: #fffaf4;
  --app-bg-2: #fdf0ea;
  --app-ink: #4b3b52;
  --app-ink-soft: rgba(75, 59, 82, 0.68);
  --app-accent: #c96f8f;
  --app-accent-soft: #eec5d3;
  --app-gold: #c9a36a;

  /* 字体 */
  --font-cn: "LXGW WenKai", "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", sans-serif;
  --font-hand: "LXGW WenKai", "Kaiti SC", "STKaiti", "KaiTi", serif;

  /* 间距 */
  --space-xs: 6px;
  --space-sm: 12px;
  --space-md: 20px;
  --space-lg: 32px;
  --space-xl: 48px;

  /* 圆角 / 阴影 */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --shadow-card: 0 18px 45px rgba(75, 40, 66, 0.18);
  --shadow-soft: 0 8px 24px rgba(75, 40, 66, 0.12);

  /* 毛玻璃 */
  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-border: rgba(255, 255, 255, 0.7);
  --glass-blur: 18px;
}