pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 1em 0; /* �����������ĵļ�� */
    background: #2d2d2d; /* ��ɫ���� */
    border-left: 4px solid #42b983; /* ���װ���� */
    border-radius: 0 4px 4px 0; /* ���Ҳ�Բ�� */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* ��΢��Ӱ */
}

    pre code.hljs {
        display: block;
        overflow-x: auto;
        padding: 1.2em;
        color: #e0e0e0; /* dzɫ�������� */
        font-family: 'Fira Code', 'Consolas', monospace; /* �ȿ����� */
        line-height: 1.5;
    }

/* ---------- ���ڴ�����ʽ ---------- */
code:not(pre code) {
    background: rgba(175, 184, 193, 0.2); /* dz��ɫ��͸������ */
    padding: 0.2em 0.4em;
    border-radius: 3px;
    color: #eb5757; /* ��ɫ�������� */
    font-size: 90%;
    font-family: inherit; /* �̳��������� */
    word-break: break-word; /* ���ⳤ������� */
}

/* ---------- �����ؼ�����ʽ��ʾ���� ---------- */
.hljs-keyword {
    color: #c792ea; /* ��ɫ */
}

.hljs-string {
    color: #a5e844; /* ��ɫ */
}
  /*
  
  Atom One Dark by Daniel Gamage
  Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
  
  base:    #282c34
  mono-1:  #abb2bf
  mono-2:  #818896
  mono-3:  #5c6370
  hue-1:   #56b6c2
  hue-2:   #61aeee
  hue-3:   #c678dd
  hue-4:   #98c379
  hue-5:   #e06c75
  hue-5-2: #be5046
  hue-6:   #d19a66
  hue-6-2: #e6c07b
  
  */
  .hljs {
    color: #abb2bf;
    background: #282c34;
    font-size: 1.2rem;
  }
  .hljs-comment,
  .hljs-quote {
    color: #5c6370;
    font-style: italic
  }
  .hljs-doctag,
  .hljs-keyword,
  .hljs-formula {
    color: #c678dd
  }
  .hljs-section,
  .hljs-name,
  .hljs-selector-tag,
  .hljs-deletion,
  .hljs-subst {
    color: #e06c75
  }
  .hljs-literal {
    color: #56b6c2
  }
  .hljs-string,
  .hljs-regexp,
  .hljs-addition,
  .hljs-attribute,
  .hljs-meta .hljs-string {
    color: #98c379
  }
  .hljs-attr,
  .hljs-variable,
  .hljs-template-variable,
  .hljs-type,
  .hljs-selector-class,
  .hljs-selector-attr,
  .hljs-selector-pseudo,
  .hljs-number {
    color: #d19a66
  }
  .hljs-symbol,
  .hljs-bullet,
  .hljs-link,
  .hljs-meta,
  .hljs-selector-id,
  .hljs-title {
    color: #61aeee
  }
  .hljs-built_in,
  .hljs-title.class_,
  .hljs-class .hljs-title {
    color: #e6c07b
  }
  .hljs-emphasis {
    font-style: italic
  }
  .hljs-strong {
    font-weight: bold
  }
  .hljs-link {
    text-decoration: underline
  }