/* 去掉内层 pre 的边框，只保留外层容器的边框 */
pre {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 外层代码块容器样式 */
.highlight {
  position: relative;
  background: #ffffff;        /* 白底 */
  border: 1px solid #d1d5db;  /* 浅灰边框 */
  border-radius: 0.75rem;     /* 圆角 */
  padding: 1rem;
  overflow-x: auto;
  margin: 1.5rem 0;
  font-size: 0.9rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  line-height: 1.5;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* 代码文字 */
.highlight code {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0;
  margin: 0;
  display: block;
  color: #1f2937; /* 默认深灰 */
}

/* 高亮配色 */
.highlight .chroma .c  { color: #16a34a; }  /* 注释：绿色 */
.highlight .chroma .k  { color: #2563eb; }  /* 关键字：蓝色 */
.highlight .chroma .s  { color: #dc2626; }  /* 字符串：红色 */
.highlight .chroma .n  { color: #374151; }  /* 普通文本 */
.highlight .chroma .o  { color: #7c3aed; }  /* 操作符：紫色 */
.highlight .chroma .mi { color: #ca8a04; }  /* 数字：黄色 */
.highlight .chroma .f  { color: #0d9488; }  /* 函数名：青色 */