Describe the bug
In the Vue-light theme, when using Markdown to embed inline code (e.g., code) within a heading (e.g., #, ##, ###), the code block's font size does not scale to match the heading's font size. This results in a visual inconsistency that makes the heading look disjointed and negatively impacts readability.

To Reproduce
Steps to reproduce the behavior:

1. Switch to the Vue-light theme.
2. In a Markdown file, create a heading that includes inline code. For example: "## This is a heading with code"

Expected behavior
The font size of the inline code should match the font size of its parent heading. For example, in a ## Heading with code``, the code text should be the same size as "Heading with."

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Version 3.19.2

Additional context
web.css, maybe?

code {
    font-family: "YaHei Consolas Hybrid", Consolas, Monaco, "Andale Mono", Monospace, "Courier New";
    color: #e96900;
    padding: 0 4px;
    margin: 4px 0;
    border-radius: 2px;
    background-color: #f8f8f8;
    word-break: break-word;
}