*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html,
body {
  min-height: 100%;
  background-color: #f8f9fa;
  background-image:
    linear-gradient(45deg, #e6e6e6 25%, transparent 25%),
    linear-gradient(-45deg, #e6e6e6 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #e6e6e6 75%),
    linear-gradient(-45deg, transparent 75%, #e6e6e6 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  color: #5f6368;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  /* 禁止双击放大 */
  touch-action: manipulation;
  overscroll-behavior: none;
}

/* 移动端优化 */
@media (max-width: 767px) {
  html, body {
    /* 禁止双击缩放 */
    touch-action: none;
    /* 禁止滚动穿透 */
    position: fixed;
    width: 100%;
    height: 100%;
    /* 禁止双击缩放 */
    overscroll-behavior: none;
  }
  
  /* 禁止图片和其他元素的默认触摸行为 */
  img, canvas, button {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
  }
}

input,
textarea,
[contenteditable="true"] {
  -webkit-user-select: text;
  user-select: text;
}