.panel-card,.status-badge{background:var(--card-bg)}#toolbar,.preview-toolbar{position:sticky;backdrop-filter:blur(10px)}*,.editor-image-overlay{box-sizing:border-box}#editorHost,.editor-paper,.main-card{overflow:visible}:root{--page-bg:#f3f6fb;--card-bg:#ffffff;--border-color:#dbe3ef;--text-main:#24324a;--text-muted:#66758c;--primary-color:#1f6feb;--primary-soft:#edf4ff;--preview-shadow:0 18px 40px rgba(36, 50, 74, 0.08)}body{margin:0;background:linear-gradient(180deg,#f7f9fc 0,#eef3fa 100%);color:var(--text-main);font-family:"Microsoft YaHei","PingFang SC",sans-serif}.page-shell{max-width:1500px;margin:0 auto;padding:24px 18px 40px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.page-header h1{margin:0;font-size:28px;font-weight:700}.page-header p{margin:6px 0 0;color:var(--text-muted);font-size:14px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--border-color);font-size:13px;color:var(--text-muted)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,0.9fr);gap:20px;align-items:start}.panel-card{border:1px solid rgba(219,227,239,.9);border-radius:18px;box-shadow:var(--preview-shadow)}.main-card-header{padding:22px 24px 0}.title-input{border:none;outline:0;width:100%;font-size:30px;font-weight:700;color:var(--text-main);background:0 0;padding:0}.field-helper,.form-label,.preview-toolbar p,.summary-tools small{color:var(--text-muted)}.title-input::placeholder{color:#9aa8bd;font-weight:600}.field-helper{margin-top:10px;font-size:13px}.editor-shell{padding:16px 16px 18px}#toolbar{top:16px;z-index:120;border:1px solid var(--border-color);border-radius:14px 14px 0 0;background:rgba(253,254,254,.96);padding:8px 6px;box-shadow:0 10px 30px rgba(36,50,74,.08)}#toolbar .ql-formats{margin-right:8px}#toolbar button.ql-preview,#toolbar button.ql-redo,#toolbar button.ql-undo{width:auto;padding:0 10px;color:var(--text-main)}#toolbar button.ql-attachment svg,#toolbar button.ql-preview svg,#toolbar button.ql-redo svg,#toolbar button.ql-undo svg{width:18px;height:18px}#toolbar button.ql-preview.is-active{color:var(--primary-color);background:var(--primary-soft);border-radius:8px}#editorHost{position:relative;border:1px solid var(--border-color);border-top:none;border-radius:0 0 14px 14px;background:#eef3fa}.editor-stage,.preview-stage{min-height:620px}.editor-stage.is-hidden,.preview-stage{display:none}.editor-image-overlay.is-active,.preview-stage.is-visible,.toolbar-fallback.is-visible{display:block}.editor-canvas{padding:28px 24px 36px}.editor-paper{max-width:900px;margin:0 auto;border-radius:18px;background:#fff;border:1px solid rgba(219,227,239,.85);box-shadow:0 18px 34px rgba(36,50,74,.06)}#editor{font-size:16px;line-height:1.8;background:#fff;position:relative}#editor .ql-editor{min-height:620px;padding:34px 40px 56px;position:relative}#editor .ql-editor.ql-blank::before{left:40px;right:40px;color:#99a5b7;font-style:normal}#editor.ql-container.ql-snow{border:none}#editor .ql-editor img,.preview-content img{max-width:100%;height:auto;border-radius:10px}#editor .ql-editor table,.preview-content table{width:100%;border-collapse:collapse;table-layout:fixed;margin:12px 0}#editor .ql-editor td,#editor .ql-editor th,.preview-content table td,.preview-content table th{border:1px solid #d7dfeb;padding:10px 12px;vertical-align:top}#editor .ql-editor th,.preview-content table th{background:#f6f9fd;font-weight:700}#editor .ql-editor table ol,#editor .ql-editor table p,#editor .ql-editor table ul,.preview-content table ol,.preview-content table p,.preview-content table ul{margin:0}.side-stack{position:sticky;top:18px;display:flex;flex-direction:column;gap:18px}.section-card{padding:20px}.section-title{margin:0 0 16px;font-size:18px;font-weight:700}.form-label,.preview-content figure img{margin-bottom:8px}.btn,.form-label,.ghost-button{font-weight:600}.form-label{font-size:13px}.form-control,.form-select{border-radius:12px;border-color:var(--border-color);padding-top:10px;padding-bottom:10px}.form-control:focus,.form-select:focus{border-color:#8eb6ff;box-shadow:0 0 0 .2rem rgba(31,111,235,.12)}.summary-tools{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:12px}.ghost-button{border:none;background:0 0;color:var(--primary-color);font-size:13px;padding:0}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.btn{border-radius:12px;padding-top:10px;padding-bottom:10px}.preview-toolbar{top:78px;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px 14px;margin-bottom:6px;background:rgba(238,243,250,.94);border-bottom:1px solid rgba(219,227,239,.9)}.preview-toolbar p{margin:0;font-size:13px}.preview-article{max-width:900px;margin:24px auto 32px;border:1px solid rgba(219,227,239,.9);border-radius:18px;background:#fff;box-shadow:0 18px 40px rgba(36,50,74,.08);padding:28px 30px 36px}.preview-category-line,.preview-chip{align-items:center;border-radius:999px;font-size:13px}.preview-category-line{display:inline-flex;gap:8px;padding:6px 14px;background:#edf4ff;color:#1f6feb;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.preview-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0}.preview-chip{display:inline-flex;min-height:34px;padding:0 14px;background:#f6f9fc;color:#607089;border:1px solid #e4ebf5}.preview-title{margin:18px 0 16px;color:#24324a;font-size:34px;line-height:1.35;font-weight:800;word-break:break-word}.preview-content{color:#2b3850;font-size:16px;line-height:1.9;word-break:break-word}.preview-article hr{margin:0 0 24px;border-color:#e7edf6;opacity:1}.preview-content>:first-child{margin-top:0}.preview-content>:last-child{margin-bottom:0}.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4,.preview-content h5,.preview-content h6{color:#24324a;font-weight:700;line-height:1.45;margin:1.4em 0 .65em}.preview-content blockquote,.preview-content figure,.preview-content ol,.preview-content p,.preview-content pre,.preview-content table,.preview-content ul{margin:0 0 1.1em}.preview-content ol,.preview-content ul{padding-left:1.5em}.preview-content .ql-align-center{text-align:center}.preview-content .ql-align-right{text-align:right}.preview-content .ql-align-justify{text-align:justify}.preview-content blockquote{margin-left:0;padding:14px 18px;border-left:4px solid #1f6feb;background:#f7fbff;color:#52627b;border-radius:0 12px 12px 0}.preview-content .ql-code-block-container,.preview-content pre{background:#0f1724;color:#e5eefc;padding:16px 18px;overflow:auto;line-height:1.7}.preview-content pre{border-radius:14px}.preview-content .ql-code-block-container{margin:0 0 1.1em;border-radius:14px;font-family:Consolas,"Courier New",monospace;font-size:14px}.preview-content .ql-code-block{white-space:pre-wrap;word-break:break-word}.preview-content .ql-code-block+.ql-code-block{margin-top:.35em}.preview-content code{font-family:Consolas,"Courier New",monospace;font-size:.92em}.preview-content :not(pre)>code{padding:2px 6px;border-radius:6px;background:#f3f6fb;color:#b42318}.preview-content figure{max-width:100%}.preview-content figcaption{color:#73839b;font-size:13px;text-align:center}.preview-content iframe,.preview-content img,.preview-content video{display:block;max-width:100%;height:auto;margin:14px auto;border-radius:14px}.preview-content .ql-font-microsoft-yahei,.ql-font-microsoft-yahei{font-family:"Microsoft YaHei",sans-serif}.preview-content .ql-font-simsun,.ql-font-simsun{font-family:SimSun,serif}.preview-content .ql-font-kaiti,.ql-font-kaiti{font-family:KaiTi,serif}.preview-content .ql-font-simhei,.ql-font-simhei{font-family:SimHei,"黑体",sans-serif}.preview-content .ql-font-fangsong,.ql-font-fangsong{font-family:FangSong,"仿宋",serif}.preview-content .ql-font-arial,.ql-font-arial{font-family:Arial,sans-serif}.preview-content .ql-font-georgia,.ql-font-georgia{font-family:Georgia,serif}.editor-image-overlay{position:absolute;border:2px solid rgba(31,111,235,.7);border-radius:8px;pointer-events:none;display:none;z-index:15}.editor-image-handle{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;border-radius:50%;background:var(--primary-color);border:2px solid #fff;box-shadow:0 4px 12px rgba(31,111,235,.35);cursor:nwse-resize;pointer-events:auto}.toolbar-fallback{display:none;margin-top:12px;border-radius:12px;padding:12px 14px;background:#fff4e5;color:#8a5a00;font-size:13px}.qlbt-operation-menu,.qlbt-selection-line{z-index:60}#toolbar .ql-table-better{width:auto;padding:0 4px;overflow:visible}#toolbar button.ql-attachment{width:auto;padding:0 6px}.preview-content a.ql-attachment-link,.ql-editor a.ql-attachment-link{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 8px;border-radius:6px;background:#edf4ff;border:1px solid #c2d9ff;color:#1f6feb;font-size:.92em;text-decoration:none;word-break:break-all;transition:background .15s}.preview-content a.ql-attachment-link:hover,.ql-editor a.ql-attachment-link:hover{background:#dbeaff;text-decoration:none}.preview-content a.ql-attachment-link::before,.ql-editor a.ql-attachment-link::before{content:"📎";font-style:normal;flex-shrink:0}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=microsoft-yahei]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=microsoft-yahei]::before{content:"微软雅黑";font-family:"Microsoft YaHei",sans-serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=simsun]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=simsun]::before{content:"宋体";font-family:SimSun,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=kaiti]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=kaiti]::before{content:"楷体";font-family:KaiTi,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=simhei]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=simhei]::before{content:"黑体";font-family:SimHei,"黑体",sans-serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=fangsong]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=fangsong]::before{content:"仿宋";font-family:FangSong,"仿宋",serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=arial]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=arial]::before{content:"Arial";font-family:Arial,sans-serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=georgia]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=georgia]::before{content:"Georgia";font-family:Georgia,serif}.ql-snow .ql-picker.ql-size{width:70px}.ql-snow .ql-picker.ql-size .ql-picker-label{font-size:13px!important}.ql-snow .ql-picker.ql-size .ql-picker-label::before{content:"默认";font-size:13px}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before{content:"12px";font-size:13px}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before{content:"14px";font-size:13px}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before{content:"18px";font-size:13px}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before{content:"20px";font-size:13px}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before{content:"24px";font-size:13px}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]::before{content:"28px";font-size:13px}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before{content:"32px";font-size:13px}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="36px"]::before{content:"36px";font-size:13px}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="48px"]::before{content:"48px";font-size:13px}.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:"默认"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before{content:"12px";font-size:12px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before{content:"14px";font-size:14px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before{content:"18px";font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before{content:"20px";font-size:20px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before{content:"24px";font-size:24px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before{content:"28px";font-size:28px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before{content:"32px";font-size:32px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36px"]::before{content:"36px";font-size:36px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="48px"]::before{content:"48px";font-size:48px}@media (max-width:1199px){.workspace-grid{grid-template-columns:1fr}.side-stack{position:static}}@media (max-width:767px){.page-shell{padding-left:12px;padding-right:12px}.page-header{flex-direction:column;align-items:flex-start}.main-card-header{padding-left:16px;padding-right:16px}.editor-shell{padding-left:10px;padding-right:10px}.title-input{font-size:24px}.action-row{grid-template-columns:1fr}#editor,#editor .ql-editor,.editor-stage,.preview-stage{min-height:420px}.editor-canvas{padding:14px 10px 20px}#editor .ql-editor{padding:22px 16px 36px}#editor .ql-editor.ql-blank::before{left:16px;right:16px}.preview-toolbar{padding:14px 16px 0}.preview-article{margin:14px 10px 20px;padding:22px 16px 24px}}