.xhcode-icon-codesvg {
    display: none;
}
/* 默认样式 */
.xhtheme-codestyle-default {
    --xhcode-background: #eaeaea;
    --xhcode-color: #222;
    --xhcode-toolbar-background: #d5d5d5;
    --xhcode-toolbar-color: #666;
    --xhcode-selection-background: rgba(33,150,243,.5);
    --xhcode-comment-color: slategray;
    --xhcode-punctuation-color: #999;
    --xhcode-property-color: #905;
    --xhcode-string-color: #690;
    --xhcode-keyword-color: #07a;
    --xhcode-function-color: #DD4A68;
    --xhcode-variable-color: #e90;
}
.xhtheme-codestyle-default.xhtheme-code-dark,
[data-bs-theme=dark] .xhtheme-codestyle-default.xhtheme-code-auto,
.dark .xhtheme-codestyle-default.xhtheme-code-auto {
    --xhcode-background: #080808;
    --xhcode-color: #cecece;
    --xhcode-toolbar-background: #484848;
    --xhcode-toolbar-color: #ecebeb;
    --xhcode-comment-color: #8292a2;
    --xhcode-punctuation-color: #f8f8f2;
    --xhcode-property-color: #f92672;
    --xhcode-string-color: #a6e22e;
    --xhcode-keyword-color: #66d9ef;
    --xhcode-function-color: #2196f3;
    --xhcode-variable-color: #f8f8f2;
}
.xhtheme-codestyle-default{
    background: var(--xhcode-background) !important;
    color:var(--xhcode-toolbar-color) !important;
}

/* Minimal Style */
.xhtheme-codestyle-minimal {
    --xhcode-border-color: #ebebeb;
    --xhcode-color: #222;
    --xhcode-toolbar-background: #f5f5f5;
    --xhcode-toolbar-color: #666;
    --xhcode-selection-background: rgba(33,150,243,.5);
    --xhcode-comment-color: slategray;
    --xhcode-punctuation-color: #999;
    --xhcode-property-color: #905;
    --xhcode-string-color: #690;
    --xhcode-keyword-color: #07a;
    --xhcode-function-color: #DD4A68;
    --xhcode-variable-color: #e90;
}
[data-bs-theme=dark] .xhtheme-codestyle-minimal:not(.xhtheme-code-light),
.dark .xhtheme-codestyle-minimal:not(.xhtheme-code-light) {
    --xhcode-border-color: #2b384a;
    --xhcode-color: #cecece;
    --xhcode-toolbar-background: rgba(0,0,0,.2);
    --xhcode-toolbar-color: #ecebeb;
    --xhcode-comment-color: #8292a2;
    --xhcode-punctuation-color: #f8f8f2;
    --xhcode-property-color: #f92672;
    --xhcode-string-color: #a6e22e;
    --xhcode-keyword-color: #66d9ef;
    --xhcode-function-color: #2196f3;
    --xhcode-variable-color: #f8f8f2;
}
.xhtheme-codestyle-minimal{
    color:var(--xhcode-toolbar-color) !important;
    border:solid 1px var(--xhcode-border-color);
}

.xhtheme-codestyle-meteor {
    --xhcode-background: #f5f6f9;
    --xhcode-color: #222;
    --xhcode-toolbar-background: rgba(0,0,0,.05);
    --xhcode-toolbar-color: #666;
    --xhcode-selection-background: rgba(33,150,243,.5);
    --xhcode-comment-color: slategray;
    --xhcode-punctuation-color: #999;
    --xhcode-property-color: #905;
    --xhcode-string-color: #690;
    --xhcode-keyword-color: #07a;
    --xhcode-function-color: #DD4A68;
    --xhcode-variable-color: #e90;
}
.xhtheme-codestyle-meteor.xhtheme-code-dark,
[data-bs-theme=dark] .xhtheme-codestyle-meteor.xhtheme-code-auto,
.dark .xhtheme-codestyle-meteor.xhtheme-code-auto {
    --xhcode-background: #202b3b;
    --xhcode-color: #cecece;
    --xhcode-toolbar-background: rgba(255,255,255,.2);
    --xhcode-toolbar-color: #b5b1b1;
    --xhcode-comment-color: #8292a2;
    --xhcode-punctuation-color: #f8f8f2;
    --xhcode-property-color: #f92672;
    --xhcode-string-color: #a6e22e;
    --xhcode-keyword-color: #66d9ef;
    --xhcode-function-color: #2196f3;
    --xhcode-variable-color: #f8f8f2;
}
.xhtheme-codestyle-meteor{
    background: var(--xhcode-background) !important;
    color:var(--xhcode-toolbar-color) !important;
}

