#blog-workspace-trigger{position:fixed;z-index:9998;right:24px;top:164px;padding:11px 17px;border:1px solid #111;border-radius:999px;color:#fff;background:#111;box-shadow:0 14px 35px #0003;cursor:pointer;font-weight:650}#blog-workspace-trigger[hidden]{display:none}
#blog-workspace-overlay{position:fixed;z-index:10006;inset:0;overflow:auto;padding:24px;background:#f3f4f6}#blog-workspace-overlay[hidden],#blog-workspace-overlay [hidden]{display:none!important}
#blog-workspace-overlay .blog-manager{width:min(1500px,100%);min-height:calc(100vh - 48px);margin:auto;overflow:hidden;border:1px solid #e3e5e8;border-radius:16px;background:#fff;box-shadow:0 18px 54px #00000012;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
#blog-workspace-overlay .blog-manager>header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e7e7e7;background:#fff}#blog-workspace-overlay header h2{margin:3px 0;font-size:25px}#blog-workspace-overlay header p{margin:5px 0 0;color:#777;font-size:12px}#blog-workspace-overlay .blog-manager>header>button{width:38px;height:38px;border:0;border-radius:50%;color:#222;background:#f0f0f0;font-size:24px;cursor:pointer}
.blog-workspace-body{padding:22px 26px}.blog-filter{display:grid;grid-template-columns:minmax(260px,1fr) 150px auto auto;gap:10px;align-items:center}.blog-filter input,.blog-filter select,.blog-fields input,.blog-fields textarea{box-sizing:border-box;width:100%;border:1px solid #d7d9dc;border-radius:8px;color:#111;background:#fff;outline:none}.blog-filter input,.blog-filter select,.blog-fields input{min-height:40px;padding:8px 11px}.blog-filter input:focus,.blog-filter select:focus,.blog-fields input:focus,.blog-fields textarea:focus{border-color:#222;box-shadow:0 0 0 3px #1111110c}.blog-filter button,.blog-editor footer button,.blog-pagination button,.blog-row-actions button,.blog-row-actions a{box-sizing:border-box;min-height:38px;padding:8px 14px;border:0;border-radius:8px;color:#fff;background:#171717;text-decoration:none;cursor:pointer}.blog-filter .blog-new{background:#21633c}.blog-list-message{min-height:20px;margin:14px 2px;color:#777;font-size:12px}.blog-list-message.is-success{color:#15803d}.blog-list-message.is-error{color:#b91c1c}
.blog-list{overflow:auto;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.blog-list table{width:100%;border-collapse:collapse;font-size:13px}.blog-list th{padding:13px 14px;color:#6f7378;background:#f8f9fa;text-align:left;white-space:nowrap}.blog-list td{padding:14px;border-top:1px solid #eceef0;vertical-align:middle}.blog-list tbody tr:hover{background:#fbfcfb}.blog-title-cell{display:flex;min-width:300px;align-items:center;gap:12px}.blog-title-cell>img,.blog-cover-placeholder{display:grid;width:64px;height:42px;flex:0 0 64px;overflow:hidden;border-radius:6px;place-items:center;object-fit:cover;color:#fff;background:#262626;font:700 9px/1 Inter,sans-serif;letter-spacing:.12em}.blog-title-cell>div{min-width:0}.blog-title-cell strong,.blog-title-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-title-cell strong{max-width:520px;font-size:13px}.blog-title-cell small{max-width:520px;margin-top:5px;color:#8a8a8a;font-size:11px}.blog-list code{display:block;max-width:250px;overflow:hidden;color:#555;text-overflow:ellipsis;white-space:nowrap}.blog-status{display:inline-flex;padding:5px 9px;border-radius:999px;color:#765a00;background:#fff0bc;font-size:11px;white-space:nowrap}.blog-status.is-published{color:#166534;background:#dcfce7}.blog-row-actions{display:flex;gap:7px;white-space:nowrap}.blog-row-actions button,.blog-row-actions a{display:inline-grid;min-height:32px;padding:6px 10px;place-items:center}.blog-row-actions a{border:1px solid #ddd;color:#222;background:#fff}.blog-empty,.blog-error{padding:34px!important;color:#777;text-align:center}.blog-error{color:#b91c1c}
.blog-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:14px}.blog-pagination span{margin-right:auto;color:#777;font-size:12px}.blog-pagination button{min-height:32px;padding:6px 10px;color:#222;background:#ececec}.blog-pagination button:disabled{opacity:.35;cursor:not-allowed}
.blog-editor-layer{position:fixed;z-index:3;inset:0;display:grid;padding:28px;overflow:auto;place-items:center;background:#0009;backdrop-filter:blur(5px)}.blog-editor-layer>section{width:min(1160px,96vw);max-height:94vh;overflow:auto;border-radius:16px;background:#f6f7f8;box-shadow:0 30px 90px #0007}.blog-editor{padding:22px}.blog-editor-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.blog-editor-heading>div:last-child{display:flex;align-items:center;gap:10px}.blog-editor-heading h3{margin:3px 0;font-size:23px}.blog-editor-heading small{color:#777;letter-spacing:.15em}.blog-editor-close{display:grid;width:38px;height:38px;padding:0;border:0;border-radius:50%;place-items:center;color:#222;background:#e5e5e5;font-size:23px;cursor:pointer}.blog-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:18px;border:1px solid #e1e1e1;border-radius:13px;background:#fff}.blog-fields label{display:grid;gap:6px;color:#555;font-size:12px}.blog-fields label.is-wide{grid-column:1/-1}.blog-fields textarea{min-height:90px;padding:11px;resize:vertical}.blog-fields textarea.blog-content{min-height:330px;font:13px/1.55 Consolas,monospace}.blog-message{min-height:22px;margin:13px 2px;color:#777;font-size:12px}.blog-message.is-success{color:#15803d}.blog-message.is-error{color:#b91c1c}.blog-editor footer{display:flex;justify-content:flex-end;gap:8px}.blog-editor footer button.is-secondary{color:#111;background:#e5e5e5}.blog-editor footer button.is-danger{background:#991b1b}.blog-editor footer button.is-publish{background:#166534}.blog-editor footer button:disabled{opacity:.45;cursor:not-allowed}
.blog-cover-control{display:grid;gap:6px;grid-column:1/-1;color:#555;font-size:12px}.blog-cover-editor{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;padding:13px;border:1px solid #e3e5e7;border-radius:11px;background:#fafafa}.blog-cover-preview{display:grid;aspect-ratio:16/9;overflow:hidden;border-radius:9px;place-items:center;color:#888;background:#e8eaec}.blog-cover-preview img{width:100%;height:100%;object-fit:cover}.blog-cover-actions{display:grid;align-content:center;gap:9px}.blog-cover-actions>small{color:#777;line-height:1.5}.blog-cover-upload{display:inline-grid!important;width:max-content;min-height:38px;padding:0 14px;border-radius:8px;place-items:center;color:#fff!important;background:#26313c;cursor:pointer}
@media(max-width:900px){#blog-workspace-overlay{padding:8px}#blog-workspace-overlay .blog-manager{min-height:calc(100vh - 16px)}.blog-workspace-body{padding:14px}.blog-filter{grid-template-columns:1fr 120px}.blog-filter button{width:100%}.blog-title-cell{min-width:220px}.blog-fields{grid-template-columns:1fr}.blog-fields label.is-wide,.blog-cover-control{grid-column:auto}.blog-cover-editor{grid-template-columns:1fr}.blog-cover-preview{max-width:360px}.blog-editor footer{flex-wrap:wrap}.blog-editor-layer{padding:8px}.blog-editor-layer>section{width:100%;max-height:calc(100vh - 16px)}}

.blog-editor-heading{position:sticky;top:0;z-index:2;padding:12px 0;background:#f6f7f8}