@charset "utf-8";

/**
 * 全站 Notyf 通知弹框主题（PC + 手机）
 * 暗色底 + 站点绿/红状态色，贴合交易所整体风格
 */

.notyf {
  padding: 20px !important;
  box-sizing: border-box;
}

.notyf__toast {
  max-width: 360px !important;
  min-width: 220px;
  padding: 0 16px !important;
  border-radius: 10px !important;
  border: 1px solid #2b3139 !important;
  background: #181a20 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
  overflow: hidden;
  color: #eaecef !important;
}

.notyf__toast--success {
  border-color: rgba(14, 203, 129, 0.4) !important;
  background: linear-gradient(90deg, rgba(14, 203, 129, 0.12) 0%, #181a20 28%) !important;
}

.notyf__toast--error {
  border-color: rgba(246, 70, 93, 0.4) !important;
  background: linear-gradient(90deg, rgba(246, 70, 93, 0.12) 0%, #181a20 28%) !important;
}

.notyf__wrapper {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-right: 8px !important;
}

.notyf__message {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #eaecef !important;
  letter-spacing: 0.01em;
}

.notyf__icon {
  margin-right: 12px !important;
  width: 24px !important;
}

.notyf__icon--success,
.notyf__icon--error {
  height: 22px !important;
  width: 22px !important;
  border-radius: 50% !important;
  display: block;
  margin: 0 auto;
  position: relative;
}

.notyf__icon--success {
  background: rgba(14, 203, 129, 0.22) !important;
  color: #0ecb81 !important;
}

.notyf__icon--error {
  background: rgba(246, 70, 93, 0.22) !important;
  color: #f6465d !important;
}

.notyf__icon--success:after,
.notyf__icon--success:before,
.notyf__icon--error:after,
.notyf__icon--error:before {
  background: currentColor !important;
}

.notyf__ripple {
  display: none !important;
}

.notyf__dismiss {
  margin-right: -8px !important;
  width: 28px !important;
}

.notyf__dismiss-btn {
  background-color: transparent !important;
  opacity: 0.45 !important;
  border-radius: 0 10px 10px 0;
}

.notyf__dismiss-btn:after,
.notyf__dismiss-btn:before {
  background: #848e9c !important;
}

.notyf__dismiss-btn:hover {
  opacity: 0.85 !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
}

.notyf__toast--dismissible .notyf__wrapper {
  padding-right: 24px !important;
}

/* PC：避开顶栏 */
@media screen and (min-width: 481px) {
  .notyf {
    padding-top: 80px !important;
  }
}

/* 手机：圆角卡片 + 左右留白，不再通栏贴边 */
@media only screen and (max-width: 480px) {
  .notyf {
    padding: 56px 12px 12px !important;
    align-items: center !important;
  }

  .notyf__toast {
    width: auto !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0;
    border-radius: 10px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
  }

  .notyf__toast--upper {
    margin-bottom: 10px !important;
  }

  .notyf__dismiss {
    width: 36px !important;
  }
}

/* 顺带统一 layui 轻提示（上传等场景） */
.layui-layer-msg {
  min-width: 0 !important;
}

.layui-layer-msg .layui-layer-content {
  background: #181a20 !important;
  color: #eaecef !important;
  border: 1px solid #2b3139 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
  padding: 12px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

.layui-layer-hui {
  background: transparent !important;
  box-shadow: none !important;
}