pre {
  background-color: #282c34 !important; 
  color: #abb2bf !important;            
  border-radius: 12px;                  /* 现代感的圆角 */
  border: 1px solid rgba(255, 255, 255, 0.1); /* 不明显的细腻半透明描边 */
  box-shadow: 0 10px 30px rgba(0,0,0,0.25), 0 4px 8px rgba(0,0,0,0.1); /* 具有层次感的悬浮阴影 */
}

code {
  font-family: "Monaspace Argon NF", "Fira Code", "JetBrains Mono", Consolas, monospace;
  background: transparent !important;
}

/* Tokyo Night / Dracula inspired Highlight.js Theme */

:root {
  /* ---- Default Colors -- */
  --background: var(--background-secondary);
  --text-default: #a9b1d6;
  --color-1: #f7768e;
  --color-2: #ff9e64;
  --color-3: #e0af68;
  --color-4: #9ece6a;
  --color-5: #73daca;
  --color-6: #b4f9f8;
  --color-7: #0db9d7;
  --color-8: #7dcfff;
  --color-9: #7aa2f7;
  --color-10: #bb9af7;
  --color-11: #c0caf5;
  /* ---- HLJS Default -- */
  --hljs-attribute: var(--color-7);
  --hljs-nomarkup: var(--color-8);
  --hljs-variable: var(--color-11);
  --hljs-meta: var(--color-8);
  --hljs-meta-string: var(--color-4);
  --hljs-meta-keyword: var(--hljs-meta);
  --hljs-literal: var(--color-2);
  --hljs-section: var(--color-9);
  --hljs-number: var(--color-2);
  --hljs-name: var(--color-4);
  --hljs-selector-tag: var(--color-4);
  --hljs-selector-class: var(--color-9);
  --hljs-selector-attr: var(--color-7);
  --hljs-selector-pseudo: var(--color-7);
  --hljs-selector-id: var(--hljs-selector-class);
  --hljs-keyword: var(--color-10);
  --hljs-built_in: var(--color-3);
  --hljs-title: var(--color-9);
  --hljs-link: var(--color-5);
  --hljs-bullet: var(--color-10);
  --hljs-symbol: var(--color-1);
  --hljs-addition: var(--color-1);
  --hljs-deletion: var(--color-5);
  --hljs-attr: var(--color-2);
  --hljs-punctuation: var(--text-default);
  --hljs-regexp: var(--color-6);
  --hljs-type: var(--color-10);
  --hljs-operator: var(--color-10);
  --hljs-rest_arg: var(--text-default);
  --hljs-template-variable: var(--color-11);
  /* ---- HLJS Specific -- */
  /* --> Params */
  --hljs-params: var(--text-default);
  --hljs-params-attr: var(--hljs-params);
  /* --> Comment */
  --hljs-comment: #565f89;
  --hljs-comment-doctag: var(--hljs-comment);
  /* --> String */
  --hljs-string: var(--color-4);
  --hljs-string-subst: var(--color-5);
  --hljs-string-template-variable: var(--color-2);
  /* --> Tag */
  --hljs-tag: var(--color-7);
  --hljs-tag-name: var(--color-10);
  --hljs-tag-attr: var(--color-5);
  /* --> Function */
  --hljs-function: var(--text-default);
  --hljs-function-keyword: var(--hljs-keyword);
  --hljs-function-title: var(--hljs-title);
  --hljs-function-params: var(--hljs-params);
  --hljs-function-literal: var(--hljs-literal);
  --hljs-function-operator: var(--hljs-operator);
  /* --> Class */
  --hljs-class: var(--text-default);
  --hljs-class-keyword: var(--color-6);
  --hljs-class-title: var(--color-7);
}

.hljs {
  font-family: "JetBrainsMono Nerd Font", "JetBrains Mono", var(--font-code), monospace;
  background: var(--background-secondary);
  color: var(--text-normal);
  padding: 15px 20px;
  border-radius: 5px;
}

.codeLine-3a3dbd {
  color: var(--text-default);
}

.hljs-comment {
  color: var(--hljs-comment);
}

.hljs-attribute {
  color: var(--hljs-attribute);
}

