/* 全局基础样式 */
body {
  font-family: sans-serif;   /* 设置默认字体 */
  margin: auto;              /* 居中显示 */
  margin: 0;                 /* 去掉，避免水平滚动 */
  overflow-x: hidden;        /* 防止横向滚动条出现 */
  line-height: 1.6;          /* 行间距更舒服 */
}


/* 限制正文宽度 */
main {
  max-width: 800px;  /* 正文宽度 */
  margin: auto;      /* 居中 */
  padding: 20px;     /* 给点内边距 */
}

/* 确保未来即使有别的元素不小心超宽，也不会再出现横向滑动 */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}