.rich-editor { min-width:0; border:1px solid #cfcfcf; background:#fff; }
.rich-editor .ql-toolbar.ql-snow { border:0; border-bottom:1px solid #ddd; background:#f7f7f7; }
.rich-editor .ql-container.ql-snow { border:0; height:auto; }
.rich-editor .ql-toolbar button { width:32px; height:34px; padding:5px; }
.rich-toolbar button:disabled { opacity:.45; cursor:default; }
.rich-disabled .ql-toolbar { pointer-events:none; opacity:.6; }
.rich-area { height:auto; min-height:100px; max-height:560px; overflow:auto; padding:13px; outline:none; font:14px/1.8 Arial,'Microsoft YaHei',sans-serif; color:#111; overflow-wrap:anywhere; }
.rich-area:focus { box-shadow:inset 0 0 0 1px #111; }
.rich-area[contenteditable="false"] { background:#f5f5f5; }
.rich-area p,.rich-content p { margin:0 0 10px; }
.rich-area h2,.rich-content h2 { font-size:20px; line-height:1.6; margin:12px 0; }
.rich-content { font-size:14px; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }
.rich-image { display:inline-block; position:relative; max-width:100%; margin:10px 0; vertical-align:middle; }
.rich-image img { display:block; max-width:100%; max-height:500px; width:auto; height:auto; object-fit:contain; background:white; }
.rich-content:empty { display:none; }
@media(max-width:640px) { .rich-area { font-size:16px; } .rich-toolbar button { min-height:36px; } }