/* 添加到 xml-formatter/css/styles.css 中 */

#formattedXml {
    line-height: 1.5;
    font-family: 'Consolas', 'Courier New', monospace;
}

.token {
    display: inline;
}

.token.comment {
    color: #6a9955;
    font-style: italic;
}

.token.prolog {
    color: #c586c0;
}

.token.cdata {
    color: #808080;
}

.token.tag {
    color: #569cd6;
}

/* 深色主题适配 */
[data-theme="dark"] .token.comment,
.dark-theme .token.comment {
    color: #6a9955;
}

[data-theme="dark"] .token.prolog,
.dark-theme .token.prolog {
    color: #c586c0;
}

[data-theme="dark"] .token.tag,
.dark-theme .token.tag {
    color: #569cd6;
}

[data-theme="dark"] .token.cdata,
.dark-theme .token.cdata {
    color: #808080;
}

/* 添加到 xml-formatter/css/styles.css 中 */
.error-line {
    background-color: rgba(255, 0, 0, 0.1);
    border-left: 3px solid #ff4444;
    padding-left: 8px;
    margin: 2px 0;
    color: #ff4444;
    font-weight: bold;
}

#formattedXml strong {
    display: block;
    margin: 5px 0;
}