html[data-theme=dark]{color-scheme:dark;--bg-body: #0c0f14;--bg-app: #10141c;--bg-surface: #161b26;--bg-elevated: #1c2330;--bg-canvas: #121820;--bg-canvas-dot: rgba(148, 163, 184, .14);--border: rgba(148, 163, 184, .18);--border-subtle: rgba(148, 163, 184, .1);--text: #e7e5e4;--text-secondary: #a8a29e;--text-muted: #78716c;--accent: #14b8a6;--accent-strong: #0f766e;--accent-soft: rgba(20, 184, 166, .14);--danger: #f87171;--warning: #fbbf24;--card-bg: #1a2130;--card-border: rgba(148, 163, 184, .16);--card-shadow: 0 10px 28px rgba(0, 0, 0, .35);--field-border: rgba(148, 163, 184, .12);--input-bg: #0f141c;--input-border: rgba(148, 163, 184, .22);--edge-label: #d6d3d1;--edge-type: #94a3b8;--glyph-fill: #1a2130;--bend-fill: #1a2130;--menu-bg: #1c2330;--menu-border: rgba(148, 163, 184, .2);--bar-bg: #141a24;--status-bg: #141a24;--btn-bg: #1c2330;--btn-border: rgba(148, 163, 184, .22);--btn-text: #e7e5e4;--btn-hover: #252d3d;--primary-bg: #0f766e;--primary-border: #0f766e;--primary-text: #ecfdf5;--on-bg: rgba(20, 184, 166, .12);--on-border: rgba(45, 212, 191, .35);--on-text: #5eead4;--start-grid: rgba(148, 163, 184, .08);--start-bg: #0c1018;--start-card: #161b26;--editor-pane-bg: #0f141c;--editor-pane-border: rgba(148, 163, 184, .16);--editor-label: #94a3b8;--zoom-bg: #1c2330;--zoom-border: rgba(148, 163, 184, .2);--zoom-text: #d6d3d1;--enum-header: #44403c;--overlay: rgba(0, 0, 0, .55);--menu-shadow: 0 10px 28px rgba(0, 0, 0, .45);--chip-bg: #141a24;--chip-text: #94a3b8;--del-bg: rgba(248, 113, 113, .16)}html[data-theme=light]{color-scheme:light;--bg-body: #e7ecee;--bg-app: #f7f6f3;--bg-surface: #fffcf8;--bg-elevated: #ffffff;--bg-canvas: #f7f6f3;--bg-canvas-dot: rgba(28, 25, 23, .08);--border: #e7e3dc;--border-subtle: #f2f4f5;--text: #1c1917;--text-secondary: #57534e;--text-muted: #78716c;--accent: #0f766e;--accent-strong: #0d675f;--accent-soft: #f0fdfa;--danger: #b91c1c;--warning: #b45309;--card-bg: #ffffff;--card-border: rgba(28, 25, 23, .08);--card-shadow: 0 1px 2px rgba(28, 25, 23, .05), 0 10px 24px rgba(28, 25, 23, .06);--field-border: #f2f4f5;--input-bg: #ffffff;--input-border: #e7e3dc;--edge-label: #44403c;--edge-type: #a8a29e;--glyph-fill: #ffffff;--bend-fill: #ffffff;--menu-bg: #ffffff;--menu-border: #e7e3dc;--bar-bg: #fffcf8;--status-bg: #fffcf8;--btn-bg: #ffffff;--btn-border: #e4e1db;--btn-text: #1c1917;--btn-hover: #f7f6f3;--primary-bg: #0f766e;--primary-border: #0f766e;--primary-text: #ffffff;--on-bg: #f0fdfa;--on-border: #99f6e4;--on-text: #0f766e;--start-grid: rgba(28, 25, 23, .08);--start-bg: #e7ecee;--start-card: #fffcf8;--editor-pane-bg: #fbfcfd;--editor-pane-border: #e4e7eb;--editor-label: #8b9390;--zoom-bg: #ffffff;--zoom-border: #e4e7eb;--zoom-text: #44403c;--enum-header: #44403c;--overlay: rgba(28, 25, 23, .28);--menu-shadow: 0 10px 28px rgba(28, 25, 23, .1);--chip-bg: #f8faf9;--chip-text: #8a847c;--del-bg: #fee2e2}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:var(--text);background:var(--bg-body);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}button,input,textarea{font-family:inherit;color:inherit}.md-app{height:100%;display:flex;flex-direction:column;background:var(--bg-app);color:var(--text)}.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 12px;background:var(--bar-bg);border-bottom:1px solid var(--border)}.bar strong{font-size:14px}.file{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:13px}.bar button,.bar a.home{height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);text-decoration:none;display:inline-flex;align-items:center;font-size:13px;cursor:pointer}.bar button:hover,.bar a.home:hover{background:var(--btn-hover)}.bar button.on{background:var(--on-bg);border-color:var(--on-border);color:var(--on-text)}.pane-switch{display:none;gap:6px}.body{flex:1;min-height:0;display:flex}.pane{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--editor-pane-bg)}.preview-pane{border-left:1px solid var(--editor-pane-border)}.pane-label{margin:0;padding:8px 14px 0;font-size:12px;color:var(--text-muted)}#md-source,.preview{flex:1;min-height:0}#md-source{width:100%;resize:none;border:none;outline:none;background:transparent;color:var(--text);font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13.5px;line-height:1.6;padding:12px 14px 16px}.preview{overflow:auto;padding:8px 22px 28px;line-height:1.65}.preview:empty:before{content:"预览会显示在这里";color:var(--text-muted)}.preview :is(h1,h2,h3,h4){margin:1.1em 0 .4em;line-height:1.3;font-weight:650}.preview h1{font-size:1.7rem}.preview h2{font-size:1.35rem}.preview h3{font-size:1.12rem}.preview p,.preview ul,.preview ol,.preview blockquote,.preview pre,.preview table{margin:.7em 0}.preview a{color:var(--accent)}.preview code{font-family:ui-monospace,Consolas,monospace;font-size:.92em;background:var(--bg-elevated);border-radius:4px;padding:.1em .35em}.preview pre{overflow:auto;padding:12px 14px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border)}.preview pre code{background:none;padding:0}.preview blockquote{margin-left:0;padding-left:12px;border-left:3px solid var(--accent);color:var(--text-secondary)}.preview img{max-width:100%;height:auto}.preview table{border-collapse:collapse;width:100%}.preview th,.preview td{border:1px solid var(--border);padding:6px 8px;text-align:left}.preview th{background:var(--bg-elevated)}.preview input[type=checkbox]{margin-right:6px}.status{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;min-height:42px;padding:8px 12px;background:var(--status-bg);border-top:1px solid var(--border);font-size:13px}.status .note{color:var(--text-muted)}@media(max-width:800px){.pane-switch{display:inline-flex}.md-app.pane-edit .preview-pane,.md-app.pane-preview .editor-pane{display:none}.preview-pane{border-left:none}.bar{gap:6px;padding:6px 8px}.bar button,.bar a.home{height:30px;padding:0 8px}}