/* 密码修改成功弹窗样式 */
.pwd-success-modal {
  position: fixed;
  inset: 0;
  background: rgba(16,30,40,0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
}
.pwd-success-dialog {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 16px 48px rgba(20,30,40,0.18);
  width: min(92vw, 360px);
  padding: 28px 24px 18px 24px;
  text-align: center;
}
.pwd-success-dialog h3 {
  margin: 0 0 18px;
  font-size: 20px;
  color: #27ae60;
}
.pwd-success-actions {
  margin-top: 12px;
}
.pwd-success-confirm {
  background: linear-gradient(180deg,#ffffff 0%, #f7f9fc 100%);
  border: 1px solid rgba(16,30,40,0.08);
  border-radius: 8px;
  padding: 8px 24px;
  cursor: pointer;
  font-size: 16px;
  color: #2b3b49;
}
/* Demo page visuals */
:root{--bg1:#0f1022;--bg2:#081124}
html,body{height:100%;margin:0}
body{font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg1),var(--bg2));color:#dbe9ff}
.demo{position:relative;z-index:10;text-align:center;padding:40px}
.demo h1{font-size:28px;margin:0 0 12px}
.demo p{opacity:.9}

/* The canvas used by the script will be full-viewport and non-interactive */
.mouse-trail-canvas{
  display:none; /* disable demo canvas visuals when not used */
}

/* Small hint in bottom-right for demo (optional) */
.trail-hint{position:fixed;right:12px;bottom:12px;color:rgba(255,255,255,0.55);font-size:12px;z-index:12}