body,html{width:100%;height:100%;margin:0;padding:0}:root{--primary-color:#106bac;--primary-hover:#0d588f;--primary-light:#f4f8fa;--bg-color:#f1f5f9;--panel-bg:#fff;--border-color:#cbd5e1;--border-focus:#106bac;--text-main:#1e293b;--text-muted:#64748b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--wechat-green:#07c160;--wechat-hover:#06ad56}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}body,html,#root{width:100%;height:100%;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);overflow:hidden}.tool-container{flex-direction:column;width:100%;height:100%;display:flex}.tool-header{box-shadow:var(--shadow-sm);z-index:10;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.header-brand{align-items:center;gap:12px;display:flex}.brand-logo{background-color:var(--primary-light);width:34px;height:34px;color:var(--primary-color);border:1.5px solid #dbeafe;border-radius:8px;justify-content:center;align-items:center;display:flex}.brand-title{color:var(--text-main);font-size:15.5px;font-weight:700}.brand-subtitle{color:var(--text-muted);margin-top:1px;font-size:11px}.header-controls{align-items:center;gap:12px;display:flex}.header-divider{background-color:#e2e8f0;width:1px;height:24px;margin:0 4px}.template-selector{align-items:center;gap:10px;display:flex}.control-label{color:var(--text-muted);font-size:12.5px;font-weight:500}.template-select{cursor:pointer;color:var(--text-main);background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:6px 12px;font-size:12.5px;transition:all .2s}.template-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #106bac26}.btn-icon{border:1px solid var(--border-color);cursor:pointer;color:var(--text-main);background-color:#fff;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.btn-icon:hover{background-color:#f8fafc;border-color:#94a3b8}.btn-icon.btn-danger{color:#ef4444;border-color:#fecaca}.btn-icon.btn-danger:hover{background-color:#fef2f2;border-color:#fca5a5}.wechat-login-container{align-items:center;display:flex}.btn-wechat{background-color:var(--wechat-green);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.btn-wechat:hover{background-color:var(--wechat-hover)}.wechat-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M8.5 13.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0zm6.5 0a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0zm5.17-5.46C20.35 4.67 17.15 2 13.5 2 8.25 2 4 6.03 4 11c0 2.68 1.25 5.1 3.25 6.78l-.65 2.12 2.65-1.32c1.05.28 2.18.42 3.25.42 5.25 0 9.5-4.03 9.5-9 0-.82-.12-1.63-.33-2.46zM13.5 19c-.83 0-1.65-.1-2.43-.3l-2.02 1.01.5-1.62C7.38 16.66 6 14.48 6 12c0-3.87 3.36-7 7.5-7s7.5 3.13 7.5 7-3.36 7-7.5 7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:14px;height:14px}.user-profile{background-color:#f1f5f9;border-radius:20px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.user-nickname{color:var(--text-main);font-size:12px;font-weight:600}.btn-logout{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background-color:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-logout:hover{color:#ef4444;background-color:#fca5a5}.tool-workspace{flex:1;display:flex;overflow:hidden}.workspace-editor{background-color:var(--panel-bg);border-right:1px solid #cbd5e1;flex-direction:column;flex:.9;display:flex;position:relative;overflow:hidden}.workspace-preview{background-color:#e2e8f0;border-right:1px solid #cbd5e1;flex-direction:column;flex:1.3;display:flex;overflow:hidden}.workspace-config{background-color:var(--panel-bg);flex-direction:column;flex:.8;display:flex}.panel-header{background-color:#f8fafc;border-bottom:1px solid #cbd5e1;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.panel-title-group{color:var(--text-main);align-items:center;gap:8px;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.5px;font-size:12.5px;font-weight:700}.word-counter{color:var(--text-muted);font-size:11px}.editor-toolbar{background-color:#f1f5f9;border-bottom:1px solid #cbd5e1;gap:4px;padding:6px 12px;display:flex}.editor-toolbar button{cursor:pointer;min-width:28px;height:28px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:2px 6px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.editor-toolbar button:hover{color:var(--text-main);background-color:#fff;border-color:#cbd5e1;transform:translateY(-.5px)}.editor-wrapper{flex:1;position:relative;overflow:hidden}.markdown-textarea{resize:none;color:#1e293b;background-color:#fafbfc;border:none;outline:none;width:100%;height:100%;padding:16px;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.6}.drag-overlay{border:2px dashed var(--primary-color);z-index:100;opacity:0;pointer-events:none;background-color:#fffffff2;justify-content:center;align-items:center;width:100%;height:100%;transition:all .25s;display:flex;position:absolute;top:0;left:0}.drag-overlay.active{opacity:1;pointer-events:auto;background-color:#f4f8faf5}.drag-content{text-align:center;cursor:pointer;border-radius:12px;padding:30px;transition:all .2s}.drag-content:hover{background-color:#106bac0d}.drag-content p{color:var(--primary-color);margin-top:12px;font-size:13px;font-weight:500}.preview-scroll-wrapper{flex-direction:column;flex:1;align-items:center;gap:20px;padding:24px 16px;display:flex;overflow-y:auto}.a4-page-mock{box-sizing:border-box;text-align:justify;background-color:#fff;border-radius:4px;width:100%;max-width:800px;min-height:1050px;position:relative;box-shadow:0 4px 16px #0f172a14,0 2px 4px #0f172a0a}.first-cover-page{flex-direction:column;justify-content:space-between;align-items:center;min-height:1050px;display:flex}.cover-mock-title{text-align:center;margin-top:140pt;font-size:28pt;font-weight:700;line-height:1.3}.cover-mock-subtitle{color:#64748b;text-align:center;margin-top:12pt;font-size:16pt}.cover-mock-divider{border-bottom:2px solid;width:80%;margin-top:24pt}.cover-mock-metadata{color:#475569;text-align:center;margin-top:40pt;font-size:14pt;line-height:1.8}.cover-mock-pagebreak-indicator{color:#64748b;text-align:center;-webkit-user-select:none;user-select:none;border-top:1px dashed #94a3b8;width:100%;margin-top:auto;padding-top:8px;font-size:9pt;font-style:italic}.toc-mock-section{border-bottom:1px dashed #cbd5e1;margin-bottom:30px;padding-bottom:30px}.toc-mock-placeholder{color:#334155;margin-top:20px;font-size:10.5pt;line-height:2}.toc-dots{color:#94a3b8;font-weight:400}.preview-pane h1{color:var(--theme-color,#106bac);font-size:var(--h1-size,18pt);border-bottom:1px solid #f1f5f9;margin-top:20px;margin-bottom:10px;padding-bottom:4px;font-weight:700}.preview-pane h2{color:var(--theme-color,#106bac);font-size:var(--h2-size,14pt);margin-top:16px;margin-bottom:8px;font-weight:700}.preview-pane h3{color:#1e293b;font-size:var(--h3-size,12pt);margin-top:12px;margin-bottom:6px;font-weight:700}.preview-pane h4{color:#4a4a4a;font-size:var(--h4-size,11pt);margin-top:10px;margin-bottom:4px;font-weight:700}.preview-pane p{line-height:inherit;margin-bottom:12px}.preview-pane blockquote{border-left:3px solid var(--theme-color,#106bac);color:#475569;background-color:#f8fafc;margin:12px 0;padding:8px 12px;font-style:italic}.preview-pane pre{background-color:var(--code-bg,#f8fafc);border:1px solid var(--code-border,#e2e8f0);border-radius:4px;margin:12px 0;padding:10px;overflow-x:auto}.preview-pane code{background-color:var(--code-bg,#f8fafc);border-radius:3px;padding:2px 4px;font-family:Consolas,monospace;font-size:9.5pt}.preview-pane pre code{background-color:#0000;border-radius:0;padding:0}.preview-pane table{border-collapse:collapse;text-align:center;width:100%;margin:16px 0}.preview-pane table th{background-color:var(--table-header-bg,#106bac);color:#fff;font-weight:700;font-size:var(--table-font-header,10pt);border:1px solid var(--table-border-color,#cbd5e1);padding:8px}.preview-pane table td{border:1px solid var(--table-border-color,#cbd5e1);font-size:var(--table-font-body,9.5pt);padding:6px}.preview-pane table tr:nth-child(2n){background-color:var(--table-alt-bg,#f8fafc)}.preview-pane img{max-width:100%;height:auto;margin:12px auto;margin-left:var(--image-align,auto);margin-right:var(--image-align,auto);border-radius:4px;display:block}.config-tabs{background-color:#f8fafc;border-bottom:1px solid #cbd5e1;display:flex}.tab-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:var(--text-main);background-color:#f1f5f9}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:#fff}.config-content{flex:1;padding:20px;overflow-y:auto}.config-section{flex-direction:column;gap:16px;display:flex}.section-title{color:var(--text-main);margin-bottom:4px;font-size:12px;font-weight:700}.divider{background:#cbd5e1;border:0;height:1px;margin:8px 0}.grid-2-cols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:var(--text-muted);font-size:11.5px;font-weight:500}.form-group input[type=number],.form-group input[type=text],.select-control{color:var(--text-main);background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:7px 10px;font-size:12.5px;transition:all .2s}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.select-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #106bac26}.form-group-checkbox{cursor:pointer;align-items:center;gap:8px;display:flex}.form-group-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary-color);cursor:pointer}.form-group-checkbox label{color:var(--text-main);-webkit-user-select:none;user-select:none;cursor:pointer;font-size:12.5px}.form-group-checkbox label.disabled{color:var(--text-muted);opacity:.6}.nested-fields{border-left:2px solid #cbd5e1;flex-direction:column;gap:12px;margin-top:4px;padding-left:12px;display:flex}.color-input-group{gap:8px;display:flex}.color-input-group input[type=color]{cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:4px;width:32px;height:30px;padding:2px}.color-input-group input[type=text]{flex:1}.val-preview{color:var(--primary-color);font-size:11px;font-weight:600}input[type=range]{width:100%;accent-color:var(--primary-color);border-radius:2px;height:4px}.heading-sub-section{background-color:#fafbfc;border:1px solid #cbd5e1;border-radius:6px;padding:10px 14px}.sub-title-item{color:var(--text-main);margin-bottom:8px;font-size:12px;font-weight:700}.panel-footer{background-color:#f8fafc;border-top:1px solid #cbd5e1;padding:16px 20px}.btn-primary-convert{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #106bac26}.btn-primary-convert:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #106bac40}.btn-primary-convert:active{transform:translateY(0)}.btn-primary-convert.loading{box-shadow:none;cursor:not-allowed;background-color:#94a3b8;transform:none}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1200px){.workspace-preview{display:none}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.markdown-codemirror{text-align:left;background-color:#fafbfc;width:100%;height:100%}.markdown-codemirror .cm-editor{height:100%;outline:none!important}.markdown-codemirror .cm-scroller{padding:8px;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.6}.btn-secondary-pdf{color:#fff;cursor:pointer;background-color:#475569;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:11px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #47556926}.btn-secondary-pdf:hover{background-color:#334155;transform:translateY(-1px);box-shadow:0 4px 8px #47556940}.btn-secondary-pdf:active{transform:translateY(0)}.btn-secondary-pdf.loading{box-shadow:none;cursor:not-allowed;background-color:#94a3b8;transform:none}