:root {
  --bg: #FBF3EA;
  --bg-2: #F3E4D6;
  --paper: #FFFCF7;
  --ink: #2C2320;
  --ink-2: #5C4B45;
  --ink-dim: #8C7770;
  --line: rgba(44, 35, 32, 0.14);
  --line-soft: rgba(44, 35, 32, 0.07);
  --accent: #A63D4E;
  --accent-2: #D98A6A;
  --accent-deep: #7E2C3B;
  --gold: #B98A2F;
  --gold-soft: #E8C97E;
  --gold-bg: #F7ECD6;
  --jade: #3F6B5B;
  --jade-bg: #E8F0EA;
  --male: #3F5D6B;
  --male-soft: #E7EEF0;
  --female: #A63D4E;
  --female-soft: #F6E4E7;
  --shadow-lg: 0 24px 60px rgba(78, 45, 38, 0.15);
  --shadow-sm: 0 8px 24px rgba(78, 45, 38, 0.08);
  --radius: 26px;
  --maxw: 780px;
  --font-ui: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;
  --font-display: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", Georgia, serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  font-family: var(--font-ui);
  background-color: var(--bg);
  background-image:
    radial-gradient(1000px 620px at 86% -10%, rgba(166, 61, 78, 0.14), transparent 64%),
    radial-gradient(820px 540px at -10% 12%, rgba(63, 107, 91, 0.10), transparent 58%),
    radial-gradient(760px 520px at 50% 104%, rgba(185, 138, 47, 0.09), transparent 60%),
    radial-gradient(rgba(44, 35, 32, 0.045) 1px, transparent 1.2px);
  background-size: auto, auto, auto, 22px 22px;
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

img,
svg {
  max-width: 100%;
}

::selection {
  background: rgba(232, 201, 126, 0.55);
  color: var(--ink);
}