/* [2026-09-12 需求] 平台名片「帮助」标签页 H5 富文本编辑器样式
   一份样式同时服务：后台 SPA 内联的「帮助」标签页、独立页面 /admin/help-editor.html。
   全部类名以 c3he- 前缀收口，避免与后台 Element Plus 全局样式互相污染。 */
.c3he-root{--c3he-line:#e4e7ed;--c3he-ink:#1f2d3d;--c3he-sub:#909399;--c3he-brand:#0F1E4D;--c3he-bg:#fafbfc;
  box-sizing:border-box;width:100%;background:#fff;border:1px solid var(--c3he-line);border-radius:10px;overflow:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  color:var(--c3he-ink);font-size:14px;text-align:left}
.c3he-root *,.c3he-root *::before,.c3he-root *::after{box-sizing:border-box}
.c3he-head{padding:14px 16px 10px;background:var(--c3he-bg);border-bottom:1px solid var(--c3he-line)}
.c3he-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--c3he-brand)}
.c3he-dot{width:8px;height:8px;border-radius:50%;background:#c9a96e;flex:none}
.c3he-sub{margin-top:5px;font-size:12px;line-height:1.6;color:var(--c3he-sub)}
.c3he-toolbar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  padding:8px 10px;background:#fff;border-bottom:1px solid var(--c3he-line)}
.c3he-tb{appearance:none;-webkit-appearance:none;min-width:34px;height:32px;padding:0 9px;border:1px solid transparent;
  border-radius:6px;background:transparent;color:#4b5563;font-size:13px;line-height:1;cursor:pointer;white-space:nowrap}
.c3he-tb:hover{background:#f2f4f8;color:var(--c3he-brand)}
.c3he-tb.is-on{background:#eef1f7;border-color:#d5dbe8;color:var(--c3he-brand);font-weight:600}
.c3he-sep{width:1px;height:18px;background:var(--c3he-line);margin:0 4px;flex:none}
.c3he-plain{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px;border-radius:6px;
  font-size:12px;color:#4b5563;cursor:pointer;user-select:none;white-space:nowrap}
.c3he-plain input{width:14px;height:14px;margin:0;cursor:pointer}
.c3he-editor{min-height:420px;max-height:640px;overflow:auto;padding:20px 22px;outline:none;
  font-size:15px;line-height:1.85;color:#333;word-break:break-word;-webkit-user-select:text;user-select:text;-webkit-overflow-scrolling:touch}
.c3he-editor:empty::before{content:attr(data-placeholder);color:#c0c4cc}
.c3he-editor h2{margin:32px 0 16px;font-size:19px;font-weight:700;line-height:1.45;color:#0F1E4D}
.c3he-editor h3{margin:24px 0 12px;font-size:16px;font-weight:700;line-height:1.5;color:#0F1E4D}
.c3he-editor h4{margin:20px 0 10px;font-size:15px;font-weight:700;line-height:1.5;color:#0F1E4D}
.c3he-editor p{margin:0 0 16px;font-size:15px;line-height:1.85;color:#333}
.c3he-editor li{margin:0 0 10px;font-size:15px;line-height:1.8;color:#333}
.c3he-editor ul{margin:0 0 16px;padding-left:22px;list-style:disc}
.c3he-editor ol{margin:0 0 16px;padding-left:22px;list-style:decimal}
.c3he-editor a{color:#0F1E4D;text-decoration:underline}
.c3he-editor strong,.c3he-editor b{font-weight:700;color:#1a1a1a}
.c3he-editor img{max-width:100%}
.c3he-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--c3he-line);background:#fff}
.c3he-btn{appearance:none;-webkit-appearance:none;height:38px;padding:0 16px;border:1px solid var(--c3he-line);
  border-radius:8px;background:#fff;color:#374151;font-size:13px;line-height:1;cursor:pointer;white-space:nowrap}
.c3he-btn:hover{border-color:#c0c4cc}
.c3he-btn:disabled{opacity:.55;cursor:not-allowed}
.c3he-primary{background:var(--c3he-brand);border-color:var(--c3he-brand);color:#fff;font-weight:600}
.c3he-primary:hover{background:#16295f;border-color:#16295f}
.c3he-link{margin-left:auto;font-size:12px;color:var(--c3he-sub);text-decoration:none;white-space:nowrap}
.c3he-link:hover{color:var(--c3he-brand);text-decoration:underline}
.c3he-status{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:8px 14px;background:var(--c3he-bg);
  border-top:1px solid var(--c3he-line);font-size:12px;color:var(--c3he-sub)}
.c3he-msg.is-ok{color:#0f9d58}
.c3he-msg.is-err{color:#dc2626}
.c3he-preview{display:none;padding:14px;background:#eef1f6;border-top:1px solid var(--c3he-line)}
.c3he-preview.is-open{display:block}
.c3he-phone{width:375px;max-width:100%;margin:0 auto;background:#f2f4f8;border:1px solid #dcdfe6;border-radius:22px;padding:10px}
.c3he-phone-bar{display:flex;justify-content:space-between;align-items:center;padding:2px 8px 8px;font-size:11px;color:#909399}
.c3he-phone-body{margin:0;padding:18px 16px 20px;background:#fff;border-radius:14px;box-shadow:0 3px 12px rgba(15,30,77,.06);
  font-size:15px;line-height:1.85;color:#333;word-break:break-word;max-height:520px;overflow:auto}
.c3he-phone-body:empty::before{content:"（当前没有内容，小程序会显示「暂无帮助内容」）";color:#c0c4cc;font-size:13px}
.c3he-hint{padding:10px 14px;background:#fffbe6;border-top:1px solid #ffe58f;color:#8c6d1f;font-size:12px;line-height:1.7}
/* 后台 SPA「帮助」标签页里的挂载容器：组件未就绪前先撑出高度，避免标签页抖动 */
.c3-help-host{display:block;width:100%;min-height:240px}
@media (max-width:600px){
  .c3he-toolbar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .c3he-editor{min-height:52vh;max-height:none;padding:16px 14px;font-size:16px}
  .c3he-btn{flex:1 1 auto;min-width:120px;justify-content:center}
  .c3he-link{margin-left:0;flex:1 1 100%;text-align:center}
  .c3he-phone{border-radius:16px}
}