/* ==========================================================================
   layer 弹窗皮肤美化（对齐会员中心既有弹窗风格 · 现代 Modal 规范）
   纯 CSS 覆盖 layer 3.1.1 默认皮肤，不改 layer.js、不改任何调用代码。
   作用范围：所有引用本 CSS 的页面（会员中心 nui_top 引入）。
   ========================================================================== */

/* ---- 容器：圆角 + 分层柔和阴影 ---- */
.layui-layer{
  border-radius:10px !important;
  box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05) !important;
  overflow:hidden !important;
  -webkit-background-clip:border-box !important;
}

/* ---- 标题栏：白底、细分隔线 ---- */
.layui-layer-title{
  height:48px !important;
  line-height:48px !important;
  padding:0 52px 0 20px !important;
  background:#fff !important;
  border-bottom:1px solid #F0F0F0 !important;
  font-size:15px !important;
  font-weight:600 !important;
  color:#1D2129 !important;
  border-radius:0 !important;
}

/* ---- 内容区 ---- */
.layui-layer-content{
  font-size:14px !important;
  color:#4E5969 !important;
  line-height:1.7 !important;
}
.layui-layer-dialog .layui-layer-content.layui-layer-padding{
  padding:24px 24px 24px 60px !important;
}

/* ---- 图标：替换 sprite 为纯描边 SVG ---- */
.layui-layer-dialog .layui-layer-content .layui-layer-ico{
  width:22px !important;
  height:22px !important;
  top:24px !important;
  left:24px !important;
  background-color:transparent !important;
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
/* ico0：信息 —— layer icon:0，全站 alert 提示大量使用
   （必须补：原样沿用 icon.png 位图精灵图，被下方 background-size:contain 压缩后严重模糊） */
.layui-layer-dialog .layui-layer-ico0{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA3RkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48bGluZSB4MT0iMTIiIHkxPSIxNiIgeDI9IjEyIiB5Mj0iMTIiLz48bGluZSB4MT0iMTIiIHkxPSI4IiB4Mj0iMTIuMDEiIHkyPSI4Ii8+PC9zdmc+") !important;
}
.layui-layer-dialog .layui-layer-ico1{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBCNDJBIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cGF0aCBkPSJNOSAxMmwyIDIgNC00Ii8+PC9zdmc+") !important;
}
.layui-layer-dialog .layui-layer-ico2{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRjUzRjNGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48bGluZSB4MT0iMTUiIHkxPSI5IiB4Mj0iOSIgeTI9IjE1Ii8+PGxpbmUgeDE9IjkiIHkxPSI5IiB4Mj0iMTUiIHkyPSIxNSIvPjwvc3ZnPg==") !important;
}
.layui-layer-dialog .layui-layer-ico3{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA3RkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cGF0aCBkPSJNOS4wOSA5YTMgMyAwIDAgMSA1LjgzIDFjMCAyLTMgMy0zIDMiLz48bGluZSB4MT0iMTIiIHkxPSIxNyIgeDI9IjEyLjAxIiB5Mj0iMTciLz48L3N2Zz4=") !important;
}

/* ico5：失败/哭脸 —— layer icon:5，usr_guanlian.asp 等失败提示在用
   （同样必须补：原为 icon.png 位图，contain 压缩后模糊） */
.layui-layer-dialog .layui-layer-ico5{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRjUzRjNGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cGF0aCBkPSJNMTYgMTZzLTEuNS0yLTQtMi00IDItNCAyIi8+PGxpbmUgeDE9IjkiIHkxPSI5IiB4Mj0iOS4wMSIgeTI9IjkiLz48bGluZSB4MT0iMTUiIHkxPSI5IiB4Mj0iMTUuMDEiIHkyPSI5Ii8+PC9zdmc+") !important;
}

/* tips 提示气泡柔化：圆角 + 12px 字号 + 轻阴影（箭头颜色由 tips 参数控制）
   注：气泡为深色底，必须保持白字，不能被上方 .layui-layer-content 的深灰字全局规则覆盖 */
.layui-layer-tips .layui-layer-content{border-radius:6px;font-size:12px;line-height:1.5;padding:8px 12px;box-shadow:0 4px 12px rgba(29,33,41,.18);color:#fff !important}


/* ---- 按钮：主按钮蓝底 / 次按钮描边 ---- */
.layui-layer-btn{
  padding:0 20px 20px !important;
  text-align:right !important;
}
.layui-layer-btn a{
  height:34px !important;
  line-height:32px !important;
  margin:0 0 0 8px !important;
  padding:0 20px !important;
  border:1px solid #D9D9D9 !important;
  border-radius:6px !important;
  background:#fff !important;
  color:#4E5969 !important;
  font-size:14px !important;
  font-weight:400 !important;
  cursor:pointer !important;
  text-decoration:none !important;
  transition:all .2s ease !important;
}
.layui-layer-btn a:hover{
  border-color:#007FFF !important;
  color:#007FFF !important;
}
.layui-layer-btn .layui-layer-btn0{
  background:#007FFF !important;
  border-color:#007FFF !important;
  color:#fff !important;
  font-weight:500 !important;
}
.layui-layer-btn .layui-layer-btn0:hover{
  background:#0052D9 !important;
  border-color:#0052D9 !important;
  color:#fff !important;
}
.layui-layer-btn .layui-layer-btn0:active{
  transform:scale(.97) !important;
}

/* ---- 窗口控制按钮：最小化 / 最大化 / 关闭（统一蓝白风）---- */
.layui-layer-setwin{
  right:10px !important;
  top:11px !important;
}
.layui-layer-setwin a{
  width:26px !important;
  height:26px !important;
  margin-left:6px !important;
  border-radius:6px !important;
  background-color:transparent !important;
  background-image:none !important;
  position:relative !important;
  font-size:0 !important;
  transition:background-color .15s ease,transform .1s ease !important;
}
.layui-layer-setwin a:hover{background-color:#F0F5FF !important}
.layui-layer-setwin a:active{background-color:#E1EDFF !important;transform:scale(.94)}

/* 最小化：横线 */
.layui-layer-setwin .layui-layer-min cite{
  width:12px !important;height:2px !important;
  left:50% !important;top:50% !important;
  margin:-1px 0 0 -6px !important;
  background-color:#6B7785 !important;
  border-radius:1px !important;
}
.layui-layer-setwin .layui-layer-min:hover cite{background-color:#007FFF !important}

/* 最大化：方框 */
.layui-layer-setwin .layui-layer-max::after{
  content:"";position:absolute;left:50%;top:50%;
  width:11px;height:11px;margin:-6px 0 0 -6px;
  border:1.5px solid #6B7785;border-radius:2px;
  transition:border-color .15s ease;
}
.layui-layer-setwin .layui-layer-max:hover::after{border-color:#007FFF}

/* 还原（最大化态）：双框 */
.layui-layer-setwin .layui-layer-maxmin::before{
  content:"";position:absolute;left:50%;top:50%;
  width:11px;height:11px;margin:-2px 0 0 -8px;
  border:1.5px solid #6B7785;border-radius:2px;
  transition:border-color .15s ease;
}
.layui-layer-setwin .layui-layer-maxmin::after{
  content:"";position:absolute;left:50%;top:50%;
  width:11px;height:11px;margin:-8px 0 0 -2px;
  border:1.5px solid #6B7785;border-radius:2px;
  background:#fff;
  transition:border-color .15s ease;
}
.layui-layer-setwin .layui-layer-maxmin:hover::before,
.layui-layer-setwin .layui-layer-maxmin:hover::after{border-color:#007FFF}

/* 关闭：× */
.layui-layer-setwin .layui-layer-close::after{
  content:"\00d7";
  position:absolute;inset:0;
  display:block;
  font:400 18px/26px Arial,sans-serif;
  text-align:center;
  color:#6B7785;
  transition:color .15s ease;
}
.layui-layer-setwin .layui-layer-close:hover::after{color:#007FFF}

/* ---- 遮罩 ---- */
.layui-layer-shade{
  background-color:#1D2129 !important;
  opacity:.45 !important;
  filter:alpha(opacity=45) !important;
}

/* ---- 打开动画：轻微缩放 + 淡入（克制） ---- */
@keyframes layer-bounceIn{
  0%{opacity:0;transform:scale(.98);}
  100%{opacity:1;transform:scale(1);}
}