/* 仅网站所有者登录编辑时展示；访客不会看到编辑面板。 */
:root{--edit-bar-height:64px}
.editor-bar{position:fixed;top:0;inset-inline:0;z-index:90;min-height:var(--edit-bar-height);padding:10px 22px;display:flex;align-items:center;gap:10px;background:#30253f;color:#fff;box-shadow:0 3px 18px #20162822;font-size:12px}
.editor-brand{font-size:14px;font-weight:700;margin-right:4px;white-space:nowrap}
.editor-status{flex:1;line-height:1.5;color:#e3d7f0;font-size:11px}
.editor-bar button,.editor-bar a{border:1px solid #79678c;border-radius:8px;background:#ffffff0b;color:white;padding:8px 12px;font-size:12px;line-height:1.6;min-height:38px;white-space:nowrap}
.editor-bar button:hover,.editor-bar a:hover{background:#ffffff24}
.editor-bar .publish-button{background:#eadffa;color:#39254d;border-color:#eadffa;font-weight:700}
.editor-bar .publish-button:hover{background:#fff}
.editor-bar button:disabled{cursor:wait;opacity:.6}
.editing-session .site-header{top:var(--edit-bar-height)}
.editing-session main>section{scroll-margin-top:calc(var(--header-height) + var(--edit-bar-height) + 20px)}
.editing-session .hero-inner{padding-top:calc(145px + var(--edit-bar-height))}
.editing-session .skip-link{top:-200px}
.editing-session .skip-link:focus{top:calc(var(--edit-bar-height) + 10px)}
.inline-editing [data-edit]{outline:1px dashed #a88bc940;outline-offset:3px;border-radius:2px;cursor:text;min-width:10px}
.inline-editing [data-edit]:hover{outline-color:#9d7bc0;background:#e7d9fa40}
.inline-editing [data-edit]:focus{outline:2px solid #8a65b2;background:#fff9;outline-offset:4px}
.inline-editing [data-edit][data-multiline]{white-space:pre-wrap}
.editor-panel{position:fixed;z-index:85;right:16px;top:calc(var(--edit-bar-height) + 15px);bottom:18px;width:350px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #dcd1e9;border-radius:16px;box-shadow:0 18px 65px #30253f24;display:flex;flex-direction:column;color:#34283e;font-size:13px}
.editor-panel[hidden]{display:none}
.editor-panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px 13px}
.editor-panel-head h2{font-size:15px}
.editor-panel-head button{border:0;background:#f2edf8;border-radius:7px;width:30px;height:30px;font-size:18px}
.editor-tabs{display:flex;gap:5px;padding:0 14px 12px;border-bottom:1px solid #ece5f2}
.editor-tabs button{flex:1;padding:8px 4px;border:0;background:#f5f2f8;border-radius:8px;color:#695477;font-size:12px}
.editor-tabs button[aria-selected="true"]{background:#7250b1;color:#fff}
.editor-panel-content{padding:16px 18px;overflow:auto;overscroll-behavior:contain;flex:1}
.editor-note{font-size:11px;color:#76667e;line-height:1.8;margin:0 0 16px}
.editor-field{display:block;margin-bottom:16px}
.editor-field>span{display:block;margin-bottom:6px;font-size:12px;color:#5b4968;font-weight:600}
.editor-field input:not([type="range"]),.editor-field textarea,.editor-field select{display:block;width:100%;border:1px solid #d9cde4;border-radius:8px;padding:9px 10px;line-height:1.7;background:#fff;color:#30283a;font:inherit;font-size:12px}
.editor-field textarea{resize:vertical;min-height:90px}
.editor-field input:focus,.editor-field textarea:focus,.editor-field select:focus{outline:2px solid #9672bd;outline-offset:1px}
.editor-field input[type="range"]{width:100%;accent-color:#7250b1}
.editor-field output{float:right;font-variant-numeric:tabular-nums;color:#795994}
.editor-panel h3{font-size:13px;margin:22px 0 13px;border-top:1px solid #eee7f3;padding-top:16px}
.editor-minor{border:1px solid #ded2e9;border-radius:7px;background:#f9f5fd;color:#68517c;padding:8px 10px;font-size:11px;min-height:34px}
.editor-minor:hover{background:#ede3f8}
.editor-list-row{padding:13px 0;border-bottom:1px solid #eee7f3;display:grid;grid-template-columns:1fr auto;gap:10px}
.editor-list-row label{display:flex;align-items:flex-start;gap:7px;line-height:1.7;font-size:12px}
.editor-list-row input{accent-color:#7250b1;margin-top:4px}
.editor-list-row .move-controls{display:flex;gap:4px;align-items:start}
.editor-list-row button{border:1px solid #e2d8eb;background:#f9f6fc;border-radius:6px;width:28px;height:30px}
.editor-list-row button:disabled{opacity:.3;cursor:default}
.editor-panel-foot{padding:12px 18px;border-top:1px solid #ece5f2;display:flex;gap:9px;flex-wrap:wrap}
.editor-photo-preview{width:170px;margin:0 auto 20px}
.photo-actions{display:flex;gap:8px;flex-wrap:wrap}
.editor-field input[type="file"]{font-size:11px;min-width:0;padding:7px}
.editor-field input[type="file"]::file-selector-button{border:0;background:#eee6f7;color:#5f4288;padding:7px;border-radius:5px;margin-right:8px;cursor:pointer}
.photo-actions button:disabled{opacity:.5;cursor:wait}
.draft-recovery{padding:12px;background:#fff3d8;border:1px solid #ecd5a4;border-radius:9px;font-size:12px;line-height:1.8;margin-bottom:15px}
.draft-recovery button{margin-right:8px;margin-top:8px}
.editor-alert{position:fixed;z-index:100;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:#352842;color:#fff;padding:14px 20px;border-radius:11px;font-size:13px;line-height:1.7;box-shadow:0 8px 30px #342a4226}
.editor-bar :focus-visible{outline:3px solid #e8d9ff;outline-offset:3px}
@media(max-width:760px){:root{--edit-bar-height:108px}.editor-bar{padding:10px 12px;display:grid;grid-template-columns:auto 1fr auto auto;gap:7px}.editor-brand{font-size:12px;grid-column:1}.editor-status{grid-column:2 / -1;font-size:10px}.editor-bar button,.editor-bar a{padding:7px 9px;font-size:11px}.editor-bar .editor-exit{display:none}.editor-panel{right:10px;top:calc(var(--edit-bar-height) + 9px);bottom:10px;max-width:calc(100vw - 20px)}.editing-session .hero-inner{padding-top:calc(115px + var(--edit-bar-height))}}
