/* 清除所有元素的默认内外边距 */
* {
  margin: 0;
  padding: 0;
  /* 解决盒模型计算差异：width/height包含border和padding */
  box-sizing: border-box;
}

/* 清除列表默认样式（去掉小圆点/数字） */
ul, ol, li {
  list-style: none;
}

/* 清除超链接默认样式（去掉下划线、统一颜色） */
a {
  text-decoration: none;
  color: inherit; /* 继承父元素颜色，避免默认蓝色 */
}

/* 清除表格边框合并问题 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 清除表单元素默认样式（如边框、内边距） */
input, button, textarea, select {
  outline: none; /* 去掉聚焦时的默认外边框 */
  border: none;
  background: none;
  font-family: inherit; /* 继承父元素字体 */
}

/* 清除图片底部默认空白（因图片默认inline-block导致） */
img {
  display: block; /* 转为块级元素 */
  border: none; /* 去掉IE下的默认边框 */
  max-width: 100%; /* 图片自适应容器 */
}

/* 清除浮动带来的父元素高度塌陷问题 */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}

/* 统一基础字体样式 */
body {
  font-family: "Microsoft YaHei", Arial, sans-serif; /* 优先使用系统字体 */
  font-size: 14px; /* 基础字体大小 */
  color: #333; /* 基础文本颜色 */
  line-height: 1.5; /* 基础行高 */
  background-color: #fff; /* 基础背景色 */
}

/* 清除h标签默认加粗和大小差异（按需保留） */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: inherit;
}

/* 清除块级元素默认换行的额外空白 */
blockquote, q {
  quotes: none;
}
blockquote::before, blockquote::after,
q::before, q::after {
  content: "";
  content: none;
}

/* 下拉菜单grid布局样式 */
.dropdown-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 固定3列，每列宽度均等 */
  gap: 0; /* 行间距0px，列间距0px，可按需调整 */
  padding: 0x; /* 内边距，避免选项贴边 */
  min-width: 600px; /* 最小宽度，确保3列布局稳定 */
}