.hljs-nomarkup {
  color: var(--hljs-nomarkup);
}

.hljs-variable {
  color: var(--hljs-variable);
}

.hljs-meta {
  color: var(--hljs-meta);
}

.hljs-meta-string {
  color: var(--hljs-meta-string);
}

.hljs-meta-keyword {
  color: var(--hljs-meta-keyword);
}

.hljs-literal {
  color: var(--hljs-literal);
}

.hljs-string {
  color: var(--hljs-string);
}

.hljs-section {
  color: var(--hljs-section);
}

.hljs-number {
  color: var(--hljs-number);
}

.hljs-tag {
  color: var(--hljs-tag);
}

.hljs-name {
  color: var(--hljs-name);
}

.hljs-selector-tag {
  color: var(--hljs-selector-tag);
}

.hljs-selector-class {
  color: var(--hljs-selector-class);
}

.hljs-selector-attr {
  color: var(--hljs-selector-attr);
}

.hljs-selector-pseudo {
  color: var(--hljs-selector-pseudo);
}

:not(.hljs-function) > .hljs-keyword {
  color: var(--color-10);
  font-style: italic;
}

.hljs-function {
  color: var(--hljs-function);
}

.hljs-built_in {
  color: var(--hljs-built_in);
}

.hljs-title {
  color: var(--hljs-title);
}

.hljs-link {
  color: var(--hljs-link);
}

.hljs-bullet {
  color: var(--hljs-bullet);
}

.hljs-symbol {
  color: var(--hljs-symbol);
}

.hljs-addition {
  color: var(--hljs-addition);
}

.hljs-deletion {
  color: var(--hljs-deletion);
}

.hljs-attr {
  color: var(--hljs-attr);
}

.hljs-punctuation {
  color: var(--hljs-punctuation);
}

.hljs-regexp {
  color: var(--hljs-regexp);
}

.hljs-type {
  color: var(--hljs-type);
}

.hljs-selector-id {
  color: var(--hljs-selector-id);
}

.hljs-params {
  color: var(--hljs-params);
}

.hljs-operator {
  color: var(--hljs-operator);
}

.hljs-rest_arg {
  color: var(--hljs-rest_arg);
}

.hljs-template-variable {
  color: var(--hljs-template-variable);
}

.hljs-comment .hljs-doctag {
  color: var(--hljs-comment-doctag);
}

.hljs-params .hljs-attr {
  color: var(--hljs-params-attr);
}

.hljs-string .hljs-subst {
  color: var(--hljs-string-subst);
}

.hljs-string .hljs-template-variable {
  color: var(--hljs-string-template-variable);
}

.hljs-tag .hljs-name {
  color: var(--hljs-tag-name);
}

.hljs-tag .hljs-attr {
  color: var(--hljs-tag-attr);
}

.hljs-function .hljs-keyword {
  color: var(--hljs-function-keyword);
}

.hljs-function .hljs-title {
  color: var(--hljs-function-title);
}

.hljs-function .hljs-literal {
  color: var(--hljs-function-literal);
}

.hljs-function .hljs-params {
  color: var(--hljs-function-params);
}

.hljs-function .hljs-operator {
  color: var(--hljs-function-operator);
}

.hljs-class .hljs-keyword {
  color: var(--hljs-class-keyword);
}

.hljs-class .hljs-title {
  color: var(--hljs-class-title);
}

/* Haskell Specific Syntax */
.hs .hljs-type {
  color: var(--color-7);
}

/* Lua Specific Syntax */
.lua .hljs-built_in {
  color: var(--color-7);
}

/* Clang Specific Syntax */
.c .hljs-keyword {
  color: var(--color-7);
}
.c .hljs-built_in {
  color: var(--color-9);
}
.c > .hljs-keyword {
  color: var(--color-10);
}

/* CSS Specific Syntax */
.css .hljs-built_in {
  color: var(--color-5);
}

/* Rust Specific Syntax */
.rust .hljs-built_in {
  color: var(--color-7);
}

/* PHP Specific Syntax */
.php .hljs-variable {
  color: var(--color-10);
}