/* Identical article-only cascade in the visitor reader and administrator preview. */
#apBox:has(#apBody.article-presentation){width:900px!important;max-width:calc(100vw - 40px)!important}
#artMask #dBody.article-presentation,#artPrevMask #apBody.article-presentation{
 box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;
 padding:14px 22px!important;background:#fff;
 font-family:var(--article-font-family,SimHei,"Microsoft YaHei",sans-serif)!important;
 font-size:var(--article-font-size,28px)!important;font-weight:var(--article-font-weight,700)!important;
 font-style:var(--article-font-style,normal)!important;color:var(--article-text-color,#000)!important;
 line-height:2.1!important;letter-spacing:normal!important;word-break:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;
}
#artMask #dBody.article-presentation .art-lines,#artPrevMask #apBody.article-presentation .art-lines{
 font-family:var(--article-font-family,SimHei,"Microsoft YaHei",sans-serif)!important;font-size:var(--article-font-size,28px)!important;
 font-weight:var(--article-font-weight,700)!important;font-style:var(--article-font-style,normal)!important;
 color:var(--article-text-color,#000)!important;line-height:2.2!important;
}
#artMask #dBody.article-presentation .hl-hit,#artMask #dBody.article-presentation .hl-res,
#artPrevMask #apBody.article-presentation .hl-hit,#artPrevMask #apBody.article-presentation .hl-res{color:#E5342B!important;background:#FFF8E1!important}
#artMask #dBody.article-presentation p,#artPrevMask #apBody.article-presentation p{margin:0 0 10px}
#artMask #dBody.article-presentation img,#artPrevMask #apBody.article-presentation img{max-width:100%;height:auto}
#artMask #dBody.article-presentation pre,#artPrevMask #apBody.article-presentation pre{white-space:pre-wrap;overflow-wrap:break-word}
#artMask #dBody.article-presentation table,#artPrevMask #apBody.article-presentation table{border-collapse:collapse;max-width:100%}
#artMask #dBody.article-presentation td,#artPrevMask #apBody.article-presentation td,
#artMask #dBody.article-presentation th,#artPrevMask #apBody.article-presentation th{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}
@media(max-width:800px){
 #artMask #dBody.article-presentation .res-keep,#artPrevMask #apBody.article-presentation .res-keep{white-space:nowrap!important;display:inline-block!important}
 #artPrevMask:has(.article-presentation) #apTitle{font-size:var(--article-preview-title,10px)!important}
 #apBox:has(#apBody.article-presentation){width:100%!important;max-width:100%!important}
 #artMask #dBody.article-presentation,#artPrevMask #apBody.article-presentation{padding:8px 10px!important}
}

@media(max-width:800px){
#artMask:has(.article-presentation),#artPrevMask:has(.article-presentation){padding:16px!important}
#artMask:has(.article-presentation) .d-modal,#artPrevMask #apBox:has(.article-presentation){width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important}
#artMask #dBody.article-presentation,#artPrevMask #apBody.article-presentation{zoom:1!important;width:100%!important;max-width:none!important}
#artMask:has(.article-presentation) .d-modal,#artPrevMask #apBox:has(.article-presentation){zoom:var(--article-modal-compensation,1)!important}
#artMask #dBody.article-presentation>.article-content,#artPrevMask #apBody.article-presentation>.article-content{zoom:var(--article-mobile-scale,.5)!important}
}

/* Shared HTML source editor: same dark readable code surface in front/admin preview. */
#apCode,#edCode{
 background:#1E293B!important;color:#F1F5F9!important;
 font-family:Consolas,Monaco,"Courier New",monospace!important;
 font-size:13px!important;line-height:1.75!important;
 white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important;
 overflow-x:auto!important;max-width:100%!important;box-sizing:border-box!important;
 caret-color:#7DD3FC!important;tab-size:2;
}
#apCode::selection,#edCode::selection{background:#334155!important;color:#fff!important}