/* 09-ui-extras.css：删除按钮 / 删除弹窗 / 个人信息弹窗 */
.zx-del{ width:22px !important; height:22px !important; left:1px !important; background:transparent !important; }
.zx-del svg{ width:18px !important; height:18px !important; opacity:.55; }
.zx-del svg path, .zx-del svg line, .zx-del svg rect{ stroke:#94a3b8 !important; }
.zx-del:hover{ background:rgba(148,163,184,.16) !important; }
.zx-del:hover svg path, .zx-del:hover svg line, .zx-del:hover svg rect{ stroke:#ef4444 !important; opacity:1; }

#zxDelMask, body #zxDelMask{ position:fixed; inset:0; z-index:10002; display:none; align-items:center; justify-content:center;
  background:rgba(15,23,42,.28); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); padding:20px; }
#zxDelMask.on{ display:flex; }
#zxDelBox, body #zxDelBox{ width:100%; max-width:320px; border-radius:18px !important; padding:22px 20px 18px; position:relative;
  background:var(--surface,#fff) !important; border:1px solid var(--line,rgba(15,23,42,.12)) !important;
  box-shadow:0 24px 60px rgba(15,23,42,.18), 0 2px 8px rgba(15,23,42,.06); min-width:0 !important; }
#zxDelBox::before{content:"";position:absolute;top:0;left:12%;right:12%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#ff2b2f,#ff7a1a,transparent) !important}
#zxDelBox .t{ display:flex; align-items:center; gap:8px; font-size:16px !important; font-weight:800 !important;
  color:var(--ink,#0f172a) !important; margin-bottom:8px !important; }
#zxDelBox .t::before{ content:""; width:8px; height:8px; border-radius:50%; background:#ef4444;
  box-shadow:0 0 0 4px rgba(239,68,68,.14); }
#zxDelBox .d{ font-size:12.5px !important; color:var(--ink-2,#475467) !important; line-height:1.7 !important;
  background:rgba(239,68,68,.06); border:1px solid rgba(239,68,68,.16); border-radius:10px; padding:10px 12px; }
#zxDelBox .d b{ color:#b91c1c; }
#zxDelBox .a{ display:flex; gap:10px; justify-content:flex-end; margin-top:16px !important; }
#zxDelBox button{ height:38px !important; padding:0 18px !important; border-radius:11px !important;
  font-size:13px !important; font-weight:700 !important; cursor:pointer; transition:.15s;
  border:1px solid var(--line-2,rgba(15,23,42,.08)) !important; background:var(--surface-2,rgba(15,23,42,.045)) !important;
  color:var(--ink-2,#475467) !important; }
#zxDelBox button:hover{ filter:brightness(.98); }
#zxDelBox button.pri{ background:linear-gradient(180deg,#ef4444,#dc2626) !important; border-color:#dc2626 !important;
  color:#fff !important; box-shadow:0 8px 18px rgba(220,38,38,.25) !important; }
#zxDelBox button.pri:active{ transform:scale(.98); }