/* --------------- 全局重置 --------------- */
* {
  margin: 0;           /* 清除所有元素默认边距 */
  padding: 0;          /* 清除所有元素默认内边距 */
  box-sizing: border-box; /* 内边距计入元素总宽度 */
  outline: none;       /* 移除聚焦时的默认外边框（建议保留或自定义） */
}

/* --------------- 基础元素重置 --------------- */
body {
  font-family: "宋体", sans-serif; /* 系统默认无衬线字体 */
  font-size: 14px;         /* 基准字号（配合 rem 更灵活） */
  line-height: 1.6;        /* 舒适的行高 */
  color: #212121;          /* 主文本色（深灰） */
  background: #fff;       /* 白色背景 */
}

/* 标题系列（保留语义化，仅重置边距） */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;       /* 统一标题粗细（可根据设计调整） */
  margin-bottom: 0.5rem;  /* 标题与下文间距 */
}

h1 { font-size: 2.25rem; } /* 对应 36px */
h2 { font-size: 1.875rem; } /* 30px */
h3 { font-size: 1.5rem; }  /* 24px */
h4 { font-size: 1.25rem; } /* 20px */
h5 { font-size: 1.125rem; } /* 18px */
h6 { font-size: 1rem; }    /* 16px */

/* 列表重置（保留语义，清除样式） */
ul, ol { list-style: none; }
li { margin-left: 1.5rem; } /* 保留列表项的缩进语义 */

/* 链接重置（保留交互状态） */
a {

  text-decoration: none;  /* 移除默认下划线 */
  transition: color 0.3s; /* 悬停过渡效果 */
}


/* --------------- 表单元素重置 --------------- */
input, textarea, button, select {
  font-family: inherit;  /* 继承 body 字体 */
  font-size: inherit;
  background: transparent; /* 透明背景（避免默认样式） */
  border: 1px solid #ddd; /* 统一边框 */
  border-radius: 4px;
}

button {
  cursor: pointer;       /* 按钮指针样式 */
  background: #2196F3;   /* 按钮默认背景色 */
  color: white;
  border: none;          /* 清除按钮默认边框 */
  transition: transform 0.2s; /* 点击微交互 */
}

button:hover { background: #1976D2; } /* 悬停加深 */
button:active { transform: scale(0.98); } /* 按下缩放 */

/* --------------- 媒体元素重置 --------------- */
img, video {
  max-width: 100%;       /* 图片自适应容器 */
  height: auto;
  vertical-align: middle; /* 移除图片底部默认间隙 */
}

/* --------------- 表格重置 --------------- */
table {
  width: 100%;
  border-collapse: collapse; /* 合并边框 */
  margin: 1rem 0;
}

th, td {
  padding: 12px;
  border: 1px solid #ddd;
  text-align: left;
}

/* --------------- 实用补充（可选） --------------- */
/* 清除浮动 */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* 隐藏滚动条（谨慎使用） */
/* ::-webkit-scrollbar { display: none; } */