/* ==========================================================
   代码块高亮与一键复制（Prism.js 风格）
   ========================================================== */

/* 行内代码 */
.page-post .content code,
.page-archive .content code {
    padding: .15em .4em;
    border-radius: 4px;
    background: rgba(0, 240, 255, 0.10);
    border: 1px solid rgba(0, 240, 255, 0.16);
    color: #7fe9f3;
    font-family: var(--font-mono);
    font-size: .88em;
    word-break: break-word;
}

/* 代码块容器 */
.page-post pre,
.page-archive pre {
    margin: 1.4em 0;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 0 1px var(--tech-line);
}

/* 代码块头部（语言标签 + 复制按钮） */
.code-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .6em 1em;
    background: #0a0e14;
    border-bottom: 1px solid var(--tech-line);
    font-size: .78em;
    color: #8fa3b3;
}

.code-lang {
    font-weight: 600;
    letter-spacing: .04em;
}

.btn-copy {
    display: inline-flex;
    align-items: center;
    gap: .4em;
    padding: .35em .7em;
    border-radius: 6px;
    background: rgba(0, 240, 255, 0.08);
    border: 1px solid rgba(0, 240, 255, 0.16);
    color: var(--tech-primary);
    font-size: .78em;
    cursor: pointer;
    transition: all .2s ease;
    user-select: none;
}
.btn-copy:hover {
    background: rgba(0, 240, 255, 0.16);
    border-color: rgba(0, 240, 255, 0.35);
}
.btn-copy.copied {
    background: rgba(0, 240, 255, 0.25);
    color: #04121a;
    border-color: var(--tech-primary);
}

/* 代码滚动区 */
.code-scroll {
    position: relative;
    overflow-x: auto;
    background: #060a10;
}
.code-scroll::-webkit-scrollbar { height: 8px; }
.code-scroll::-webkit-scrollbar-track { background: #060a10; }
.code-scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--tech-primary), var(--tech-secondary));
    border-radius: 4px;
}

/* 实际代码 */
pre code {
    display: block;
    padding: 1em 1.2em;
    font-family: var(--font-mono);
    font-size: .86em;
    line-height: 1.7;
    color: #cfdbe4;
    white-space: pre;
    overflow-wrap: normal;
}

/* 行号（可选） */
.line-numbers .line-number {
    padding-right: .8em;
    text-align: right;
    color: #5a6e7f;
    user-select: none;
    opacity: .6;
}

/* 移动端优化 */
@media screen and (max-width: 768px) {
    pre { margin: 1.2em 0; border-radius: 8px; }
    .code-header { padding: .5em .8em; }
    pre code { padding: .9em .9em; font-size: .82em; }
}

/* ==========================================================
   语法高亮配色（霓虹科技风）
   ========================================================== */

/* 注释 */
.tok-comment { color: #5c7385; font-style: italic; }

/* 字符串 */
.tok-string { color: #7fe3a8; }

/* 数字 */
.tok-number { color: #ffb86c; }

/* 关键字 */
.tok-keyword { color: #ff79c6; font-weight: 600; }

/* 函数 */
.tok-function { color: #8be9fd; }

/* 类名 */
.tok-class { color: #ffd479; }

/* 标签 */
.tok-tag { color: #ff79c6; }

/* 属性 */
.tok-attr { color: #8be9fd; }

/* 常量 */
.tok-constant { color: #bd93f9; }

/* 运算符 */
.tok-operator { color: #ff79c6; }

/* 正则 */
.tok-regex { color: #ff5555; }

/* 变量 */
.tok-variable { color: #f8f8f2; }