:root {
  /* 基底 */
  --c-bg: #FDFCF7;
  --c-surface: #FFFFFF;
  --c-surface-sunken: #F6F1E6;
  --c-grid: #F3EBD8;
  --c-line: #E9E1CF;
  --c-line-input: #C9BC9F;
  /* 文字 */
  --c-text: #4A3F35;
  --c-text-2: #7A6A58;
  --c-text-3: #A9977A;
  /* 主色 */
  --c-primary: #FFD966;
  --c-primary-soft: #F2DFA4;
  --c-primary-strong: #C9A84C;
  /* 在售 */
  --c-on-bg: #E3F3E7;
  --c-on-fg: #1F6B41;
  --c-on-bd: #BCE0C8;
  --c-on-dot: #3D8B5E;
  /* 预售 */
  --c-pre-bg: #FCEEDC;
  --c-pre-fg: #8C4A0B;
  --c-pre-bd: #F2D4AE;
  --c-pre-dot: #C1681B;
  /* 完售 */
  --c-out-bg: #ECE8E1;
  --c-out-fg: #6B6055;
  --c-out-bd: #DAD3C7;
  --c-out-dot: #8A7B6A;

  --font-display: "LXGW WenKai", "ZCOOL KuaiLe", "Kaiti SC", "STKaiti", "KaiTi", "Noto Serif CJK SC", serif;
  --font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", sans-serif;
  --font-num: "Quicksand", "Nunito", var(--font-body);

  --fs-xs: .75rem;
  --fs-sm: .875rem;
  --fs-base: 1rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;
  --fs-3xl: 2.125rem;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;

  --r-tag: 6px;
  --r-btn: 8px;
  --r-card: 12px;
  --r-media: 8px;
  --r-sheet: 16px;
  --r-pill: 999px;

  --sh-1: 0 1px 2px rgba(74,63,53,.06), 0 2px 8px rgba(74,63,53,.05);
  --sh-2: 0 2px 4px rgba(74,63,53,.06), 0 6px 16px rgba(74,63,53,.10);
  --sh-3: 0 16px 48px rgba(74,63,53,.22);
  --sh-focus: 0 0 0 3px rgba(255,217,102,.55);
  --dur-1: 120ms;
  --dur-2: 220ms;
  --ease: cubic-bezier(.2,.7,.3,1);
  --z-header: 10;
  --z-fab: 30;
  --z-filter-panel: 40;
  --z-modal: 100;
  --w-max: 1120px;
  --gutter: var(--sp-4);
}