*,*::before,*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 2. 基础元素重置：统一字体、行高、颜色 */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px; /* 基础字体大小，可按需调整 */
  line-height: 1.5; /* 优化行高，提升可读性 */
  color: #333; /* 基础文本颜色，避免默认灰色过浅 */
  background-color: #fff; /* 页面背景色，可按需修改 */
  -webkit-font-smoothing: antialiased; /* 优化字体渲染（webkit浏览器） */
  -moz-osx-font-smoothing: grayscale; /* 优化字体渲染（Firefox） */
}

/* 3. 标题元素：统一margin，取消默认加粗（如需加粗可自行设置） */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 16px 0; /* 底部间距统一，可按需调整 */
  font-size: inherit; /* 继承父元素字体大小，避免默认过大 */
  font-weight: normal; /* 取消默认加粗，按需自定义 */
}

/* 4. 文本元素：清零默认margin */
p, blockquote, pre,
dl, dd, dt,
figure, figcaption {
  margin: 0 0 16px 0;
}

/* 5. 列表元素：去掉默认列表样式（圆点/数字） */
ul, ol {
  list-style: none; /* 取消默认标记 */
}

/* 6. 链接元素：统一样式，保留可访问性 */
a {
  color: inherit; /* 继承父元素颜色，避免默认蓝色 */
  text-decoration: none; /* 取消默认下划线，按需添加 */
  outline: none; /* 取消默认outline，自定义:focus样式 */
}

/*  /* 自定义聚焦样式（提升可访问性，避免完全隐藏） 

a:focus {
 outline: 1px solid #cce465;
  outline-offset: 1px;
}
*/
/* 7. 图片/媒体元素：响应式基础，避免溢出 */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 消除inline默认空隙 */
  max-width: 100%; /* 响应式，不超出父容器 */
  height: auto; /* 保持宽高比 */
  vertical-align: middle; /* 对齐优化 */
}

/* 8. 表单元素：统一样式，消除默认差异 */
input,
button,
select,
textarea {
  font-family: inherit; /* 继承父元素字体，避免默认等宽字体 */
  font-size: inherit; /* 继承字体大小 */
  line-height: inherit; /* 继承行高 */
  color: inherit; /* 继承颜色 */
  background-color: transparent; /* 透明背景，按需自定义 */
  border: none; /* 取消默认边框 */
  padding: 0; /* 清零默认内边距 */
  margin: 0; /* 清零默认外边距 */
  outline: none; /* 取消默认outline */
  appearance: none; /* 取消浏览器默认外观（如select下拉箭头） */
  -webkit-appearance: none;
  -moz-appearance: none;
}

/*/* 表单元素聚焦样式（统一可访问性） 
input:focus,
button:focus,
select:focus,
textarea:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}*/

/* 按钮样式：统一光标，消除默认边框 */
button {
  cursor: pointer; /* 鼠标悬浮为指针 */
}

/* 禁用状态样式 */
button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
  cursor: not-allowed; /* 禁用时禁止光标 */
  opacity: 0.6; /* 透明度降低，视觉区分 */
}

/* textarea：禁止默认拉伸，按需自定义 */
textarea {
  resize: none; /* 禁止拉伸，如需允许可设为vertical/horizontal */
}

/* 9. 表格元素：统一边框样式 */
table {
  border-collapse: collapse; /* 合并边框，消除单元格间距 */
  border-spacing: 0; /* 清零间距 */
  width: 100%; /* 默认100%宽度，按需调整 */
}

th, td {
  padding: 0; /* 清零默认内边距 */
  text-align: left; /* 统一文本左对齐 */
  border: none; /* 取消默认边框 */
}

/* 10. 清除浮动：兼容旧布局（可选，现代项目用Flex/Grid可省略） */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* 11. 移除默认动画：部分浏览器默认聚焦动画，按需保留 */
:focus-visible {
  outline: none;
}

/* 12. 统一引用样式 */
blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
  content: "";
  content: none;
}

/* 13. 其他元素：清零默认样式 */
address, cite, dfn, em, var {
  font-style: normal; /* 取消默认斜体，按需自定义 */
}

code, kbd, samp, pre {
  font-family: "Courier New", Courier, monospace; /* 统一等宽字体 */
}

small {
  font-size: 100%; /* 继承父元素字体大小，避免默认缩小 */
}

.fleft{float: left;}
.fright{float: right;}
.clear{clear: both;}

a,a:hover,a:active{
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;

}
.fl {
    float: left
}

.fr {
    float: right
}