.compose-mode .shell{display:block}.compose-mode .sidebar{display:none}.compose-mode .workspace{padding:0;max-width:none}.compose-mode .topbar{height:58px;padding:0 28px;background:#fff;border-bottom:1px solid #e7e8eb;position:sticky;top:0;z-index:40;gap:15px}.compose-mode .topbar strong{font-size:15px;font-weight:500;color:#353b43}.composer-back{color:#798391}.compose-mode #composer-save-state{font-size:12px;color:#969da7}.composer-layout{display:grid;grid-template-columns:250px minmax(500px,900px);justify-content:center;align-items:start;gap:32px;max-width:1500px;margin:0 auto;padding:24px 30px 90px}.composer-outline{position:sticky;top:82px;padding:20px;background:white;border:1px solid #edf0f3;border-radius:8px}.composer-outline-heading{color:#697484;font-size:13px;margin-bottom:17px}.composer-cover-card{position:relative;border:2px solid #27b879;min-height:155px;background:#f0f1f3;overflow:hidden;border-radius:4px}.composer-cover-card img{width:100%;height:155px;display:block;object-fit:cover}.composer-cover-card strong{position:absolute;bottom:0;left:0;right:0;padding:35px 12px 12px;background:linear-gradient(transparent,#0008);color:white;font-weight:400;font-size:15px}.composer-outline>button{display:block;margin:16px auto;width:100%;border-style:dashed;color:#7c8795}.composer-hint{font-size:12px;color:#9aa3af;line-height:1.8;margin-top:24px}.composer-meta-summary{border-top:1px solid #edf0f3;margin-top:20px;padding-top:14px;display:flex;justify-content:space-between;font-size:12px;color:#95a0ad}.composer-writing{min-width:0}.composer-insert{background:white;border:1px solid #e8ebef;border-bottom:0;padding:10px 15px;display:flex;gap:5px;flex-wrap:wrap;position:sticky;top:58px;z-index:31}.composer-insert button{border:0;font-size:13px;padding:7px 12px;background:#f8f9fb;border-radius:3px;color:#555f6e}.composer-insert button:hover{color:#17a76c;background:#f1faf5}#composer-toolbar{background:#fff;position:sticky;top:116px;z-index:30;border-color:#e8ebef;padding:11px 12px;font-family:inherit}.compose-mode .ql-toolbar button:hover{box-shadow:none;transform:none}.compose-mode .ql-toolbar button{border-radius:0}.compose-mode .ql-toolbar .ql-undo,.compose-mode .ql-toolbar .ql-redo{font-size:20px;line-height:20px;color:#7c8792}.composer-paper{background:white;border:1px solid #e8ebef;border-top:0;min-height:850px;padding:58px 65px 70px;box-shadow:0 3px 14px #242a3104}.composer-title{font-family:inherit;font-size:27px;font-weight:400;line-height:1.5;width:100%;padding:0;border:0;outline:none;margin-bottom:16px;color:#222;border-radius:0}.composer-title::placeholder{color:#b6b8bc}.composer-title:focus,.composer-author:focus{outline:none}.composer-author{font-size:14px;padding:0;border:0;outline:none;margin-bottom:28px;border-radius:0;color:#8b9098}.composer-author::placeholder{color:#b1b5bb}#composer-body{border:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}.compose-mode .ql-editor{padding:0;min-height:580px;line-height:1.9;overflow-wrap:anywhere}.compose-mode .ql-editor.ql-blank::before{left:0;right:0;font-style:normal;color:#a8afb8}.compose-mode .ql-editor p{margin:0 0 1em}.compose-mode .ql-editor img{max-width:100%;height:auto;display:inline-block}.compose-mode .ql-editor hr{border:0;border-top:1px solid #ddd;margin:24px 0}.compose-mode .ql-editor table{width:100%;border-collapse:collapse}.compose-mode .ql-editor td{border:1px solid #ddd;padding:9px}.composer-footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;gap:18px;background:#ffffffee;backdrop-filter:blur(12px);padding:16px 32px;border-top:1px solid #e7e9ed;z-index:45;min-height:74px}.composer-footer #composer-word-count{margin-right:auto;color:#999;font-size:13px}.composer-footer #composer-message{font-size:12px;color:#83908c;max-width:300px}.composer-footer>div{display:flex;gap:10px}.composer-footer button{min-width:100px;border-radius:4px;background:#fff;padding:9px 18px}.composer-footer .compose-publish{background:#17b575;border-color:#17b575;color:#fff}.composer-footer #save-draft{color:#16a36b;border-color:#9cdbbf}.composer-settings{position:fixed;right:0;top:58px;bottom:74px;width:340px;padding:24px;background:#fff;box-shadow:-12px 0 40px #18242f15;overflow:auto;z-index:50;border-left:1px solid #e8ebef}.composer-settings[hidden]{display:none}.composer-settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.composer-settings-heading h2{font-size:18px;margin:0}.composer-settings-heading button{border:0;background:none;font-size:25px}.composer-settings label{font-size:13px;color:#66717f}.composer-settings small{font-size:11px;font-weight:400;color:#a0a8b3}.composer-settings>button{margin-bottom:20px;width:100%}.composer-settings select[multiple]{font-size:12px}.article-preview-dialog{width:min(1400px,95vw);padding:0;background:#f4f5f7;max-height:92vh}.article-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;background:#fff;position:sticky;top:0;border-bottom:1px solid #eee;z-index:10}.article-preview-toolbar button{font-size:12px;margin-left:6px}.composer-article-preview{max-width:1400px;margin:22px auto;background:white;padding:32px 40px;min-height:70vh;overflow-wrap:anywhere}.composer-article-preview h1{font-size:24px;line-height:1.4;margin:0 0 14px}.composer-article-preview .preview-author{color:#999;font-size:14px;border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:25px}.preview-article-body{font-size:16px;line-height:1.8}.preview-article-body img{max-width:100%;height:auto}.preview-article-body table{width:100%;border-collapse:collapse}.preview-article-body td{border:1px solid #ddd;padding:9px}.preview-article-body blockquote{margin:20px 0;padding:12px 18px;background:#f4f4f4;border-left:4px solid #ddd}.composer-article-preview.phone-preview{width:390px;max-width:100%;padding:24px 18px}.compose-mode .ql-snow .ql-tooltip{z-index:60}.compose-mode .ql-snow .ql-picker.ql-size .ql-picker-item::before,.compose-mode .ql-snow .ql-picker.ql-size .ql-picker-label::before{content:attr(data-value)}#composer-link-dialog{max-width:430px;padding:28px}#composer-link-dialog h3{margin:0 0 20px}#composer-link-dialog label{font-size:13px}#composer-link-dialog form>button{float:none;margin-right:8px}.compose-mode button:disabled{opacity:.6;cursor:wait}
@media(max-width:1050px){.composer-layout{grid-template-columns:190px minmax(0,1fr);gap:18px;padding:18px 18px 95px}.composer-paper{padding:38px 34px}.composer-outline{padding:14px}.composer-insert button{padding:6px 8px}.composer-footer{padding:14px 20px}}@media(max-width:720px){.compose-mode .topbar{padding:0 14px}.compose-mode .topbar strong{font-size:13px}.compose-mode #composer-save-state{display:none}.composer-layout{display:block;padding:14px 12px 115px}.composer-outline{display:none}.composer-insert{top:58px;padding:8px;gap:1px}.composer-insert button{font-size:12px;padding:7px}.composer-paper{padding:28px 20px;min-height:700px}.composer-title{font-size:23px}.compose-mode .ql-toolbar .ql-formats{margin-right:8px}.composer-footer{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 14px}.composer-footer #composer-message{font-size:11px;max-width:none}.composer-footer>div{width:100%;justify-content:flex-end}.composer-footer button{min-width:88px;font-size:13px;padding:8px 12px}.composer-settings{width:min(340px,95vw);bottom:103px}#composer-toolbar{top:110px}.composer-article-preview{padding:25px 20px}}