/* 1. 基础盒模型修复 */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. 移除默认外边距，防止滚动条意外出现 */
* {
  margin: 0;
}

/* 3. 让 body 占满全屏，并设置平滑渲染 */
html, body {
  height: 100%;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  font-family: 'JetBrains Mono', monospace;
  font-variant-ligatures: normal;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on, "calt" on;
}

/* 4. 媒体元素：防止溢出容器 */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/* 5. 继承表单元素的字体，防止浏览器默认样式的干扰 */
input, button, textarea, select {
  font: inherit;
}

/* 6. 创建一个根层级的层 */
#root, #__next {
  isolation: isolate;
}

ul, ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.no-select {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.no-drag {
  -webkit-user-drag: none;
}

span { white-space: pre; }