.realistic-marker-highlight {
    position: relative;
}

    .realistic-marker-highlight:before {
        content: "";
        background-color: #ff6db7;
        width: 100%;
        height: 1em;
        position: absolute;
        z-index: -1;
        filter: url(#marker-shape);
        left: -0.25em;
        top: 0.1em;
        padding: 0 0.25em;
    }

.highlight-yellow {
    background-color: yellow;
    color: #333;
}

.highlight-lightred {
    background-color: #ff474c;
    color: white;
}

.highlight-red {
    background-color: #ff0000;
    color: #333;
}

.highlight-warnning {
    background-color: #fff3cd;
    padding: 15px;
    border-radius: 5px;
    border-left: 4px solid #ffc107;
    margin: 15px 0;
}

.highlight {
    background-color: #f7f7f9;
    color: #c7254e;
    font-family: "Courier New", Courier, monospace;
    padding: 2px 4px;
    border-radius: 4px;
}

strong {
    font-weight: bold;
}

.highlight-code {
    background-color: #d3d3d3; /* 使用灰色背景 lightgray */
    font-style: italic; /* 使文字斜體 */
    padding: 2px; /* 添加內邊距 */
    border-radius: 3px; /* 添加圓角 */
    white-space: nowrap; /* 防止換行 */
}