/* Modern browser replacement for the retired Flash upload buttons.
 * Do not style/position Discuz's upload menu containers here: they retain
 * the native markup required for thumbnail insertion and attachment removal. */
.cid-html5-upload-control { display:inline-flex; align-items:center; gap:8px; min-height:32px; margin:6px 0; }
.cid-html5-upload-control input[type="file"] { position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; pointer-events:none; }
.cid-html5-upload-button { display:inline-flex!important; align-items:center; justify-content:center; min-height:32px; padding:0 14px; border:1px solid #9e1d17!important; border-radius:5px; background:#a01818!important; color:#fff!important; box-shadow:none!important; cursor:pointer; font:600 14px/1.2 "Microsoft YaHei",Arial,sans-serif!important; }
.cid-html5-upload-button:hover { background:#7e1313!important; color:#fff!important; }
.cid-html5-upload-status { display:inline-block; min-height:20px; color:#755b42; font-size:13px; line-height:20px; }
.cid-html5-upload-status.is-error { color:#a01818; }
.cid-html5-upload-status.is-success { color:#39754b; }
/* A stale Flash object can remain in a browser cache after deployment. Hide
 * just that object, never the surrounding native Discuz menu or file list. */
#imgSpanButtonPlaceholder object,#imgSpanButtonPlaceholder embed,#spanButtonPlaceholder object,#spanButtonPlaceholder embed { display:none!important; }
.cid-editor-page .p_pop,.cid-editor-page .p_pof,.cid-editor-page .fwin { opacity:1!important; background:#fffdf8!important; color:#3b2a20!important; border-color:#c8a779!important; }
/* The editor menus are appended outside #ct, so keep their controls opaque too.
 * A long attachment collection must scroll within its own menu, leaving the
 * upload and confirm controls on-screen. */
.cid-body #append_parent .p_pop,.cid-body #append_parent .p_pof,.cid-body #append_parent .fwin{opacity:1!important;background:#fffdf8!important;color:#3b2a20!important;border:1px solid #c8a779!important;box-shadow:0 16px 36px rgba(47,29,17,.28)!important}
#e_image_menu,#e_img_menu,#e_attach_menu,#e_attachment_menu{box-sizing:border-box!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 44px)!important;overflow:auto!important;background:#fffdf8!important}
#e_image_menu .f_c,#e_img_menu .f_c,#e_attach_menu .f_c,#e_attachment_menu .f_c{box-sizing:border-box!important;background:#fffdf8!important;color:#3b2a20!important}
#e_image_menu a,#e_img_menu a,#e_attach_menu a,#e_attachment_menu a{color:#8f1814!important;text-shadow:none!important;opacity:1!important}
#e_image_menu .flbc,#e_img_menu .flbc,#e_attach_menu .flbc,#e_attachment_menu .flbc,#e_image_menu a[title*="关闭"],#e_img_menu a[title*="关闭"],#e_attach_menu a[title*="关闭"],#e_attachment_menu a[title*="关闭"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:28px!important;min-height:28px!important;padding:0 8px!important;border:1px solid #a01818!important;border-radius:5px!important;background:#a01818!important;color:#fff!important;font-weight:700!important;line-height:1!important;text-indent:0!important;overflow:visible!important}
#e_image_menu .flbc:hover,#e_img_menu .flbc:hover,#e_attach_menu .flbc:hover,#e_attachment_menu .flbc:hover,#e_image_menu a[title*="关闭"]:hover,#e_img_menu a[title*="关闭"]:hover,#e_attach_menu a[title*="关闭"]:hover,#e_attachment_menu a[title*="关闭"]:hover{background:#751310!important;color:#fff!important}
#imgattachlist,#attachlist{box-sizing:border-box!important;max-height:280px!important;overflow:auto!important;margin-top:8px!important;padding:8px!important;background:#fff!important;border:1px solid #e3cfb2!important;border-radius:6px!important}
#imgattachlist table,#attachlist table{width:100%!important;table-layout:fixed!important;background:#fff!important}
#imgattachlist td{padding:6px!important;vertical-align:top!important;background:#fff!important}
#imgattachlist img{max-width:100%!important;height:auto!important;object-fit:contain!important}
#imgattachlist .imgdeleted{opacity:.35!important;text-decoration:line-through!important}
@media(max-width:720px){#e_image_menu,#e_img_menu,#e_attach_menu,#e_attachment_menu{max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 24px)!important}#imgattachlist,#attachlist{max-height:210px!important}}
/* Font and size selectors are appended to #append_parent by editor.js. Their
 * former transparent surface made the choices blend into the editor content. */
.cid-body #append_parent [id^="e_"][id$="_menu"],.cid-body #append_parent .p_pop[id^="e_"]{box-sizing:border-box!important;background:#fff!important;color:#2f2924!important;border:1px solid #7c221d!important;border-radius:6px!important;box-shadow:0 14px 30px rgba(45,24,18,.3)!important;opacity:1!important}
.cid-body #append_parent #e_fontname_menu a,.cid-body #append_parent #e_fontsize_menu a,.cid-body #append_parent #e_font_menu a,.cid-body #append_parent #e_size_menu a{display:block!important;padding:6px 12px!important;background:#fff!important;color:#302820!important;text-shadow:none!important;white-space:nowrap!important}
.cid-body #append_parent #e_fontname_menu a:hover,.cid-body #append_parent #e_fontsize_menu a:hover,.cid-body #append_parent #e_font_menu a:hover,.cid-body #append_parent #e_size_menu a:hover{background:#f8e8d1!important;color:#8d1712!important}
/* Upload panels deliberately use a cooler white than the warm editor canvas,
 * making the active layer unmistakable even when it overlaps the post form. */
#e_image_menu,#e_img_menu,#e_attach_menu,#e_attachment_menu{background:#f7fbff!important;border:2px solid #6e211d!important;border-radius:10px!important;box-shadow:0 20px 48px rgba(38,23,18,.38)!important}
#e_image_menu .f_c,#e_img_menu .f_c,#e_attach_menu .f_c,#e_attachment_menu .f_c{background:#f7fbff!important}
/* Native editor dropdowns use different IDs between Discuz builds.  Style the
 * container and every list/table layer, not merely its anchor links, so no
 * transparent strip can reveal the post content below. */
#append_parent [id^="e_"][id$="_menu"][id*="font"],#append_parent [id^="e_"][id$="_menu"][id*="size"],#e_fontname_menu,#e_fontsize_menu,#e_font_menu,#e_size_menu{box-sizing:border-box!important;background:#fff!important;color:#302820!important;border:1px solid #7c221d!important;border-radius:6px!important;box-shadow:0 14px 30px rgba(45,24,18,.3)!important;opacity:1!important}
#append_parent [id^="e_"][id$="_menu"][id*="font"] ul,#append_parent [id^="e_"][id$="_menu"][id*="font"] li,#append_parent [id^="e_"][id$="_menu"][id*="font"] table,#append_parent [id^="e_"][id$="_menu"][id*="font"] td,#append_parent [id^="e_"][id$="_menu"][id*="size"] ul,#append_parent [id^="e_"][id$="_menu"][id*="size"] li,#append_parent [id^="e_"][id$="_menu"][id*="size"] table,#append_parent [id^="e_"][id$="_menu"][id*="size"] td,#e_fontname_menu ul,#e_fontname_menu li,#e_fontsize_menu ul,#e_fontsize_menu li,#e_font_menu ul,#e_font_menu li,#e_size_menu ul,#e_size_menu li{background:#fff!important;color:#302820!important;opacity:1!important}
/* Discuz's default toolbar lists retain bullet indentation.  Remove that
 * inherited inset so font names and numeric sizes line up with the menu edge. */
#append_parent [id^="e_"][id$="_menu"][id*="font"] ul,#append_parent [id^="e_"][id$="_menu"][id*="size"] ul,#e_fontname_menu ul,#e_fontsize_menu ul,#e_font_menu ul,#e_size_menu ul{width:auto!important;min-width:0!important;margin:0!important;padding:4px 7px!important;list-style:none!important}
#append_parent [id^="e_"][id$="_menu"][id*="font"] li,#append_parent [id^="e_"][id$="_menu"][id*="size"] li,#e_fontname_menu li,#e_fontsize_menu li,#e_font_menu li,#e_size_menu li{margin:0!important;padding:0!important;list-style:none!important;background-image:none!important}
#append_parent [id^="e_"][id$="_menu"][id*="font"] a,#append_parent [id^="e_"][id$="_menu"][id*="size"] a,#e_fontname_menu a,#e_fontsize_menu a,#e_font_menu a,#e_size_menu a{box-sizing:border-box!important;margin:0!important;padding:5px 8px!important;text-indent:0!important}
#append_parent [id^="e_"][id$="_menu"][id*="size"],#e_fontsize_menu,#e_size_menu{width:max-content!important;min-width:58px!important;overflow:visible!important}
/* Other editor tools (colour, link, emoticon, code, media, table, etc.) use
 * several different Discuz menu IDs.  Apply the dialog treatment by suffix so
 * no tool can fall back to a transparent or borderless floating layer. */
.cid-body #append_parent [id$="_menu"],.cid-body #append_parent .p_pop,.cid-body #append_parent .p_pof{box-sizing:border-box!important;background:#fff!important;color:#302820!important;border:1px solid #7c221d!important;border-radius:8px!important;box-shadow:0 14px 30px rgba(45,24,18,.30)!important;opacity:1!important}
.cid-body #append_parent [id$="_menu"] ul,.cid-body #append_parent [id$="_menu"] li,.cid-body #append_parent [id$="_menu"] table,.cid-body #append_parent [id$="_menu"] td,.cid-body #append_parent .p_pop ul,.cid-body #append_parent .p_pop li,.cid-body #append_parent .p_pop table,.cid-body #append_parent .p_pop td{background-color:#fff!important;color:#302820!important;opacity:1!important}
.cid-body #append_parent [id$="_menu"]:not(#e_image_menu):not(#e_img_menu):not(#e_attach_menu):not(#e_attachment_menu){padding:8px 10px!important}
.cid-body #append_parent [id$="_menu"] a{color:#6e211d!important;text-shadow:none!important}
.cid-body #append_parent [id$="_menu"] a:hover{background-color:#f8e8d1!important;color:#8d1712!important}
/* Link and the tools after it are opened by showWindow(), not showMenu().
 * Their roots are fwin_e_* and therefore need a separate dialog rule. */
.cid-body #append_parent [id^="fwin_e_"],.cid-body #append_parent [id^="fwin_e_"] .fwin,.cid-body #append_parent [id^="fwin_e_"] .m_c,.cid-body #append_parent [id^="fwin_e_"] .f_c,.cid-body #append_parent [id^="fwin_e_"] .c{box-sizing:border-box!important;background:#fff!important;color:#302820!important;border:1px solid #7c221d!important;border-radius:9px!important;box-shadow:0 16px 34px rgba(45,24,18,.32)!important;opacity:1!important}
.cid-body #append_parent [id^="fwin_e_"] .m_c,.cid-body #append_parent [id^="fwin_e_"] .f_c,.cid-body #append_parent [id^="fwin_e_"] .c{margin:0!important;padding:18px 22px!important;border:0!important;border-radius:8px!important;box-shadow:none!important}
.cid-body #append_parent [id^="fwin_e_"] div,.cid-body #append_parent [id^="fwin_e_"] form,.cid-body #append_parent [id^="fwin_e_"] fieldset,.cid-body #append_parent [id^="fwin_e_"] dl,.cid-body #append_parent [id^="fwin_e_"] dd,.cid-body #append_parent [id^="fwin_e_"] p{background-color:#fff!important;color:#302820!important;opacity:1!important}
.cid-body #append_parent [id^="fwin_e_"] input,.cid-body #append_parent [id^="fwin_e_"] textarea,.cid-body #append_parent [id^="fwin_e_"] select{box-sizing:border-box!important;background:#fff!important;color:#302820!important;border:1px solid #b88e67!important;border-radius:4px!important}
/* Table, quote, code and some plug-in buttons use arbitrary fwin_* names.
 * On the editor pages, treat every such window as a real opaque dialog. */
body.cid-editor-active #append_parent [id^="fwin_"],body.cid-editor-active #append_parent [id^="fwin_"] .fwin,body.cid-editor-active #append_parent [id^="fwin_"] .m_c,body.cid-editor-active #append_parent [id^="fwin_"] .f_c,body.cid-editor-active #append_parent [id^="fwin_"] .c{box-sizing:border-box!important;background:#fff!important;color:#302820!important;border:1px solid #7c221d!important;border-radius:9px!important;box-shadow:0 16px 34px rgba(45,24,18,.32)!important;opacity:1!important}
body.cid-editor-active #append_parent [id^="fwin_"] .m_c,body.cid-editor-active #append_parent [id^="fwin_"] .f_c,body.cid-editor-active #append_parent [id^="fwin_"] .c{margin:0!important;padding:18px 22px!important;border:0!important;border-radius:8px!important;box-shadow:none!important}
body.cid-editor-active #append_parent [id^="fwin_"] div,body.cid-editor-active #append_parent [id^="fwin_"] form,body.cid-editor-active #append_parent [id^="fwin_"] fieldset,body.cid-editor-active #append_parent [id^="fwin_"] dl,body.cid-editor-active #append_parent [id^="fwin_"] dd,body.cid-editor-active #append_parent [id^="fwin_"] p{background-color:#fff!important;color:#302820!important;opacity:1!important}
body.cid-editor-active #append_parent [id^="fwin_"] input,body.cid-editor-active #append_parent [id^="fwin_"] textarea,body.cid-editor-active #append_parent [id^="fwin_"] select{box-sizing:border-box!important;background:#fff!important;color:#302820!important;border:1px solid #b88e67!important;border-radius:4px!important}
/* Some X5 extensions mount fwin_* directly below body instead of
 * #append_parent.  Keep the same treatment for those dialogs as well. */
body.cid-editor-active [id^="fwin_"]{box-sizing:border-box!important;background:#fff!important;color:#302820!important;border:1px solid #7c221d!important;border-radius:9px!important;box-shadow:0 16px 34px rgba(45,24,18,.32)!important;opacity:1!important}
body.cid-editor-active [id^="fwin_"] .m_c,body.cid-editor-active [id^="fwin_"] .f_c,body.cid-editor-active [id^="fwin_"] .c{margin:0!important;padding:18px 22px!important;background:#fff!important;color:#302820!important;border:0!important;border-radius:8px!important;box-shadow:none!important}
body.cid-editor-active [id^="fwin_"] div,body.cid-editor-active [id^="fwin_"] form,body.cid-editor-active [id^="fwin_"] fieldset,body.cid-editor-active [id^="fwin_"] dl,body.cid-editor-active [id^="fwin_"] dd,body.cid-editor-active [id^="fwin_"] p{background-color:#fff!important;color:#302820!important;opacity:1!important}
body.cid-editor-active.cid-editor-modal-open .cid-editor-page .tedt .bar,body.cid-editor-active.cid-editor-modal-open .cid-editor-page .tedt .bar *{pointer-events:none!important}
#cid-editor-task-notice{position:fixed;z-index:2147480000;right:24px;bottom:24px;max-width:min(420px,calc(100vw - 32px));padding:13px 16px;border:1px solid #7c221d;border-radius:8px;background:#fff;color:#5c251f;box-shadow:0 14px 30px rgba(45,24,18,.3);font:14px/1.55 "Microsoft YaHei",Arial,sans-serif;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}#cid-editor-task-notice.is-visible{opacity:1;transform:translateY(0)}
/* Give the upload layer a deliberate inner gutter.  It makes the burgundy
 * frame read as a separate dialog rather than as an edge of the editor. */
#e_image_menu,#e_img_menu,#e_attach_menu,#e_attachment_menu{padding:18px 22px 20px!important}
#e_image_menu .f_c,#e_img_menu .f_c,#e_attach_menu .f_c,#e_attachment_menu .f_c{padding:0!important}