/* 公共样式 */
.wp-block-code {    
    border-radius: 6px !important;
    padding:40px 10px 10px !important;
    position: relative !important;
    font-size: 14px !important;
    margin-bottom: 1rem;
}
/* 滚动条整体样式 */
.wp-block-code pre::-webkit-scrollbar {
    width: 5px; /* 滚动条宽度 */
    height: 5px; /* 滚动条高度（用于水平滚动条） */
}

/* 滚动条轨道 */
.wp-block-code pre::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border-radius: 10px; /* 圆角 */
}

/* 滚动条滑块 */
.wp-block-code pre::-webkit-scrollbar-thumb {
    background: rgba(100, 100, 100, 0.3);
    border-radius: 10px;
}

/* 滚动条滑块在悬停时的样式 */
.wp-block-code pre::-webkit-scrollbar-thumb:hover {
    background: rgba(100, 100, 100, 0.6);
}
.wp-block-code .xhcode-toolbar {
    background-color: var(--xhcode-toolbar-background);
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 30px;
    z-index: 1;
    border-radius: 6px 6px 0 0;
    padding: 0 10px;
    font-size: 12px;
    box-sizing: border-box;
    line-height: 30px;
    color: var(--xhcode-toolbar-color);
}
.wp-block-code .code-toolbar .toolbar {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    line-height: 30px;
}
.wp-block-code .toolbar-item button {
    background: none;
    border: none;
    color: var(--xhcode-toolbar-color);
    cursor: pointer;
    outline: none;
    font-size: 12px;
    padding: 0 10px;
}

/* PrismJS 1.29.0
https://prismjs.com/download.html#themes=prism */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

 code[class*="language-"],
 pre[class*="language-"] {
     color: var(--xhcode-color);
     background: none;
     font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
     font-size: 1em;
     text-align: left;
     white-space: pre;
     word-spacing: normal;
     word-break: normal;
     word-wrap: normal;
     line-height: 1.6;
 
     -moz-tab-size: 4;
     -o-tab-size: 4;
     tab-size: 4;
 
     -webkit-hyphens: none;
     -moz-hyphens: none;
     -ms-hyphens: none;
     hyphens: none;
 }
 
 pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
 code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: var(--xhcode-selection-background);
 }
 
 pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
 code[class*="language-"]::selection, code[class*="language-"] ::selection {
    text-shadow: none;
    background: var(--xhcode-selection-background);
 }
 
 @media print {
     code[class*="language-"],
     pre[class*="language-"] {
         text-shadow: none;
     }
 }
 
 /* Code blocks */
 pre[class*="language-"] {
    padding: 0;
    margin: 0;
    overflow: auto;
    outline: none;
 }
 
 /* Inline code */
 :not(pre) > code[class*="language-"] {
     padding: .1em;
     border-radius: .3em;
     white-space: normal;
 }
 
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
     color: var(--code-comment-color);
 }
 
 .token.punctuation {
     color: var(--code-punctuation-color);
 }
 
 
 .token.namespace {
     opacity: .7;
 }
 
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
    color: var(--xhcode-property-color);
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: var(--xhcode-string-color);
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
    color: var(--xhcode-punctuation-color);
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: var(--xhcode-keyword-color);
}

.token.function,
.token.class-name {
    color: var(--xhcode-function-color);
}

.token.regex,
.token.important,
.token.variable {
    color: var(--xhcode-variable-color);
}

.token.important,
.token.bold {
    font-weight: bold;
}

 .token.italic {
     font-style: italic;
 }
 
 .token.entity {
     cursor: help;
 }