.system-dialog-layer{
  --dialog-brand:#123f8c;
  --dialog-brand-dark:#082b63;
  --dialog-text:#1f2937;
  --dialog-muted:#64748b;
  --dialog-line:#dbe3ef;
  position:fixed;
  inset:0;
  z-index:10000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
.system-dialog-layer.is-open{display:flex}
.system-dialog-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58)}
.system-dialog-box{
  position:relative;
  width:min(480px,100%);
  max-height:min(680px,calc(100vh - 48px));
  overflow:auto;
  background:#fff;
  color:var(--dialog-text);
  border:1px solid rgba(148,163,184,.55);
  border-radius:8px;
  box-shadow:0 24px 70px rgba(15,23,42,.26);
  padding:24px;
}
.system-dialog-head{display:grid;grid-template-columns:52px minmax(0,1fr) 40px;gap:14px;align-items:start}
.system-dialog-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:var(--dialog-brand);font-size:27px;font-weight:900}
.system-dialog-title{margin:2px 0 0;font-size:21px;line-height:1.35;color:#172033;letter-spacing:0}
.system-dialog-close{width:40px;height:40px;border:1px solid var(--dialog-line);border-radius:50%;background:#fff;color:#475569;font-size:25px;line-height:1;cursor:pointer}
.system-dialog-close:hover{background:#f1f5f9}
.system-dialog-message{margin:18px 0 0;font-size:17px;line-height:1.75;color:#334155;white-space:pre-wrap;overflow-wrap:anywhere}
.system-dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.system-dialog-button{min-width:104px;min-height:46px;border:1px solid var(--dialog-line);border-radius:6px;background:#fff;color:#334155;padding:10px 18px;font-size:16px;font-weight:800;cursor:pointer}
.system-dialog-button:hover{background:#f8fafc}
.system-dialog-button:focus-visible,.system-dialog-close:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}
.system-dialog-confirm{border-color:var(--dialog-brand);background:var(--dialog-brand);color:#fff}
.system-dialog-confirm:hover{background:var(--dialog-brand-dark)}
.system-dialog-layer[data-type="success"] .system-dialog-icon{background:#eaf8ef;color:#15803d}
.system-dialog-layer[data-type="warning"] .system-dialog-icon{background:#fff7e6;color:#b45309}
.system-dialog-layer[data-type="error"] .system-dialog-icon,
.system-dialog-layer[data-type="danger"] .system-dialog-icon{background:#fff1f2;color:#b91c1c}
.system-dialog-layer[data-type="danger"] .system-dialog-box{border-top:5px solid #b91c1c}
.system-dialog-layer[data-type="danger"] .system-dialog-title{color:#991b1b}
.system-dialog-layer[data-type="danger"] .system-dialog-message{color:#5f1d1d}
.system-dialog-layer[data-type="danger"] .system-dialog-confirm{border-color:#b91c1c;background:#b91c1c}
.system-dialog-layer[data-type="danger"] .system-dialog-confirm:hover{background:#991b1b}
body.system-dialog-lock{overflow:hidden}
@media(max-width:600px){
  .system-dialog-layer{padding:16px;align-items:flex-end}
  .system-dialog-box{width:100%;max-height:calc(100vh - 32px);padding:22px 18px max(22px,env(safe-area-inset-bottom));border-radius:8px 8px 0 0}
  .system-dialog-head{grid-template-columns:48px minmax(0,1fr) 44px;gap:12px}
  .system-dialog-icon{width:48px;height:48px;font-size:25px}
  .system-dialog-title{font-size:22px}
  .system-dialog-message{font-size:18px;line-height:1.7}
  .system-dialog-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}
  .system-dialog-actions.is-single{grid-template-columns:1fr}
  .system-dialog-button{width:100%;min-height:52px;font-size:18px}
}