/* 虎王星图云电气版 · 统一网页内弹窗组件样式（替代浏览器原生 alert/confirm/prompt）
 * 前台与后台共用同一套，背景遮罩锁定滚动，弹窗居中自适应。 */

.hw-modal-root{position:fixed;inset:0;z-index:9999;pointer-events:none}
.hw-modal-mask{position:absolute;inset:0;background:rgba(0,21,41,.45);backdrop-filter:blur(2px);
  display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .18s ease;pointer-events:auto}
.hw-modal-mask.show{opacity:1}
.hw-modal-box{background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.22);
  width:100%;max-width:420px;padding:26px 26px 22px;transform:translateY(14px) scale(.97);
  transition:transform .2s ease,opacity .2s ease;opacity:0}
.hw-modal-mask.show .hw-modal-box{transform:none;opacity:1}
.hw-modal-title{margin:0 0 14px;font-size:17px;color:#262626;font-weight:700;padding-bottom:14px;border-bottom:1px solid #f0f0f0;line-height:1.4}
.hw-modal-body{font-size:14px;color:#595959;line-height:1.85;white-space:pre-wrap;word-break:break-word;max-height:60vh;overflow:auto}
.hw-modal-input{width:100%;margin-top:14px;padding:11px 14px;border:1.5px solid #d9d9d9;border-radius:10px;
  font-size:14px;font-family:inherit;color:#262626;background:#fcfdff;box-sizing:border-box;transition:border-color .18s,box-shadow .18s}
.hw-modal-input:hover{border-color:#73d13d;background:#fff}
.hw-modal-input:focus{outline:none;border-color:#52c41a;background:#fff;box-shadow:0 0 0 3.5px rgba(82,196,26,.14)}
.hw-modal-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px}
.hw-modal-foot .btn{padding:9px 22px;font-size:14px}
.hw-modal-foot .btn-sm{padding:8px 18px}
/* 按钮变体（前台/后台/.editor 页共用，确保自定义弹窗按钮统一样式） */
.hw-modal-foot .btn-primary{background:#52c41a;color:#fff;border-color:#52c41a}
.hw-modal-foot .btn-primary:hover{background:#73d13d;border-color:#73d13d}
.hw-modal-foot .btn-ghost{background:#fff;color:#595959;border-color:#d9d9d9}
.hw-modal-foot .btn-ghost:hover{color:#262626;border-color:#bfbfbf;background:#fafafa}

/* 在暗色/后台背景下保证可读（前台与后台均浅底卡片，这里统一） */
@media (max-width:520px){
  .hw-modal-box{max-width:92vw;padding:22px 18px 18px}
}
