/* ===== NEBULA RHYTHM 基础样式 ===== */
:root {
  --font-cn: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", system-ui, sans-serif;
  --font-en: "SF Pro Display", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}

body {
  font-family: var(--font-cn);
  background: #0a0614;
  color: #fff;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
}

button {
  font-family: inherit;
  border: none;
  background: none;
  color: inherit;
  cursor: pointer;
  touch-action: manipulation;
}

canvas { display: block; }

.hidden { display: none !important; }

/* 通用霓虹发光按钮 */
.glow-btn {
  padding: 10px 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #fff;
  background: linear-gradient(135deg, var(--accent, #7df), var(--accent2, #a8f));
  box-shadow: 0 0 18px var(--glow, rgba(125, 221, 255, .5)), inset 0 0 8px rgba(255, 255, 255, .35);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.glow-btn:active { transform: scale(.94); filter: brightness(1.25); }