html {
  font-size: 10.5pt;
}

/* 设置段落两端对齐 */
p {
  text-align: justify;
  text-justify: inter-ideograph; /* 针对中文优化，改善标点和汉字间距 */
}

/* 增加段落行高，原为 2rem */
p,
ul,
ol,
dl {
  line-height: 2.2rem;
}

/* 标题样式调整：默认（中文）不倾斜，加粗 */
h1,
h2,
h3,
h4,
h5 {
  font-style: normal;
  font-weight: bold;
  color: #111;
}

h2 {
  font-size: 2.3rem;
  line-height: 1.2;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

h3 {
  font-size: 2rem;
  line-height: 1.2;
  margin-top: 1.5rem;
  margin-bottom: 0.8rem;
}

h4 {
  font-size: 1.75rem;
  line-height: 1.2;
  margin-top: 1.2rem;
  margin-bottom: 0.5rem;
}

h5 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

/* 英文/数字部分：倾斜、加粗 */
.heading-en {
  font-style: italic;
}

/* 覆盖 Tufte CSS 的默认代码块样式 */
pre > code {
  width: 95%;
  /* 原为 52.5%，改为 100% 以适应父容器 */
  font-size: 1.2rem;
  /* 原为 0.9rem，增大字体 */
  line-height: 1.5; /* 显式设置行高以对齐行号 */
  margin-left: 0%;
  background-color: transparent;
  /* 避免代码块内重复背景 */
  padding: 0;
  border: none;
}

/* 行号样式 */
pre.has-line-numbers {
  display: flex;
  align-items: flex-start;
}

.line-numbers-rows {
  display: flex;
  flex-direction: column;
  padding-right: 0.4em;
  margin-right: 0.4em;
  border-right: 1px solid #ddd;
  color: #aaa;
  user-select: none;
  text-align: right;
  min-width: 1.2em;
  font-size: 1.2rem; /* 匹配代码字体大小 */
  line-height: 1.5; /* 匹配代码行高 */
  font-family: monospace; /* 确保字体一致 */
}

/* 调整行内代码大小及样式 */
code {
  font-size: 1.2rem;
  background-color: #f7f7f7;
  /* 浅灰背景 */
  padding: 0.1em 0.3em;
  /* 内边距 */
  border-radius: 3px;
  /* 圆角 */
  border: 1px solid #e7e7e7;
  /* 浅色边框 */
}

/* 代码块容器样式 */
pre {
  position: relative;
  /* 为复制按钮定位 */
  background-color: #f7f7f7;
  /* 浅灰背景 */
  border: 1px solid #e0e0e0;
  /* 边框 */
  border-radius: 5px;
  /* 圆角 */
  padding: 1em;
  /* 内边距 */
  overflow-x: auto;
  /* 横向滚动 */
  margin-bottom: 1.5em;

  /* 布局修复 */
  width: 55%;
  margin-left: 0;
  margin-right: 0;
  float: none;
  clear: none;
  box-sizing: border-box;
  /* 包含内边距和边框 */
  left: 0;
}

/* 列表中的代码块需要占满列表项宽度 */
li pre,
ul pre,
ol pre,
dl pre {
  width: 100%;
}

/* Figure 中的代码块需要占满 Figure 宽度 */
figure pre {
  width: 100%;
}

/* 修复引用块 (Quote Box) 样式 */
/* 针对 theorion 包生成的带左边框的 div */
div[style*="border-inline-start"] {
  width: 55% !important;
  /* 强制宽度为 55%，与正文一致 */
  font-size: 1.4rem;
  /* 统一字体大小，匹配正文 p 标签 */
  line-height: 2.2rem;
  /* 统一行高 */
  clear: none;
  /* 清除浮动 */
  margin: 1.5em 0;
  /* 垂直间距 */
  padding-right: 0 !important;
  /* 移除右内边距，确保侧边注与正文侧边注对齐 */
}

/* 确保内部 p 标签样式一致 */
div[style*="border-inline-start"] p {
  font-size: 1.4rem;
  /* 确保 p 标签也是 1.4rem */
  margin: 0.5em 0;
  /* 调整内部段落间距 */
  width: 100%;
  /* 内部 p 占满 div */
}

/* 修复引用块内的脚注和侧边注样式 */
div[style*="border-inline-start"] .footnote-ref,
div[style*="border-inline-start"] .marginnote,
div[style*="border-inline-start"] .footnote-ref a {
  color: #111 !important;
}

/* 复制按钮样式 */
.copy-button {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  padding: 0.3em 0.6em;
  font-size: 0.8rem;
  color: #666;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0;
  /* 默认隐藏 */
  transition: opacity 0.2s, background-color 0.2s;
}

/* 鼠标悬停在代码块上时显示按钮 */
pre:hover .copy-button {
  opacity: 1;
}

/* 修复脚注导致的行距不一致问题 */
sup.footnote-ref {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}

.copy-button:hover {
  background-color: #f0f0f0;
  color: #333;
}

.copy-button.copied {
  background-color: #e6fffa;
  color: #008000;
  border-color: #008000;
}

/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
  /* 标题颜色 */
  h1,
  h2,
  h3,
  h4,
  h5 {
    color: #eee;
  }

  /* 行内代码样式 */
  code {
    background-color: #2d2d2d;
    color: #e8e8e8;
    border-color: #3d3d3d;
  }

  /* 代码块容器样式 */
  pre {
    background-color: #2d2d2d;
    border-color: #3d3d3d;
  }

  /* 代码块中的代码文本 */
  pre > code {
    color: #e8e8e8;
  }

  /* 行号边框和颜色 */
  .line-numbers-rows {
    border-right-color: #555;
    color: #666;
  }

  /* 复制按钮 */
  .copy-button {
    background-color: #333;
    color: #ccc;
    border-color: #555;
  }

  .copy-button:hover {
    background-color: #444;
    color: #eee;
  }

  .copy-button.copied {
    background-color: #1a4d3a;
    color: #5fda9d;
    border-color: #5fda9d;
  }

  /* 引用块样式 */
  div[style*="border-inline-start"] .footnote-ref,
  div[style*="border-inline-start"] .marginnote,
  div[style*="border-inline-start"] .footnote-ref a {
    color: #eee !important;
  }
}