/* ============================================================
   可视化编辑器的 UI 样式（导出网页时整块剔除）
   主题：跟随站点的渐变紫
   ============================================================ */

.ed-ui{position:fixed; z-index:900}

/* 进入编辑的按钮 */
.ed-enter{
  right:24px; bottom:140px;
  padding:10px 18px; border-radius:22px;
  border:1px solid transparent;
  background:var(--grad-btn, linear-gradient(135deg,#8B7BD8,#6E5BC0));
  color:#F7F4FC;
  font-size:13px; font-weight:700; cursor:pointer;
  letter-spacing:.04em;
  box-shadow:0 6px 18px rgba(110,91,192,.32);
  transition:transform .24s cubic-bezier(.22,.61,.36,1), filter .24s, box-shadow .24s;
}
.ed-enter:hover{transform:translateY(-3px); filter:brightness(1.1); box-shadow:0 12px 26px rgba(110,91,192,.38)}
body.editing .ed-enter{display:none}

/* 工具条 */
.ed-bar{
  right:20px; top:20px; display:none;
  gap:6px; flex-wrap:wrap; align-items:center;
  max-width:min(560px,92vw);
  padding:10px 12px; border-radius:13px;
  background:rgba(42,36,64,.94);
  backdrop-filter:blur(10px);
  border:1px solid rgba(160,143,232,.35);
  box-shadow:0 10px 30px rgba(36,31,53,.3);
}
body.editing .ed-bar{display:flex}
.ed-bar button{
  padding:6px 12px; border-radius:8px; cursor:pointer;
  border:1px solid rgba(160,143,232,.3); background:rgba(124,107,212,.16); color:#EFEBFB;
  font-size:12.5px; font-family:inherit;
  transition:background .2s, border-color .2s, transform .2s;
}
.ed-bar button:hover{background:rgba(124,107,212,.34); border-color:rgba(160,143,232,.55); transform:translateY(-1px)}
.ed-bar button.pri{background:var(--grad-btn, #6E5BC0); border-color:transparent; color:#F7F4FC; font-weight:700}
.ed-bar button.pri:hover{filter:brightness(1.12)}
.ed-bar .ed-hint{
  width:100%; font-size:11.5px; color:#B4A8DD; line-height:1.6; padding-top:2px;
}

/* 可编辑元素的高亮 */
body.editing [contenteditable="true"],
body.editing [contenteditable="true"]:focus{
  outline:1px dashed #7C6BD4; outline-offset:3px;
  background:rgba(124,107,212,.06); border-radius:3px;
}
body.editing [contenteditable="true"]:focus{
  outline-style:solid; background:rgba(124,107,212,.11);
}
body.editing img{cursor:pointer}
body.editing img:hover{outline:2px solid #7C6BD4; outline-offset:2px}

/* 提示条 */
.ed-toast{
  left:50%; bottom:90px; transform:translateX(-50%) translateY(8px);
  padding:10px 20px; border-radius:9px;
  background:rgba(42,36,64,.95); color:#EFEBFB; font-size:13.5px;
  opacity:0; pointer-events:none; transition:opacity .22s, transform .22s;
  box-shadow:0 8px 24px rgba(36,31,53,.3);
}
.ed-toast.on{opacity:1; transform:translateX(-50%) translateY(0)}