/* reset.css */
/* ============================
   全局重置与CSS变量
   依赖：无
   ============================ */
:root {
  --bg-deep: #0e0c0a;
  --bg-panel: #1c1814;
  --bg-overlay: rgba(0, 0, 0, 0.85);
  --text-primary: #c4b5a5;
  --text-dim: #6b5e53;
  --text-red: #8b1a1a;
  --text-blood: #5c0a0a;
  --accent-gold: #3d2b1a;
  --accent-red: #8b2a1a;
  --border-wood: #2a1f14;
  --glow-red: rgba(139, 42, 26, 0.5);
  --glow-amber: rgba(180, 130, 50, 0.25);
  --font-body: 'STKaiti', 'KaiTi', 'SimSun', 'Noto Serif SC', serif;
  --font-eerie: 'STKaiti', 'KaiTi', 'SimSun', serif;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

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

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

body {
  background: var(--bg-deep);
  font-family: var(--font-body);
  color: var(--text-primary);
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image:
    radial-gradient(ellipse at 30% 20%, rgba(40, 15, 10, 0.4) 0%, transparent 60%),
    radial-gradient(ellipse at 70% 70%, rgba(20, 10, 5, 0.3) 0%, transparent 50%);
  overflow-x: hidden;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-eerie);
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}

p {
  margin-bottom: 0.5rem;
  line-height: 1.8;
}

a {
  color: var(--accent-red);
  text-decoration: none;
}

::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #1a1410;
}
::-webkit-scrollbar-thumb {
  background: #4a3520;
  border-radius: 3px;
}