pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  font-family: "Microsoft YaHei","宋体", "黑体", Arial, sans-serif;
  line-height: 1.8;
}


.explain{
	color:gray;
	font-size: 13;
}

.code{
  color:black;
  font-size: 14px;
  background-color: gainsboro;
}

.bold{
  font-weight: bold;
}


.pic{
  width: 600px;
  height: 240px;
}

.textMark{
  background-color:#ebeef2;
  border-radius: 4px;
  padding: 2px 4px;
}

table {
     
      border-collapse: collapse; /* 合并边框 */
      font-family: "Segoe UI", Arial, sans-serif;
      font-size: 14px;
      background-color: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* 阴影 */
      overflow: hidden; /* 保证圆角生效 */
    }

thead {
  background: linear-gradient(90deg, #ac841f, #8c840e);
  color: white;
}

thead th {
  padding: 12px 16px;
  text-align: left;
}

tbody td {
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
}

tbody tr:hover {
  background-color: #f9f9f9; /* 悬停高亮 */
}

tbody tr:last-child td {
  border-bottom: none;
}