/* 程式碼高亮樣式 */
.code-content {
    color: #d4d4d4;  /* 基本文字顏色 */
    font-family: 'Consolas', 'Monaco', monospace;
}

/* 關鍵字 - let, const, function, if, else 等 */
.keyword {
    color: #569cd6;
    font-weight: 500;
}

/* 字符串 - 引號中的內容 */
.string {
    color: #ce9178;
}

/* 數字 */
.number {
    color: #b5cea8;
}

/* 函數 */
.function {
    color: #dcdcaa;
}

/* 類型 */
.type {
    color: #4ec9b0;
}

/* 變數 */
.variable {
    color: #9cdcfe;
}

/* 屬性 */
.property {
    color: #9cdcfe;
}

/* 運算符 */
.operator {
    color: #d4d4d4;
}

/* 括號和標點符號 */
.punctuation {
    color: #d4d4d4;
}

/* 註解 */
.comment {
    color: #6a9955;
    font-style: italic;
}

/* 正則表達式 */
.regex {
    color: #d16969;
}

/* HTML/XML 標籤 */
.tag {
    color: #569cd6;
}

/* HTML/XML 屬性 */
.attribute {
    color: #9cdcfe;
}

/* 類名 */
.class {
    color: #4ec9b0;
}

/* 常量 */
.constant {
    color: #4fc1ff;
}

/* 模組導入/導出關鍵字 */
.module {
    color: #c586c0;
}

/* null, undefined, true, false */
.primitive {
    color: #569cd6;
}

/* 錯誤和警告 */
.error {
    color: #f44747;
}

.warning {
    color: #dcdcaa;
}

/* JSDoc 註解標籤 */
.doctype {
    color: #569cd6;
}

/* 重點標記 */
.highlight {
    background-color: rgba(255, 255, 0, 0.1);
    border-radius: 2px;
}

/* 選中的程式碼 */
.selected {
    background-color: rgba(86, 156, 214, 0.3);
}