.main-content{padding:.75rem 0;height:calc(100vh - 70px);background:linear-gradient(135deg,#f5f7fa,#e4e8ec);overflow:hidden}body.markdown-page .main-content{overflow:auto}.main-content>.container{height:100%}.markdown-wrapper{max-width:1400px;margin:0 auto;padding:0 1rem;height:100%;display:flex;flex-direction:column}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bi-surface);border-radius:8px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap;gap:.5rem;flex-shrink:0}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.toolbar-center{flex:1;justify-content:center}.editor-toolbar .btn{display:flex;align-items:center;gap:.35rem}.mode-btn.active{background-color:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}.editor-container{display:flex;background:var(--bi-surface);border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;flex:1;min-height:0}.outline-sidebar{width:240px;min-width:240px;background:var(--bi-surface-2);border-right:1px solid var(--bi-border);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.outline-sidebar.hidden{display:none}.outline-header{padding:12px 16px;background:var(--bi-surface);border-bottom:1px solid var(--bi-border);font-weight:600;color:var(--bi-text);display:flex;align-items:center;gap:8px;font-size:14px}.outline-content{flex:1;overflow-y:auto;padding:8px 0}.outline-empty{padding:20px;text-align:center;color:var(--bi-text-muted);font-size:13px}.outline-item{padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--bi-text);transition:all .2s;border-left:3px solid transparent}.outline-item:hover{background:var(--bi-border);color:var(--bi-text);border-left-color:var(--brand)}.outline-item.active{background:#e7e9ff;color:var(--brand);border-left-color:var(--brand)}.outline-marker{font-size:10px;font-weight:600;color:var(--brand);min-width:22px;text-align:center;background:rgba(var(--brand-rgb),.1);padding:2px 4px;border-radius:3px}.outline-level-1{padding-left:12px}.outline-level-2{padding-left:24px}.outline-level-3{padding-left:36px}.outline-level-4{padding-left:48px}.outline-level-5{padding-left:60px}.outline-level-6{padding-left:72px}.outline-text{overflow:hidden}.history-sidebar{width:280px;min-width:280px;background:var(--bi-surface-2);border-left:1px solid var(--bi-border);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.history-sidebar.hidden{display:none}.history-header{padding:12px 16px;background:var(--bi-surface);border-bottom:1px solid var(--bi-border);font-weight:600;color:var(--bi-text);display:flex;align-items:center;justify-content:space-between;font-size:14px}.history-header h5{margin:0;font-size:14px;display:flex;align-items:center}.history-header .btn-link{color:var(--bi-text-muted);padding:0;text-decoration:none}.history-header .btn-link:hover{color:var(--bi-text)}.history-list{flex:1;overflow-y:auto;padding:8px}.history-empty{padding:40px 20px;text-align:center;color:var(--bi-text-muted);font-size:13px}.history-item{padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:var(--bi-surface);border-radius:8px;margin-bottom:8px;transition:all .2s;border:1px solid var(--bi-border)}.history-item:hover{background:#f1f3f5;border-color:var(--bi-border);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.history-item.active{background:#e7e9ff;border-color:var(--brand)}.history-item-info{flex:1;min-width:0;margin-right:8px}.history-item-name{font-size:13px;font-weight:500;color:var(--bi-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.history-item.active .history-item-name{color:var(--brand)}.history-item-date{font-size:11px;color:var(--bi-text-muted)}.history-item-delete{width:28px;height:28px;border:none;background:transparent;color:var(--bi-text-muted);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.history-item-delete:hover{background:#dc3545;color:#fff}.markdown-wrapper.dark-mode .history-sidebar{background:#2d2d2d;border-right-color:#3d3d3d}.markdown-wrapper.dark-mode .history-header{background:#1e1e1e;border-bottom-color:#3d3d3d;color:var(--bi-border)}.markdown-wrapper.dark-mode .history-header .btn-link{color:var(--bi-text-muted)}.markdown-wrapper.dark-mode .history-header .btn-link:hover{color:var(--bi-border)}.markdown-wrapper.dark-mode .history-empty{color:var(--bi-text-muted)}.markdown-wrapper.dark-mode .history-item{background:#1e1e1e;border-color:#3d3d3d}.markdown-wrapper.dark-mode .history-item:hover{background:#2d2d2d;border-color:#4d4d4d}.markdown-wrapper.dark-mode .history-item.active{background:rgba(var(--brand-rgb),.2);border-color:var(--brand)}.markdown-wrapper.dark-mode .history-item-name{color:var(--bi-border)}.markdown-wrapper.dark-mode .history-item.active .history-item-name{color:#8b9dc3}.markdown-wrapper.dark-mode .history-item-date,.markdown-wrapper.dark-mode .history-item-delete{color:var(--bi-text-muted)}.markdown-wrapper.dark-mode .history-item-delete:hover{background:#dc3545;color:#fff}.markdown-wrapper.dark-mode .history-item-rename{color:var(--bi-text-muted)}.markdown-wrapper.dark-mode .history-item-rename:hover{background:#0d6efd;color:#fff}.history-item-actions{display:flex;gap:4px;flex-shrink:0}.history-item-rename{width:28px;height:28px;border:none;background:transparent;color:var(--bi-text-muted);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.history-item-rename:hover{background:#0d6efd;color:#fff}@media (max-width: 768px){.history-sidebar{position:fixed;inset:60px 0 0 auto;z-index:1000;transform:translate(100%);box-shadow:-2px 0 8px #0000001a;display:flex!important}.history-sidebar.show{transform:translate(0)}.history-sidebar.hidden{display:none!important}}.editor-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}#vditor .vditor-content,#vditor .vditor-wysiwyg,#vditor .vditor-ir,#vditor .vditor-sv,#vditor .vditor-preview{overflow:auto!important}#vditor .vditor{flex:1;display:flex;flex-direction:column}#markdownBackToTop{position:fixed;bottom:80px;right:30px;width:50px;height:50px;border-radius:50%;background:#90909099;color:#fff;border:none;cursor:pointer;font-size:24px;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 2px 8px #00000026;backdrop-filter:blur(4px)}#markdownBackToTop.show{opacity:1;visibility:visible}#markdownBackToTop:hover{background:#808080d9;transform:translateY(-2px);box-shadow:0 4px 12px #0003}#vditor{flex:1;display:flex;flex-direction:column;border:none!important}#vditor .vditor{border:none;border-radius:0}#vditor .vditor-toolbar{border-bottom:1px solid var(--bi-border);background:var(--bi-surface-2)}#vditor .vditor-content{background:var(--bi-surface)}#vditor .vditor-preview{background:var(--bi-surface-2);border-left:1px solid var(--bi-border)}#vditor .vditor-preview__content{padding:20px}.vditor-fullscreen{z-index:9999!important}.vditor-toolbar__item,.vditor-toolbar button{position:relative}.vditor-toolbar__item[data-tooltip]:before,.vditor-toolbar button[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 10px;background:#000c;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none;z-index:10001;margin-bottom:6px}.vditor-toolbar__item[data-tooltip]:after,.vditor-toolbar button[data-tooltip]:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none;z-index:10001;margin-bottom:-2px}.vditor-toolbar__item:hover[data-tooltip]:before,.vditor-toolbar__item:hover[data-tooltip]:after,.vditor-toolbar button:hover[data-tooltip]:before,.vditor-toolbar button:hover[data-tooltip]:after{opacity:1;visibility:visible}#vditor .vditor-preview__content h1,#vditor .vditor-ir__node[data-type=h1]{font-size:2em;border-bottom:2px solid var(--bi-border);padding-bottom:.3em}#vditor .vditor-preview__content h2,#vditor .vditor-ir__node[data-type=h2]{font-size:1.5em;border-bottom:1px solid var(--bi-border);padding-bottom:.3em}#vditor .vditor-preview__content pre{background:var(--bi-surface-2);border-radius:6px;padding:16px}#vditor .vditor-preview__content code{background:rgba(var(--brand-rgb),.1);color:var(--brand);padding:2px 6px;border-radius:3px;font-size:.9em}#vditor .vditor-preview__content blockquote{border-left:4px solid var(--brand);background:rgba(var(--brand-rgb),.05);padding:12px 16px;margin:16px 0;border-radius:0 6px 6px 0}#vditor .vditor-preview__content table{border-collapse:collapse;width:100%;margin:16px 0}#vditor .vditor-preview__content table th,#vditor .vditor-preview__content table td{border:1px solid var(--bi-border);padding:8px 12px}#vditor .vditor-preview__content table th{background:var(--bi-surface-2);font-weight:600}#vditor .vditor-preview__content table tr:nth-child(2n){background:var(--bi-surface-2)}#vditor .vditor-preview__content a{color:var(--brand);text-decoration:none}#vditor .vditor-preview__content a:hover{text-decoration:underline}#vditor .vditor-preview__content img{max-width:100%;border-radius:6px;box-shadow:0 2px 8px #0000001a}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;background:var(--bi-surface);border-top:1px solid var(--bi-border);font-size:12px;color:var(--bi-text-muted);margin-top:.1rem;border-radius:8px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap;gap:8px;flex-shrink:0}.status-left,.status-center,.status-right{display:flex;align-items:center;gap:8px}.status-divider{color:var(--bi-border)}.shortcut-list{display:flex;flex-direction:column;gap:8px}.shortcut-item{display:flex;align-items:center;gap:12px;font-size:14px;padding:8px;background:var(--bi-surface-2);border-radius:6px}.shortcut-item kbd{background:var(--bi-surface);border:1px solid var(--bi-border);border-radius:4px;padding:4px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;min-width:80px;text-align:center;box-shadow:0 1px 2px #0000001a}.shortcut-item span{color:var(--bi-text)}.help-tips ul{padding-left:1.5rem}.help-tips li{margin-bottom:4px;color:var(--bi-text-muted)}.markdown-wrapper.fullscreen{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:1rem;max-width:100%}.markdown-wrapper.fullscreen .editor-container{height:calc(100vh - 200px)}.markdown-wrapper.fullscreen .page-title{display:none}.markdown-wrapper.dark-mode{background:#1a1a2e}.markdown-wrapper.dark-mode .page-title{background:linear-gradient(135deg,#2d3561,#1a1f3a)}.markdown-wrapper.dark-mode .editor-toolbar,.markdown-wrapper.dark-mode .status-bar{background:#16213e;border-color:#0f3460;color:#eaeaea}.markdown-wrapper.dark-mode .mode-btn{color:#b8b8b8;border-color:#0f3460}.markdown-wrapper.dark-mode .mode-btn.active{background-color:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}.markdown-wrapper.dark-mode .outline-sidebar{background:#16213e;border-color:#0f3460}.markdown-wrapper.dark-mode .outline-header{background:#1a1a2e;border-color:#0f3460;color:#eaeaea}.markdown-wrapper.dark-mode .outline-item{color:#b8b8b8}.markdown-wrapper.dark-mode .outline-item:hover{background:#0f3460;color:#fff}.markdown-wrapper.dark-mode .outline-empty{color:var(--bi-text-muted)}.markdown-wrapper.dark-mode .shortcut-item{background:#16213e}.markdown-wrapper.dark-mode .shortcut-item kbd{background:#1a1a2e;border-color:#0f3460;color:#eaeaea}.markdown-wrapper.dark-mode #vditor .vditor-toolbar{background:#1a1a2e;border-color:#0f3460}.markdown-wrapper.dark-mode #vditor .vditor-toolbar__item{color:#b8b8b8}.markdown-wrapper.dark-mode #vditor .vditor-toolbar__item:hover{background:#0f3460;color:#fff}.markdown-wrapper.dark-mode #vditor .vditor-content{background:#16213e}.markdown-wrapper.dark-mode #vditor .vditor-preview{background:#1a1a2e;border-color:#0f3460}.markdown-wrapper.dark-mode #vditor .vditor-ir__node{color:#eaeaea}.markdown-wrapper.dark-mode #vditor .vditor-wysiwyg,.markdown-wrapper.dark-mode #vditor .vditor-sv{background:#16213e;color:#eaeaea}@media (max-width: 992px){.toolbar-center{order:3;width:100%;justify-content:center;margin-top:.5rem}}@media (max-width: 768px){.markdown-wrapper{padding:0 .5rem}.page-title{padding:1rem;margin-bottom:.75rem}.page-title h2{font-size:1.25rem}.editor-toolbar{padding:.5rem}.toolbar-left,.toolbar-right{width:100%;justify-content:center}.toolbar-center{order:0;width:auto;margin-top:0}.editor-toolbar .btn span{display:none}.editor-toolbar .btn{min-height:36px;padding:6px 10px}.outline-sidebar{position:absolute;left:0;top:0;bottom:0;z-index:100;box-shadow:2px 0 8px #0000001a;transform:translate(-100%);display:flex!important}.outline-sidebar.show{transform:translate(0)}.outline-sidebar.hidden{display:none!important}.editor-container{position:relative;min-height:400px}.markdown-editor,.preview-pane{min-height:300px;font-size:14px}.status-bar{flex-wrap:wrap;gap:4px;justify-content:center;font-size:11px}.status-left,.status-center,.status-right{width:100%;justify-content:center}}.outline-content::-webkit-scrollbar{width:6px}.outline-content::-webkit-scrollbar-track{background:transparent}.outline-content::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.outline-content::-webkit-scrollbar-thumb:hover{background:#adb5bd}#outlineToggle.active{background-color:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}html[data-theme=dark] .outline-item.active{background:rgba(var(--brand-rgb),.2)}html[data-theme=dark] .history-item:hover{background:#273449}html[data-theme=dark] .history-item.active{background:rgba(var(--brand-rgb),.2)}