/* 默认主题样式 */
pre[class*="language-"] {
  background: #282a36;
  color: #f8f8f2;
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}

pre[class*="language-"] > code {
  color: #f8f8f2;
  background: transparent;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

/* macOS 风格装饰点颜色 */
pre[class*="language-"]::before {
  background: #ff5f56;
  box-shadow: 
    20px 0 #ffbd2e,
    40px 0 #27c93f;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

pre[class*="language-"]:hover::before {
  background: #ff4b40;
  box-shadow: 
    20px 0 #fda812,
    40px 0 #24b238;
}

pre[class*="language-"]::after {
  color: #f8f8f2;
  background: rgba(255, 255, 255, 0.1);
}

/* 行号样式 */
pre.line-numbers .line-numbers-rows {
  border-right: 1px solid #44475a;
}

.line-numbers-rows > span:before {
  color: #6272a4;
}

/* 复制按钮样式 */
.copy-button {
  background: rgba(255,255,255,0.1);
  color: #f8f8f2;
  border: 1px solid rgba(255,255,255,0.2);
}

.copy-button:hover {
  background: rgba(255,255,255,0.2);
}

.copy-button.success {
  background: #50fa7b;
  color: #282a36;
}

.copy-button.error {
  background: #ff5555;
  color: #f8f8f2;
}

/* 底部工具栏样式 */
.code-footer {
  border-top: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.05);
  color: #6272a4;
}

/* 滚动条样式 */
pre[class*="language-"] > code::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.2);
}

pre[class*="language-"] > code::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.2);
}

/* 代码高亮颜色 */
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata { color: #6272a4; }

.token.punctuation { color: #f8f8f2; }
.token.namespace { opacity: 0.7; }

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted { color: #66d9ef; }

.token.boolean,
.token.number { color: #bd93f9; }

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted { color: #f1fa8c; }

.token.operator,
.token.entity,
.token.url,
.token.variable { color: #ff79c6; }

.token.atrule,
.token.attr-value,
.token.function,
.token.class-name { color: #50fa7b; }

.token.keyword { color: #ff79c6; }

.token.regex,
.token.important { color: #fd971f; }

.token.important,
.token.bold { font-weight: bold; }
.token.italic { font-style: italic; }
.token.entity { cursor: help; }