/**
 * ================================================
 * 法律提示：本程序/代码仅限合法用途使用，您可以修改自用，请保留版权
 * ================================================
 * 使用限制：禁止用于非法用途，作者不承担任何使用责任
 * ================================================
 * Copy right 2026 网博士网络工作室， 保留所有权利。
 * ================================================
 * 官方网址: www.网博士.com   联系：QQ: 570830288
 * ================================================
 */
.notice-modal{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;}
.notice-modal .nm-mask{position:absolute;inset:0;background:rgba(12,26,38,.45);}
.notice-modal .nm-box{
  position:relative;width:calc(100% - 40px);max-width:440px;background:#fff;border-radius:12px;
  box-shadow:0 18px 60px rgba(12,26,38,.28);overflow:hidden;
  animation:nmIn .22s cubic-bezier(.2,.9,.3,1);
}
@keyframes nmIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.notice-modal .nm-hd{
  padding:15px 18px;border-bottom:1px solid var(--line,#E7ECF0);
  display:flex;align-items:center;font-size:15.5px;
}
.notice-modal .nm-hd b{flex:1;}
.notice-modal .nm-close{
  font-size:24px;line-height:1;color:#9AA8B4;cursor:pointer;padding:0 4px;
}
.notice-modal .nm-close:hover{color:#41525F;}
/* 内容超长时内部滚动，别把按钮顶出屏幕 */
.notice-modal .nm-bd{
  padding:16px 18px;max-height:56vh;overflow-y:auto;
  font-size:14px;line-height:1.85;color:#41525F;word-break:break-word;
}
.notice-modal .nm-bd img{max-width:100%;height:auto;}
.notice-modal .nm-ft{padding:0 18px 18px;}