.markdown-editor-page[data-v-e58491c6]{padding:20px;min-height:calc(100vh - 100px);background:#f5f7fa}.editor-card[data-v-e58491c6]{max-width:1800px;margin:0 auto;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.page-title[data-v-e58491c6]{font-size:20px;font-weight:700;color:#303133}.main-content[data-v-e58491c6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;min-height:700px}.tree-sidebar[data-v-e58491c6]{width:280px;min-width:280px;border-right:1px solid #e4e7ed;background:#fafafa;border-radius:4px;overflow:hidden}.tree-header[data-v-e58491c6]{font-weight:700;font-size:15px;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:4px 4px 0 0}.tree-header i[data-v-e58491c6]{margin-right:5px}.markdown-tree[data-v-e58491c6]{padding:10px;background:transparent;max-height:700px;overflow-y:auto}.custom-tree-node[data-v-e58491c6]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;padding-right:8px}.custom-tree-node[data-v-e58491c6],.node-label[data-v-e58491c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.node-label[data-v-e58491c6]{gap:6px}.node-label i[data-v-e58491c6]{color:#667eea}.node-actions[data-v-e58491c6]{display:none}.custom-tree-node:hover .node-actions[data-v-e58491c6]{display:inline-block}.content-area[data-v-e58491c6]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.toolbar-tips[data-v-e58491c6]{margin-bottom:20px}.syntax-guide[data-v-e58491c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;margin-top:10px}.syntax-guide span[data-v-e58491c6]{display:inline-block}.syntax-guide code[data-v-e58491c6]{padding:4px 10px;background:#f3f0ff;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:13px;color:#667eea;border:1px solid #764ba2}.edit-container[data-v-e58491c6]{min-height:700px}.editor-row[data-v-e58491c6]{margin-bottom:20px}.section-header[data-v-e58491c6]{font-weight:700;font-size:16px;padding:12px 15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:4px 4px 0 0;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.upload-btn-wrapper[data-v-e58491c6]{display:inline-block;margin-left:auto}.markdown-textarea[data-v-e58491c6]{width:100%;height:600px;padding:20px;border:2px solid #dcdfe6;border-top:none;border-radius:0 0 4px 4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.8;resize:vertical;outline:none;-webkit-transition:all .3s;transition:all .3s;background:#fff;color:#303133}.markdown-textarea[data-v-e58491c6]:focus{border-color:#409eff;-webkit-box-shadow:0 0 8px rgba(64,158,255,.2);box-shadow:0 0 8px rgba(64,158,255,.2)}.markdown-preview[data-v-e58491c6],.readonly-preview[data-v-e58491c6]{min-height:600px;max-height:600px;overflow-y:auto;padding:20px;border:2px solid #dcdfe6;border-top:none;border-radius:0 0 4px 4px;background:#fff;color:#303133;line-height:1.8}.readonly-preview[data-v-e58491c6]{max-height:none;border:1px solid #e4e7ed;border-radius:4px;min-height:400px}.action-buttons[data-v-e58491c6]{margin-top:20px;text-align:right;padding:15px 0}.empty-hint[data-v-e58491c6],.error-hint[data-v-e58491c6]{text-align:center;padding:100px 20px;color:#909399}.empty-hint i[data-v-e58491c6],.error-hint i[data-v-e58491c6]{font-size:64px;display:block;margin-bottom:20px;opacity:.5}.empty-hint p[data-v-e58491c6],.error-hint p[data-v-e58491c6]{font-size:16px;margin:0}.error-hint[data-v-e58491c6]{color:#f56c6c}.markdown-preview[data-v-e58491c6] h1,.readonly-preview[data-v-e58491c6] h1{font-size:32px;font-weight:700;margin:30px 0 20px;padding-bottom:12px;border-bottom:3px solid #667eea;color:#303133}.markdown-preview[data-v-e58491c6] h2,.readonly-preview[data-v-e58491c6] h2{font-size:28px;font-weight:700;margin:25px 0 18px;padding-bottom:10px;border-bottom:2px solid #e4e7ed;color:#303133}.markdown-preview[data-v-e58491c6] h3,.readonly-preview[data-v-e58491c6] h3{font-size:24px;font-weight:700;margin:20px 0 15px;color:#667eea}.markdown-preview[data-v-e58491c6] h4,.readonly-preview[data-v-e58491c6] h4{font-size:20px;font-weight:700;margin:18px 0 12px;color:#606266}.markdown-preview[data-v-e58491c6] h5,.readonly-preview[data-v-e58491c6] h5{font-size:18px;font-weight:700;margin:15px 0 10px;color:#606266}.markdown-preview[data-v-e58491c6] h6,.readonly-preview[data-v-e58491c6] h6{font-size:16px;font-weight:700;margin:12px 0 8px;color:#909399}.markdown-preview[data-v-e58491c6] p,.readonly-preview[data-v-e58491c6] p{margin:12px 0;line-height:1.8}.markdown-preview[data-v-e58491c6] strong,.readonly-preview[data-v-e58491c6] strong{font-weight:700;color:#303133}.markdown-preview[data-v-e58491c6] em,.readonly-preview[data-v-e58491c6] em{font-style:italic;color:#606266}.markdown-preview[data-v-e58491c6] code,.readonly-preview[data-v-e58491c6] code{background:#f5f7fa;padding:3px 8px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;color:#e83e8c;border:1px solid #e1e4e8}.markdown-preview[data-v-e58491c6] pre,.readonly-preview[data-v-e58491c6] pre{background:#282c34;padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0}.markdown-preview[data-v-e58491c6] pre code,.readonly-preview[data-v-e58491c6] pre code{background:transparent;padding:0;border:none;color:#abb2bf;font-size:14px;line-height:1.6}.markdown-preview[data-v-e58491c6] blockquote,.readonly-preview[data-v-e58491c6] blockquote{border-left:4px solid #409eff;background:#ecf5ff;padding:15px 20px;margin:20px 0;color:#606266;border-radius:0 4px 4px 0}.markdown-preview[data-v-e58491c6] ol,.markdown-preview[data-v-e58491c6] ul,.readonly-preview[data-v-e58491c6] ol,.readonly-preview[data-v-e58491c6] ul{padding-left:30px;margin:15px 0}.markdown-preview[data-v-e58491c6] li,.readonly-preview[data-v-e58491c6] li{margin:8px 0;line-height:1.8}.markdown-preview[data-v-e58491c6] table,.readonly-preview[data-v-e58491c6] table{border-collapse:collapse;width:100%;margin:20px 0;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05);border-radius:8px;overflow:hidden}.markdown-preview[data-v-e58491c6] table td,.markdown-preview[data-v-e58491c6] table th,.readonly-preview[data-v-e58491c6] table td,.readonly-preview[data-v-e58491c6] table th{border:1px solid #e4e7ed;padding:12px 15px;text-align:left}.markdown-preview[data-v-e58491c6] table th,.readonly-preview[data-v-e58491c6] table th{background:#f5f7fa;color:#303133;font-weight:700}.markdown-preview[data-v-e58491c6] table tr:nth-child(2n),.readonly-preview[data-v-e58491c6] table tr:nth-child(2n){background-color:#fafafa}.markdown-preview[data-v-e58491c6] table tr:hover,.readonly-preview[data-v-e58491c6] table tr:hover{background-color:#ecf5ff}.markdown-preview[data-v-e58491c6] a,.readonly-preview[data-v-e58491c6] a{color:#409eff;text-decoration:none;border-bottom:1px solid transparent;-webkit-transition:all .3s;transition:all .3s}.markdown-preview[data-v-e58491c6] a:hover,.readonly-preview[data-v-e58491c6] a:hover{border-bottom-color:#409eff}.markdown-preview[data-v-e58491c6] img,.readonly-preview[data-v-e58491c6] img{max-width:100%;border-radius:8px;margin:15px 0;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.markdown-preview[data-v-e58491c6] hr,.readonly-preview[data-v-e58491c6] hr{border:none;border-top:2px solid #e4e7ed;margin:30px 0}@media (max-width:768px){.markdown-editor-page[data-v-e58491c6]{padding:10px}.section-header[data-v-e58491c6]{font-size:14px;padding:10px}.markdown-preview[data-v-e58491c6],.markdown-textarea[data-v-e58491c6]{height:400px}.syntax-guide[data-v-e58491c6]{gap:8px}.syntax-guide code[data-v-e58491c6]{font-size:12px;padding:3px 6px}}