/* Tomorrow Night Eighties Theme - 颜色纯净版 */
/* 只负责颜色，不负责画框，完美兼容 Matery 主题 */

/* 核心代码块样式 */
code[class*="language-"],
pre[class*="language-"] {
    color: #ccc;
    background: #2d2d2d;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 14px;
    text-align: left;
    white-space: pre; /* 保持不换行，保护代码缩进 */
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.6;
    
    /* --- 新增/修改以下几行来修复溢出问题 --- */
    overflow-x: auto !important;  /* 重点：内容超出宽度时，底部显示滚动条 */
    max-width: 100%;              /* 限制最大宽度不能超过父容器 */
    box-sizing: border-box;       /* 确保内边距不会撑大盒子 */
    
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    text-shadow: none;
}

/* 语法高亮颜色定义 */
.token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata { color: #999; }
.token.punctuation { color: #ccc; }
.token.tag, .token.attr-name, .token.namespace, .token.deleted { color: #e2777a; }
.token.function-name { color: #6196cc; }
.token.boolean, .token.number, .token.function { color: #f08d49; }
.token.property, .token.class-name, .token.constant, .token.symbol { color: #f8c555; }
.token.selector, .token.important, .token.atrule, .token.keyword, .token.builtin { color: #cc99cd; }
.token.string, .token.char, .token.attr-value, .token.regex, .token.variable { color: #7ec699; }
.token.operator, .token.entity, .token.url { color: #67cdcc; }
.token.important, .token.bold { font-weight: bold; }
.token.italic { font-style: italic; }

/* 选中文字的颜色 */
::selection {
    background: #a8d8ea;
}