.markdown-tool{--source-editor-height:clamp(320px, calc(100dvh - 420px), 600px);--tool-ink:var(--site-ink);--tool-muted:var(--site-muted);--tool-border:var(--site-border);--tool-accent:var(--site-action);border:1px solid var(--tool-border);background:var(--site-paper);color:var(--tool-ink);border-radius:13px;scroll-margin-top:24px;overflow:hidden;box-shadow:0 8px 32px #25325608,0 2px 5px #25325603}.markdown-tool .ant-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 10px;font-family:inherit;font-size:13px;line-height:1.45;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out;display:inline-flex}.markdown-tool .ant-btn-primary{background:var(--tool-accent);color:#fff}.markdown-tool .ant-btn:disabled{cursor:not-allowed;opacity:.5}.markdown-tool .ant-btn:focus-visible{outline:2px solid var(--site-accent);outline-offset:3px}@media (hover:hover){.workspace-actions .ant-btn:not(.ant-btn-primary):not(:disabled):hover{background:var(--site-accent-soft);color:var(--site-accent)}}.markdown-tool .ant-btn-primary:not(:disabled):active{box-shadow:inset 0 1px 3px #00000026}.workspace-toolbar{border-bottom:1px solid var(--tool-border);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:8px 16px;display:flex}.workspace-actions{flex:1;align-items:center;gap:8px;display:flex}.workspace-actions .ant-btn:not(.ant-btn-primary){color:var(--tool-muted)}.workspace-view-toggle{display:none}.workspace-panes{grid-template-columns:1fr 1fr;display:grid}.editor-pane,.preview-pane{min-width:0}.editor-pane{border-inline-end:1px solid var(--tool-border)}.pane-heading{border-bottom:1px solid var(--tool-border);justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:10px 16px;font-size:12px;font-weight:600;display:flex}.editor-surface{height:var(--source-editor-height);background:var(--site-editor)}.editor-surface .ant-input{height:100%;min-height:100%;box-shadow:none;resize:none;color:var(--tool-ink);tab-size:2;scrollbar-width:thin;scrollbar-color:var(--site-scrollbar) transparent;background:0 0;border:0;border-radius:0;padding:26px 27px;font:12.5px/1.95 Cascadia Code,SFMono-Regular,Consolas,Liberation Mono,monospace}.editor-surface .ant-input:focus{box-shadow:inset 0 0 0 2px var(--site-accent)}.editor-surface .ant-input::placeholder{color:var(--tool-muted)}.preview-surface{height:calc(var(--source-editor-height) - 40px);background:var(--site-paper);scrollbar-width:thin;scrollbar-color:var(--site-scrollbar) transparent;padding:18px 22px;overflow:auto}.preview-surface:focus-visible{outline:2px solid var(--site-accent);outline-offset:-2px}.markdown-document{background:var(--site-paper);min-height:100%;color:var(--tool-ink);overflow-wrap:anywhere;font-family:Noto Sans SC,Noto Sans,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;line-height:1.74;box-shadow:0 2px 8px #2532560a}.markdown-document>div>:first-child{margin-top:0}.markdown-document>div>:last-child{margin-bottom:0}.markdown-document p,.markdown-document ul,.markdown-document ol{margin:0 0 8pt}.markdown-document ul,.markdown-document ol{padding-inline-start:1.4em}.markdown-document li{margin-bottom:3pt}.markdown-document h1,.markdown-document h2,.markdown-document h3,.markdown-document h4,.markdown-document h5,.markdown-document h6{font-weight:700;line-height:1.45}.markdown-document h1{margin:0 0 12pt;font-size:2em}.markdown-document h2{margin:12pt 0 7pt;font-size:1.5em}.markdown-document h3{margin:10pt 0 6pt;font-size:1.2em}.markdown-document h4{margin:8pt 0 5pt;font-size:1.1em}.markdown-document h5,.markdown-document h6{margin:8pt 0 5pt;font-size:1em}.markdown-document a{color:var(--site-accent);text-decoration:underline}.markdown-document img{max-width:100%;height:auto;margin:8pt 0;display:block}.markdown-document em{font-style:normal;text-decoration:underline}.markdown-document blockquote{border-inline-start:2.5pt solid var(--site-accent);background:var(--site-soft);color:var(--tool-muted);margin:4pt 0 12pt;padding:9pt 12pt}.markdown-document blockquote>:last-child{margin-bottom:0}.markdown-document code{color:var(--tool-ink);font-family:inherit;font-size:.9em}.markdown-document pre{background:var(--site-soft);white-space:pre-wrap;word-break:break-all;margin:4pt 0 12pt;padding:9pt 12pt;line-height:1.65}.markdown-document table{table-layout:fixed;border-collapse:collapse;width:100%;margin:4pt 0 12pt}.markdown-document th,.markdown-document td{border:.5pt solid var(--tool-border);padding:7pt 9pt}.markdown-document th{background:var(--site-soft);text-align:start;font-weight:700}.markdown-document hr{border:0;border-top:.7pt solid var(--tool-border);margin:8pt 0 12pt}.markdown-document svg{max-width:100%;height:auto}.markdown-document figure{background:#fff;border-radius:6px;margin:16px 0;padding:12px;overflow:auto}.markdown-document .math-block{margin:16px 0;overflow:auto}.markdown-document .math-inline svg{vertical-align:-.25em;display:inline-block}.markdown-document .math-inline svg [fill=\#191a1e],.markdown-document .math-block svg [fill=\#191a1e]{fill:var(--site-ink)}.markdown-document [align=right]{text-align:right}.markdown-document [align=center]{text-align:center}.markdown-document .hljs-keyword,.markdown-document .hljs-title{color:var(--site-accent)}.markdown-document .hljs-comment{color:var(--site-muted)}.document-live-preview{--tool-ink:var(--site-ink);--tool-muted:var(--site-muted);--tool-border:var(--site-border)}.document-live-preview article{border:1px solid var(--site-border);border-radius:8px;max-height:480px;overflow:auto}.markdown-preview-state{min-height:220px;color:var(--tool-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:13px;line-height:1.7;display:flex}.markdown-preview-state p{max-width:30em;margin:0}.pane-footer{border-top:1px solid var(--tool-border);height:34px;color:var(--tool-muted);justify-content:space-between;align-items:center;gap:10px;padding:8px 20px;font-size:10px;display:flex}.preview-pane .pane-footer{font-size:10px}.export-bar{border-top:1px solid var(--tool-border);background:var(--site-paper);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px 24px;padding:14px 16px;display:flex}.export-settings{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.setting-field{flex-direction:column;flex:0 0 88px;gap:7px;min-width:88px;display:flex}.setting-field>span:first-child{color:var(--tool-muted);font-size:11px}.setting-field .ant-select{width:100%}.setting-field:nth-child(3){flex-basis:110px}.filename-field{flex:180px;min-width:100px}.filename-field .ant-input-affix-wrapper{height:38px}.filename-extension{color:var(--tool-muted);font-size:11px}.export-action{flex-direction:column;flex:none;align-items:center;gap:7px;margin-inline-start:auto;display:flex}.export-action .ant-btn{min-width:140px;height:40px;padding:0 18px;font-size:13px;font-weight:550;box-shadow:0 3px 7px #4c59d818}.workspace-notice{border-top:1px solid var(--tool-border);padding:12px 20px}.workspace-footnote{color:var(--tool-muted);align-items:flex-start;gap:8px;margin:13px 3px 0;font-size:11px;line-height:1.6;display:flex}.footnote-icon{color:var(--tool-muted);font-size:15px;line-height:1.1}@media (width<=1050px){.export-bar{gap:18px;padding-inline:20px}.export-settings{gap:10px}.setting-field{flex-basis:78px;min-width:78px}.setting-field:nth-child(3){flex-basis:100px}.preview-surface{padding:23px}}@media (width<=780px){.workspace-toolbar{padding:10px 14px}.workspace-toolbar .ant-btn{padding-inline:8px}.workspace-actions{gap:0}.export-bar{flex-direction:column;align-items:stretch;gap:20px}.export-settings{grid-template-columns:1fr 1fr 1.15fr;gap:14px;display:grid}.setting-field{min-width:0}.filename-field{grid-column:1/-1;max-width:none}.export-action{align-items:stretch}.preview-surface{padding:17px}.editor-surface .ant-input{padding:21px 18px}.pane-heading{padding-inline:16px}}@media (width<=620px){.markdown-tool{border-radius:10px}.workspace-toolbar{flex-wrap:wrap;gap:5px;min-height:56px}.workspace-actions{justify-content:flex-start;width:100%}.workspace-actions .ant-btn{padding-inline:6px;font-size:12px}.export-action .ant-btn{min-width:120px}.workspace-view-toggle{background:var(--site-paper);border-bottom:1px solid var(--tool-border);padding:10px 14px;display:block}.workspace-panes{display:block}.workspace-panes.mobile-view-editor .preview-pane,.workspace-panes.mobile-view-preview .editor-pane{display:none}.editor-pane{border-inline-end:0}.pane-heading{display:none}.markdown-tool{--source-editor-height:340px}.preview-surface{padding:22px}.pane-footer{padding-inline:14px}.export-bar{gap:17px;padding:18px 16px}.export-settings{gap:13px 10px}.workspace-footnote{font-size:10px}.workspace-notice{padding:10px 14px}}@media (pointer:coarse){.markdown-tool .ant-btn,.markdown-tool-overlays .ant-dropdown-menu-item,.setting-field .ant-select,.filename-field .ant-input-affix-wrapper{min-height:44px}.workspace-actions>.ant-btn{min-width:44px}.workspace-view-toggle .ant-segmented-item-label{min-height:44px;line-height:44px}}@media (prefers-reduced-motion:reduce){.markdown-tool *,.markdown-tool :before,.markdown-tool :after,.markdown-tool-overlays *,.markdown-tool-overlays :before,.markdown-tool-overlays :after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}.source-editor .vditor-toolbar{z-index:5;position:relative}.source-editor button:focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}.source-editor [data-target-id]:focus-visible{outline:2px solid var(--site-accent);outline-offset:-2px}@media (width<=767px){.source-editor .vditor-outline{z-index:4;background:var(--site-paper);width:min(280px,85%);color:var(--site-ink);border-left:1px solid var(--site-border);position:absolute;inset:0 0 0 auto;box-shadow:-4px 0 12px #00000014}}