/* 1. 基础重置：统一盒模型，清除默认内外边距 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; 
  }
  
  /* 2. 列表元素：移除默认的小圆点或序号 */
  ul, ol {
    list-style: none; 
  }
  
  /* 3. 文本与标题元素：继承父级字体样式 */
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit; 
  }
  
  /* 4. 链接元素：去除默认下划线，继承颜色 */
  a {
    color: inherit;
    text-decoration: none; 
    background-color: transparent; 
  }
  
  /* 5. 表格元素：合并边框，消除间距 */
  table {
    border-collapse: collapse; 
    border-spacing: 0;
  }
  
  /* 6. 表单元素：统一字体、去除默认边框与焦点轮廓 */
  input, button, select, textarea {
    font-family: inherit; 
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background: transparent;
    border: none;
    outline: none; 
  }
  textarea {
    resize: vertical; /* 仅允许垂直拉伸 */
    overflow: auto; 
  }
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    cursor: pointer; /* 鼠标悬停时显示手型 */
  }
  
  /* 7. 媒体元素：转为块级元素以消除底部缝隙，并限制最大宽度 */
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block; 
    max-width: 100%; 
  }
  
  /* 8. 引用元素：去除默认引号 */
  blockquote, q {
    quotes: none;
  }
  blockquote::before, blockquote::after,
  q::before, q::after {
    content: '';
    content: none;
  }