@charset "utf-8";

/* ============================================
   全局样式重置
   ============================================ */

/* 全局基础设置 */
body {
  word-wrap: break-word;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "微软雅黑", "Hiragino Sans GB", "Noto Sans CJK SC", "WenQuanYi Micro Hei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* 继承字体（避免 * 选择器性能问题） */
button,
input,
textarea,
select {
  font-family: inherit;
}

/* 选中样式 */
*::selection {
  background-color: #1a94e6;
  color: #fff;
}
*::-moz-selection {
  background-color: #1a94e6;
  color: #fff;
}

/* 边距重置 */
body, div, ol, ul, li, p, input, textarea, form,
h1, h2, h3, h4, h5, h6, dl, dt, dd, img, select,
fieldset, legend, table, tr, td, th {
  margin: 0;
  padding: 0;
}

/* 列表样式 */
li {
  list-style: none;
}

/* 链接样式 */
a {
  text-decoration: none;
  outline: none;
  color: #333333;
}

/* 图片边框 */
img {
  border: none;
  vertical-align: top; /* 解决图片底部间隙问题 */
}

/* 表单元素 */
input,
textarea {
  outline: none;
}

/* ============================================
   工具类
   ============================================ */

/* 清除浮动 */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* 文本省略 */
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 禁止选中 */
.no-copy {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 水平垂直居中（Flex） */
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}