/* ============================================================
   通用确认弹窗（配合 js/confirm.js，替代原生 confirm）
   工作流建书 / 角色图谱 / 世界观设定 / 模型管理 四个页面共用
   只使用 common.css 里的公共变量，所以四页都能直接生效
   ============================================================ */
.cf-mask{
  position:fixed;inset:0;z-index:1200;
  display:flex;align-items:center;justify-content:center;
  background:var(--mask-bg);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease);
}
.cf-mask.on{opacity:1;pointer-events:auto}
.cf-card{
  position:relative;box-sizing:border-box;
  width:min(400px,92vw);padding:24px 24px 20px;
  border-radius:16px;text-align:center;
  background:var(--card);border:1px solid var(--border-strong);
  box-shadow:var(--shadow-lg);
  opacity:0;transform:translateY(-10px) scale(.97);
  transition:opacity .2s var(--ease),transform .2s var(--ease);
}
.cf-mask.on .cf-card{opacity:1;transform:none}
/* 顶部一条金线，和站内卡片同一语言 */
.cf-card::before{
  content:"";position:absolute;top:0;left:16%;right:16%;height:1px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.65;
}
.cf-ico{
  width:42px;height:42px;margin:0 auto 12px;border-radius:13px;
  display:flex;align-items:center;justify-content:center;
  font-size:19px;line-height:1;
  background:var(--accent-soft2);border:1px solid var(--accent-soft2);
}
.cf-card h4{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--text)}
.cf-card p{margin:0 0 18px;font-size:12.5px;line-height:1.85;color:var(--text-mute)}
.cf-btns{display:flex;gap:9px}
.cf-btn{
  flex:1;text-align:center;font-family:inherit;
  font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;
  padding:9px 20px;border-radius:10px;
  background:var(--card-hover);border:1px solid var(--border);color:var(--text-dim);
  transition:all var(--dur) var(--ease);
}
.cf-btn:hover{border-color:var(--border-strong);color:var(--text)}
.cf-btn.primary{
  border-color:transparent;color:var(--on-accent);
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  box-shadow:0 6px 18px var(--accent-glow);
}
.cf-btn.primary:hover{filter:brightness(1.06)}