:root { --md-text-font: system-ui, "Microsoft YaHei", sans-serif; }
.md-typeset { line-height: 1.85; font-size: .82rem; }
.md-typeset h1 { font-weight: 650; letter-spacing: -.025em; }
.md-typeset h2 { margin-top: 1.8em; }
.md-content, .md-content__inner { min-width: 0; }
.md-typeset img { max-width: 100% !important; height: auto !important; cursor: zoom-in; }
.md-typeset pre { max-width: 100%; overflow-x: auto; }
.md-typeset .md-typeset__table { max-width: 100%; }
.md-typeset__scrollwrap { overflow-x: auto; }
.arithmatex { max-width: 100%; }
.mynotes-display, .md-typeset div.arithmatex { display: block; overflow-x: auto; overflow-y: hidden; margin: .65em 0; }
mjx-container[display="true"] { max-width: 100%; overflow-x: auto; overflow-y: hidden; padding: .2em 0; }
.md-typeset p, .md-typeset li { overflow-wrap: anywhere; }
.md-typeset .arithmatex:not(.mynotes-display) { display: inline-block; max-width: 100%; overflow-x: auto; vertical-align: middle; }
#image-viewer { border: 0; border-radius: .5rem; padding: 2.5rem .5rem .5rem; max-width: 96vw; max-height: 94vh; background: var(--md-default-bg-color); color: var(--md-default-fg-color); }
#image-viewer::backdrop { background: #000c; }
#image-viewer .image-stage { max-width: 90vw; max-height: 80vh; overflow: auto; }
#image-viewer img { display: block; max-width: none; max-height: none; height: auto; }
#image-viewer .image-tools { position: absolute; top: .3rem; right: .4rem; display: flex; gap: .2rem; }
#image-viewer button { font-size: .85rem; cursor: pointer; padding: .3rem .5rem; }
@media (max-width: 600px) { .md-typeset { font-size: .8rem; } .md-typeset h1 { font-size: 1.75em; } }