:root {
  --bg: #1E1D2B;
  --panel: #23212F;
  --text: #E5E2F7;
  --muted: #9A96B3;
  --primary: #684AFF;
  --accent: #FF9F4A;
  --border: #2E2C3E;
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100vh;
  width: 100vw;
}

* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "Source Han Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", "Source Han Sans SC", sans-serif;
}

header, section, footer {
  width: 100vw;
}

/* 自定义滚动条样式 - 修复版 */
::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

::-webkit-scrollbar-track {
  background: var(--panel);
  border-radius: 0.5rem;
}

::-webkit-scrollbar-thumb {
  background: var(--muted);
  border-radius: 0.5rem;
  border: 0.25rem solid var(--panel);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}

/* Firefox 滚动条兼容 */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--muted) var(--panel);
}