pre {
    background-color: #282c34;
    border-radius: 8px;
    padding: 40px 20px 20px 20px; /* 上边距增加到40px，留出空间给三个点 */
    margin: 20px 10px;
    overflow: auto;
    position: relative;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    font-family: 'Fira Code', 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 14px;
    line-height: 1.5;
    color: #abb2bf;
    max-width: calc(100% - 20px);
    box-sizing: border-box;
}
pre code .line::before {
    counter-increment: line;
    content: counter(line);
    display: inline-block;
    width: 2em;
    padding-right: 1em;
    margin-right: 1em;
    color: #5c6370;
    text-align: right;
    border-right: 1px solid #5c6370;
    position: sticky;
    left: 0;
    background-color: #282c34;
    z-index: 1;
}

.copy-button {
    position: absolute;
    top: 10px;
    left: 15px;
    color: #80c8ea;
    font-size: 16px;
    letter-spacing: 1px;
    background-color: rgba(92, 89, 89, 0.2);
    padding: 2px 8px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
}
.copy-button:hover {
    background-color: rgba(92, 89, 89, 0.3);
}

.language-C++ .line::before {
    counter-increment: line;
    content: counter(line);
    display: inline-block;
    width: 2em;
    padding-right: 1em;
    margin-right: 1em;
    color: #5c6370;
    text-align: right;
    border-right: 1px solid #5c6370;
    position: sticky;
    left: 0;
    background-color: #282c34; /* 防止行号与代码重叠 */
    z-index: 1;
}
/* C++ 语法高亮 */
.language-C++ .token.keyword {
    color: #c678dd; /* 关键字 - 紫色 */
    font-weight: bold;
}

.language-C++ .token.operator {
    color: #56b6c2; /* 操作符 - 青色 */
}

.language-C++ .token.string {
    color: #98c379; /* 字符串 - 绿色 */
}

.language-C++ .token.number {
    color: #d19a66; /* 数字 - 橙色 */
}

.language-C++ .token.comment {
    color: #5c6370; /* 注释 - 灰色 */
    font-style: italic;
}

.language-C++ .token.function {
    color: #61afef; /* 函数 - 蓝色 */
}

.language-C++ .token.punctuation {
    color: #abb2bf; /* 标点符号 - 浅灰色 */
}

.language-C++ .token.class-name {
    color: #e5c07b; /* 类名 - 黄色 */
}

.language-C++ .token.boolean {
    color: #d19a66; /* 布尔值 - 橙色 */
}

.language-C++ .token.macro {
    color: #c678dd; /* 宏定义 - 紫色 */
    font-weight: bold;
}

.language-C++ .token.include {
    color: #c678dd; /* #include - 紫色 */
    font-weight: bold;
}

/* 添加行号（可选） */
pre {
    counter-reset: line;
}

.language-C++ .line::before {
    counter-increment: line;
    content: counter(line);
    display: inline-block;
    width: 2em;
    padding-right: 1em;
    margin-right: 1em;
    color: #5c6370;
    text-align: right;
    border-right: 1px solid #5c6370;
}













.language-tag {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #e1e1e1;
    padding: 5px 10px;
    margin-right: 20px;
    margin-top: 20px;
    border-radius: 16px; /* 更大的圆角 */
    font-size: 12px;
    text-transform: capitalize; /* 首字母大写 */
    transition: all 0.2s ease; /* 添加过渡动画 */
}

/* 特定语言的样式 */
.language-tag[data-language="C#"] {
    background-color: #2e8b57;
    color: white;
    border: 1px solid #1f6f3d;
}

/* C++ - 更现代的蓝色 */
.language-tag[data-language="C++"] {
    background-color: #0077cc;
    color: white;
    border: 1px solid #005fa3;
}

/* JavaScript - 更柔和的黄色 */
.language-tag[data-language="JavaScript"] {
    background-color: #f7df1e;
    color: #323330;
    border: 1px solid #e6c91e;
}

/* Python - 渐变蓝色 */
.language-tag[data-language="Python"] {
    background: linear-gradient(135deg, #3776ab, #4b8bbe);
    color: white;
    border: 1px solid #2c5f8a;
}

/* Java - 渐变橙色 */
.language-tag[data-language="Java"] {
    background: linear-gradient(135deg, #f89820, #e76f00);
    color: white;
    border: 1px solid #d45b00;
}

/* Rust - 新增样式 */
.language-tag[data-language="Rust"] {
    background-color: #dea584;
    color: #000000;
    border: 1px solid #c7926e;
}

/* Go - 新增样式 */
.language-tag[data-language="Go"] {
    background-color: #00add8;
    color: white;
    border: 1px solid #0095c7;
}

/* 默认样式 - 更现代的灰色 */
.language-tag:not([data-language="C#"]):not([data-language="C++"]):not([data-language="JavaScript"]):not([data-language="Python"]):not([data-language="Java"]):not([data-language="Rust"]):not([data-language="Go"]) {
    background: linear-gradient(135deg, #6e7681, #49505a);
    color: white;
    border: 1px solid #3b4048;
}