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

html,
body {
  margin: 0;
  padding: 0;
}

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

body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  background: linear-gradient(180deg, #fff8fb 0%, #fdf3f7 100%);
  color: #3f4350;
}

a,
button,
input,
textarea,
select,
div {
  -webkit-tap-highlight-color: transparent;
}

a,
button {
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-touch-callout: none;
  user-select: none;
  -webkit-user-select: none;
}

a:focus,
a:active,
a:focus-visible,
button:focus,
button:active,
button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

button::-moz-focus-inner {
  border: 0;
}

.bgm-toggle {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 999;
  border: 0;
  border-radius: 999px;
  padding: 10px 16px;
  background: linear-gradient(135deg, #f47fb3, #f9abc7);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(244, 127, 179, 0.24);
  outline: none;
}