/**
 * 文章内容（Markdown 渲染）样式 —— 游戏动漫粗波普风格
 */
.markdown {
    color: var(--fontColor);
    font-size: 16px;
    line-height: 1.8;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
    margin: 1.8em 0 0.8em;
    font-weight: 900;
    line-height: 1.4;
    color: var(--fontColor);
}

.markdown h1 {
    font-size: 1.8em;
    padding: 0.3em 0.6em;
    border-left: 8px solid var(--brutal-pink);
    border-bottom: 3px solid var(--brutal-black);
    background: rgba(255, 42, 133, 0.08);
}

.markdown h2 {
    font-size: 1.5em;
    padding: 0.25em 0.6em;
    border-left: 8px solid var(--brutal-yellow);
    border-bottom: 3px solid var(--brutal-black);
    background: rgba(255, 230, 0, 0.1);
}

.markdown h3 {
    font-size: 1.3em;
    padding: 0.2em 0.6em;
    border-left: 8px solid var(--brutal-cyan);
    border-bottom: 3px solid var(--brutal-black);
    background: rgba(0, 229, 255, 0.1);
}

.markdown h4 {
    font-size: 1.15em;
    padding-left: 0.6em;
    border-left: 6px solid var(--brutal-green);
}

.markdown h5 {
    font-size: 1em;
    padding-left: 0.6em;
    border-left: 6px solid var(--brutal-purple);
}

.markdown p {
    margin: 1em 0;
    line-height: 2;
}

.markdown a {
    color: var(--brutal-purple);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: rgba(156, 39, 176, 0.4);
    text-underline-offset: 4px;
}

.markdown a:hover {
    color: var(--brutal-pink);
    text-decoration-color: var(--brutal-pink);
}

.markdown img {
    max-width: 100%;
    border: 3px solid var(--brutal-black);
    border-radius: var(--brutal-radius-sm);
    box-shadow: 4px 4px 0px var(--brutal-black);
    display: block;
    margin: 1.2em auto;
}

.markdown ul,
.markdown ol {
    margin: 1em 0;
    padding-left: 2em;
}

.markdown li {
    margin: 0.4em 0;
    line-height: 1.9;
}

.markdown li::marker {
    color: var(--brutal-pink);
    font-weight: 900;
}

.markdown ol li::marker {
    color: var(--brutal-purple);
}

.markdown blockquote {
    margin: 1.2em 0;
    padding: 0.8em 1.2em;
    border: 3px solid var(--brutal-black);
    border-left: 10px solid var(--brutal-cyan);
    border-radius: var(--brutal-radius-sm);
    background: rgba(0, 229, 255, 0.08);
    box-shadow: 4px 4px 0px var(--brutal-black);
}

.markdown blockquote p {
    margin: 0.4em 0;
    line-height: 1.9;
}

.markdown code {
    font-family: "JetBrains Mono", "Consolas", "Courier New", monospace;
    font-size: 0.9em;
    padding: 0.15em 0.45em;
    background: rgba(156, 39, 176, 0.12);
    color: var(--brutal-purple);
    border: 2px solid var(--brutal-black);
    border-radius: 4px;
}

[data-theme="dark"] .markdown code {
    color: var(--brutal-cyan);
    background: rgba(0, 229, 255, 0.1);
}

.markdown pre {
    margin: 1.4em 0;
    padding: 1.2em 1.4em;
    background: #1b1b22;
    border: 3px solid var(--brutal-black);
    border-radius: var(--brutal-radius-sm);
    box-shadow: 5px 5px 0px var(--brutal-black);
    overflow-x: auto;
    line-height: 1.7;
    font-size: 0.9em;
}

.markdown pre code {
    background: transparent;
    border: none;
    padding: 0;
    color: #f2edff;
    font-size: inherit;
}

.markdown table {
    width: 100%;
    margin: 1.4em 0;
    border-collapse: collapse;
    border: 3px solid var(--brutal-black);
    border-radius: var(--brutal-radius-sm);
    overflow: hidden;
    box-shadow: 4px 4px 0px var(--brutal-black);
}

.markdown th,
.markdown td {
    border: 2px solid var(--brutal-black);
    padding: 0.6em 1em;
    text-align: left;
}

.markdown th {
    background: var(--brutal-yellow);
    color: var(--brutal-black);
    font-weight: 900;
}

[data-theme="dark"] .markdown th {
    background: var(--brutal-purple);
    color: #fff;
}

.markdown tr:nth-child(even) td {
    background: rgba(0, 229, 255, 0.07);
}

.markdown hr {
    margin: 2em 0;
    border: none;
    border-top: 3px dashed var(--brutal-black);
    opacity: 0.4;
}

.markdown iframe {
    max-width: 100%;
    border: 3px solid var(--brutal-black);
    border-radius: var(--brutal-radius-sm);
    box-shadow: 4px 4px 0px var(--brutal-black);
}

.markdown strong {
    font-weight: 900;
    padding: 0 0.15em;
    background: linear-gradient(transparent 62%, rgba(255, 230, 0, 0.55) 0);
}

[data-theme="dark"] .markdown strong {
    background: linear-gradient(transparent 62%, rgba(255, 42, 133, 0.35) 0);
}

.markdown del {
    opacity: 0.6;
}

/* 引用脚注链接 */
.markdown .footnotes {
    margin-top: 2em;
    padding-top: 1em;
    border-top: 3px dashed var(--brutal-black);
    font-size: 0.88em;
    color: var(--lightColor);
}

/* 常见代码高亮主题色适配（浅色默认） */
.markdown .hljs {
    background: transparent;
    color: #f2edff;
}