.qx-popup-mask {
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .62);
}

.qx-popup-dialog {
  box-sizing: border-box;
  width: 388px;
  max-width: calc(100vw - 24px);
  overflow: hidden;
  border: 1px solid #5c627c;
  border-radius: 8px;
  background: #060d23;
  color: #fff;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .55);
}

.qx-popup-visual {
  display: grid;
  min-height: 104px;
  overflow: hidden;
  grid-template-columns: 128px minmax(0, 1fr);
  align-items: center;
}

.qx-popup-art-wrap {
  width: 128px;
  height: 103px;
  overflow: hidden;
}

.qx-popup-art {
  display: block;
  width: 100%;
  height: 103px;
  object-fit: cover;
  object-position: center;
  transform: translateX(-5px) scale(1.5);
  transform-origin: 50% 10px;
}

.qx-popup-message {
  padding: 16px 22px 16px 2px;
  overflow-wrap: anywhere;
  color: #fff;
  font: 400 16px/1.55 "Microsoft YaHei", sans-serif;
  white-space: pre-line;
}

.qx-popup-actions {
  display: flex;
  height: 52px;
  border-top: 1px solid #777d96;
}

.qx-popup-button {
  min-width: 0;
  flex: 1 1 50%;
  border: 0;
  background: #071025;
  color: #fff;
  cursor: pointer;
  font: 400 14px/52px "Microsoft YaHei", sans-serif;
}

.qx-popup-button + .qx-popup-button { border-left: 1px solid #777d96; }
.qx-popup-confirm { background: #7940df; }
.qx-popup-button:hover { filter: brightness(1.1); }
.qx-popup-button:active { filter: brightness(.92); }
.qx-popup-button:focus-visible { outline: 2px solid #cbb3ff; outline-offset: -3px; }

@media (max-width: 420px) {
  .qx-popup-visual { grid-template-columns: 108px minmax(0, 1fr); }
  .qx-popup-art-wrap { width: 108px; }
  .qx-popup-message { padding-right: 14px; font-size: 15px; }
}

/* Shared skin for content-rich dialogs. Caller-provided dimensions stay intact. */
.layui-layer,
.ui-dialog,
.blockMsg,
.qx-home .notice-modal,
.m-modal .m-modal-dialog {
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #5c627c !important;
  border-radius: 8px !important;
  background: #060d23 !important;
  color: #fff !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .55) !important;
}

.layui-layer-title,
.ui-dialog .ui-dialog-titlebar,
.blockMsg .title,
.qx-home .notice-modal-header,
.m-modal .m-top {
  border-bottom: 1px solid #4b526d !important;
  background: #071025 !important;
  color: #fff !important;
}

.layui-layer-content,
.ui-dialog .ui-dialog-content,
.blockMsg .content,
.qx-home .notice-modal-body,
.m-modal .m-middle {
  background: #060d23 !important;
  color: #dce7ff !important;
}

.m-modal .m-middle,
.m-modal .m-middle * {
  color: #dce7ff !important;
}

.m-modal .m-top { margin-top: 0; }

.layui-layer-btn a,
.ui-dialog .ui-dialog-buttonpane button,
.blockMsg .submit,
.m-modal .m-bottom button {
  border: 0 !important;
  border-radius: 0 !important;
  background: #7940df !important;
  color: #fff !important;
}

.layui-layer-btn,
.ui-dialog .ui-dialog-buttonpane,
.blockMsg .bottom,
.m-modal .m-bottom {
  border-top: 1px solid #4b526d !important;
  background: #071025 !important;
}

.layui-layer-btn .layui-layer-btn1,
.ui-dialog .ui-dialog-buttonpane button + button,
.blockMsg .cancel,
.m-modal .m-bottom .m-btn-cancel {
  background: #071025 !important;
  color: #fff !important;
}

.layui-layer-setwin .layui-layer-close1,
.ui-dialog .ui-dialog-titlebar-close,
.qx-home .notice-close,
.m-modal .m-modal-close {
  color: #c7d3ef !important;
  opacity: .85;
}

.layui-layer-btn a:hover,
.ui-dialog .ui-dialog-buttonpane button:hover,
.blockMsg .submit:hover,
.blockMsg .cancel:hover,
.m-modal .m-bottom button:hover { filter: brightness(1.1); }

.layui-layer-btn a:active,
.ui-dialog .ui-dialog-buttonpane button:active,
.blockMsg .submit:active,
.blockMsg .cancel:active,
.m-modal .m-bottom button:active { filter: brightness(.92); }

.layui-layer-btn a:focus-visible,
.ui-dialog .ui-dialog-buttonpane button:focus-visible,
.blockMsg input:focus-visible,
.m-modal .m-bottom button:focus-visible {
  outline: 2px solid #cbb3ff !important;
  outline-offset: -3px;
}

.layui-layer-shade,
.ui-widget-overlay,
.alert-zd,
.m-modal {
  background: rgba(0, 0, 0, .62) !important;
  background-image: none !important;
}

.layui-layer-shade,
.ui-widget-overlay {
  opacity: 1 !important;
  filter: none !important;
}

.ui-widget-overlay {
  position: fixed !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
}