body .layui-layer {
        border: 1px solid rgba(255, 255, 255, 0.10) !important;
        border-radius: 0 !important;
        background: linear-gradient(180deg, rgba(18, 23, 31, 0.98) 0%, rgba(10, 14, 20, 0.98) 100%) !important;
        box-shadow: 0 24px 56px rgba(0, 0, 0, 0.34) !important;
        overflow: hidden !important;
        backface-visibility: hidden !important;
        -webkit-font-smoothing: antialiased;
        contain: layout paint !important;
    }

    body .layui-layer.layer-anim {
        animation-duration: 0.22s !important;
        animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    body .layui-layer.layer-anim-00,
    body .layui-layer.layer-anim-05 {
        animation-name: xy-layer-in !important;
    }

    body .layui-layer.layer-anim-close {
        animation-name: xy-layer-out !important;
        animation-duration: 0.16s !important;
        animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
    }

    @keyframes xy-layer-in {
        from {
            opacity: 0;
            transform: translate3d(0, 12px, 0) scale(0.985);
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }
    }

    @keyframes xy-layer-out {
        from {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }

        to {
            opacity: 0;
            transform: translate3d(0, 8px, 0) scale(0.985);
        }
    }

    body .layui-layer .layui-layer-title {
        height: 54px !important;
        line-height: 54px !important;
        padding: 0 112px 0 20px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        background: linear-gradient(180deg, rgba(25, 31, 40, 0.98) 0%, rgba(15, 20, 28, 0.98) 100%) !important;
        background-clip: padding-box !important;
        color: #edf4ff !important;
        font-size: 16px !important;
        font-weight: 700 !important;
    }

    body .layui-layer .layui-layer-content,
    body .layui-layer .layui-layer-content iframe,
    body .layui-layer.layui-layer-iframe .layui-layer-content {
        background: #090e15 !important;
        color: #edf4ff !important;
        transform: translateZ(0) !important;
        backface-visibility: hidden !important;
    }

    body .layui-layer .layui-layer-iframe iframe {
        display: block !important;
        transform: translateZ(0) !important;
        backface-visibility: hidden !important;
    }

    body .layui-layer .layui-layer-btn {
        border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
        background: linear-gradient(180deg, rgba(14, 19, 27, 0.98) 0%, rgba(10, 14, 20, 0.98) 100%) !important;
        padding: 12px 16px !important;
    }

    body .layui-layer .layui-layer-btn a {
        height: 38px !important;
        line-height: 38px !important;
        border-radius: 0 !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        background: rgba(255, 255, 255, 0.05) !important;
        color: #edf4ff !important;
        transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, transform 0.18s ease !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    }

    body .layui-layer .layui-layer-btn a:hover {
        background: rgba(255, 255, 255, 0.09) !important;
        border-color: rgba(255, 255, 255, 0.20) !important;
        color: #f7fbff !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.10),
            0 10px 22px rgba(0, 0, 0, 0.22) !important;
        transform: translateY(-1px) !important;
    }

    body .layui-layer .layui-layer-btn a:active {
        transform: translateY(0) !important;
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.22) !important;
    }

    body .layui-layer .layui-layer-btn .layui-layer-btn0 {
        border-color: rgba(73, 240, 171, 0.34) !important;
        background: linear-gradient(135deg, rgba(56, 183, 125, 0.98), rgba(73, 240, 171, 0.96)) !important;
        color: #07140f !important;
        box-shadow:
            0 12px 26px rgba(22, 132, 77, 0.26),
            inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
    }

    body .layui-layer .layui-layer-btn .layui-layer-btn0:hover {
        border-color: rgba(137, 255, 198, 0.52) !important;
        background: linear-gradient(135deg, rgba(91, 224, 153, 0.98), rgba(40, 181, 109, 0.98)) !important;
        color: #03120a !important;
        box-shadow:
            0 14px 30px rgba(22, 132, 77, 0.32),
            0 0 20px rgba(73, 240, 171, 0.20),
            inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
    }

    html body .pear-btn.pear-btn-primary,
    html body .layui-btn.layui-btn-primary,
    html body button.pear-btn.pear-btn-primary,
    html body a.pear-btn.pear-btn-primary {
        border-color: rgba(88, 232, 154, 0.46) !important;
        background: linear-gradient(135deg, #49d38b 0%, #1ea85f 100%) !important;
        color: #04130b !important;
        box-shadow:
            0 10px 24px rgba(21, 110, 66, 0.22),
            0 0 18px rgba(73, 211, 139, 0.16) !important;
    }

    html body .pear-btn.pear-btn-primary:hover,
    html body .layui-btn.layui-btn-primary:hover,
    html body button.pear-btn.pear-btn-primary:hover,
    html body a.pear-btn.pear-btn-primary:hover {
        border-color: rgba(132, 244, 186, 0.54) !important;
        background: linear-gradient(135deg, #5be099 0%, #28b56d 100%) !important;
        color: #03120a !important;
        box-shadow:
            0 14px 28px rgba(21, 110, 66, 0.28),
            0 0 24px rgba(92, 232, 154, 0.24) !important;
    }

    html body .pear-btn.pear-btn-primary i,
    html body .layui-btn.layui-btn-primary i,
    html body button.pear-btn.pear-btn-primary i,
    html body a.pear-btn.pear-btn-primary i {
        color: #04130b !important;
    }

    .layui-layer .layui-layer-setwin {
        top: 0 !important;
        right: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        width: auto !important;
        height: 54px !important;
        padding: 0 !important;
        line-height: 54px !important;
        transform: translateZ(0) !important;
        backface-visibility: hidden !important;
    }

    .layui-layer .layui-layer-setwin .layui-layer-min,
    .layui-layer .layui-layer-setwin .layui-layer-max,
    .layui-layer .layui-layer-setwin .layui-layer-maxmin,
    .layui-layer .layui-layer-setwin .layui-layer-close1,
    .layui-layer .layui-layer-setwin .layui-layer-close2 {
        top: auto !important;
        right: auto !important;
        left: auto !important;
        margin: 0 !important;
        line-height: 0 !important;
        background-image: none !important;
        background-position: center center !important;
        transform: none !important;
    }

    .layui-layer .layui-layer-setwin a {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        vertical-align: middle !important;
        align-self: center !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        border: 1px solid rgba(255, 255, 255, 0.16) !important;
        background: rgba(255, 255, 255, 0.14) !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24) !important;
        transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
        opacity: 1 !important;
        text-decoration: none !important;
        background-image: none !important;
        font-size: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        line-height: 32px !important;
        transform: translateZ(0) !important;
        backface-visibility: hidden !important;
    }

    .layui-layer .layui-layer-setwin a:hover {
        border-color: rgba(255, 255, 255, 0.28) !important;
        background: rgba(255, 255, 255, 0.22) !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24) !important;
    }

    .layui-layer .layui-layer-setwin a:focus-visible {
        outline: none !important;
        border-color: rgba(255, 255, 255, 0.34) !important;
        box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.10), 0 14px 28px rgba(0, 0, 0, 0.30) !important;
    }

    .layui-layer .layui-layer-setwin a:active {
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24) !important;
    }

    .layui-layer .layui-layer-setwin .layui-layer-min cite {
        display: none !important;
    }

    .layui-layer .layui-layer-setwin a.layui-layer-ico {
        background-image: none !important;
        background-position: center center !important;
    }

    .layui-layer .layui-layer-setwin a::before,
    .layui-layer .layui-layer-setwin a::after {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        box-sizing: border-box !important;
        pointer-events: none !important;
    }

    .layui-layer .layui-layer-setwin .layui-layer-min::before {
        width: 12px !important;
        height: 2px !important;
        border-radius: 0 !important;
        background: #f7fbff !important;
        transform: translate(-50%, -50%) !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
    }

    .layui-layer .layui-layer-setwin .layui-layer-min::after {
        display: none !important;
    }

    .layui-layer .layui-layer-setwin .layui-layer-max::before {
        width: 11px !important;
        height: 11px !important;
        border: 1.6px solid #f7fbff !important;
        border-radius: 0 !important;
        background: transparent !important;
        transform: translate(-50%, -50%) !important;
    }

    .layui-layer .layui-layer-setwin .layui-layer-max::after {
        display: none !important;
    }

    .layui-layer .layui-layer-setwin .layui-layer-maxmin::before {
        width: 10px !important;
        height: 10px !important;
        border: 1.6px solid #f7fbff !important;
        border-radius: 0 !important;
        background: rgba(16, 22, 32, 0.92) !important;
        transform: translate(-35%, -65%) !important;
    }

    .layui-layer .layui-layer-setwin .layui-layer-maxmin::after {
        width: 10px !important;
        height: 10px !important;
        border: 1.6px solid #f7fbff !important;
        border-radius: 0 !important;
        background: transparent !important;
        transform: translate(-65%, -35%) !important;
    }

    .layui-layer .layui-layer-setwin .layui-layer-close1::before,
    .layui-layer .layui-layer-setwin .layui-layer-close2::before,
    .layui-layer .layui-layer-setwin .layui-layer-close1::after,
    .layui-layer .layui-layer-setwin .layui-layer-close2::after {
        width: 14px !important;
        height: 2px !important;
        border-radius: 0 !important;
        background: #f7fbff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
    }

    .layui-layer .layui-layer-setwin .layui-layer-close1::before,
    .layui-layer .layui-layer-setwin .layui-layer-close2::before {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    .layui-layer .layui-layer-setwin .layui-layer-close1::after,
    .layui-layer .layui-layer-setwin .layui-layer-close2::after {
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }

    body .layui-layer.layui-layer-msg {
        min-width: 300px !important;
        min-height: 54px !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        border-radius: 0 !important;
        background: linear-gradient(180deg, rgba(20, 24, 30, 0.98) 0%, rgba(12, 16, 22, 0.98) 100%) !important;
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.35) !important;
        overflow: hidden !important;
    }

    body .layui-layer.layui-layer-msg .layui-layer-content {
        display: block !important;
        min-height: 52px !important;
        padding: 15px 20px !important;
        color: #ecf2f8 !important;
        font-size: 14px !important;
        line-height: 22px !important;
        text-align: left !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body .layui-layer.layui-layer-msg .layui-layer-content.layui-layer-padding {
        padding: 15px 20px 15px 58px !important;
    }

    body .layui-layer.layui-layer-msg .layui-layer-ico {
        position: absolute !important;
        left: 18px !important;
        top: 50% !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        transform: translateY(-50%) scale(0.86) !important;
        filter: brightness(1.15) !important;
    }

    body .layui-layer.layui-layer-msg .layui-layer-ico1,
    body .layui-layer.layui-layer-msg .layui-layer-ico2,
    body .layui-layer.layui-layer-msg .layui-layer-ico3,
    body .layui-layer.layui-layer-msg .layui-layer-ico4,
    body .layui-layer.layui-layer-msg .layui-layer-ico5,
    body .layui-layer.layui-layer-msg .layui-layer-ico6 {
        display: block !important;
        background-image: var(--xy-layer-icon-url) !important;
        background-repeat: no-repeat !important;
    }

    body .layui-layer-dialog:not(.layui-layer-prompt):not(.layui-layer-msg) .layui-layer-content.layui-layer-padding {
        display: block !important;
        min-height: 66px !important;
        padding: 20px 22px 20px 64px !important;
        color: #ecf2f8 !important;
        font-size: 14px !important;
        line-height: 22px !important;
        text-align: left !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body .layui-layer-dialog:not(.layui-layer-prompt):not(.layui-layer-msg) .layui-layer-content.layui-layer-padding .layui-layer-ico {
        position: absolute !important;
        left: 22px !important;
        top: 50% !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        transform: translateY(-50%) scale(0.9) !important;
        background-image: var(--xy-layer-icon-url) !important;
        background-repeat: no-repeat !important;
        filter: brightness(1.12) !important;
    }

    html body,
    html body .pear-container,
    html body .layui-fluid,
    html body .layui-card,
    html body .layui-panel,
    html body .layui-collapse,
    html body .layui-colla-item,
    html body .layui-colla-content,
    html body .layui-tab-content,
    html body .layui-table-view,
    html body .layui-table,
    html body .layui-table-header,
    html body .layui-table-tool,
    html body .layui-table-page,
    html body .layui-table-box,
    html body .layui-table-fixed,
    html body .layui-table-fixed-l,
    html body .layui-table-fixed-r,
    html body .layui-card-body {
        background-color: #0b1016 !important;
        color: #dfe7ef !important;
    }

    html body .layui-card,
    html body .pear-container,
    html body .layui-panel,
    html body .layui-collapse,
    html body .layui-colla-item,
    html body .layui-table-view,
    html body .layui-form-pane .layui-form-label,
    html body .layui-input,
    html body .layui-textarea,
    html body .layui-select-title input,
    html body .layui-form-select dl,
    html body .layui-table-tool-panel,
    html body .pear-tab .layui-tab-title,
    html body .pear-tab .layui-tab-control > li,
    html body .pear-tab-menu,
    html body .layui-laydate,
    html body .layui-laydate-content td,
    html body .layui-laydate-content thead,
    html body .layui-transfer-box,
    html body .layui-upload-drag,
    html body .webui-popover,
    html body .webui-popover-title,
    html body .toastify,
    html body .xm-select-parent .xm-input,
    html body .xm-select-parent .xm-form-select dl {
        border-color: rgba(255, 255, 255, 0.08) !important;
        background: linear-gradient(180deg, rgba(17, 23, 31, 0.98) 0%, rgba(11, 15, 21, 0.98) 100%) !important;
        color: #dfe7ef !important;
        box-shadow: none !important;
    }

    html body .layui-card-header,
    html body .layui-colla-title,
    html body .layui-tab-title,
    html body .layui-tab-title li,
    html body .pear-tab-menu .item,
    html body .layui-transfer-header,
    html body .layui-laydate-header,
    html body .layui-laydate-footer,
    html body .webui-popover-title {
        background: linear-gradient(180deg, rgba(21, 28, 37, 0.98) 0%, rgba(13, 18, 24, 0.98) 100%) !important;
        border-color: rgba(255, 255, 255, 0.08) !important;
        color: #edf4ff !important;
    }

    html body .layui-input,
    html body .layui-textarea,
    html body .layui-select-title input,
    html body .layui-form-pane .layui-form-label,
    html body .xm-select-parent .xm-input {
        color: #edf4ff !important;
    }

    html body .layui-input::placeholder,
    html body .layui-textarea::placeholder,
    html body .layui-select-title input::placeholder {
        color: #7f8a97 !important;
    }

    html body .layui-input:focus,
    html body .layui-textarea:focus,
    html body .layui-select-title input:focus,
    html body .xm-select-parent .xm-input:focus {
        border-color: rgba(98, 226, 155, 0.36) !important;
        box-shadow: 0 0 0 4px rgba(67, 171, 111, 0.14) !important;
    }

    html body .layui-form-select dl dd,
    html body .layui-form-select dl dt,
    html body .xm-select-parent .xm-form-select dl dd,
    html body .xm-select-parent .xm-form-select dl dt,
    html body .layui-transfer-data li,
    html body .layui-tree-entry {
        color: #dfe7ef !important;
        background: transparent !important;
    }

    html body .layui-form-select dl dd:hover,
    html body .layui-form-select dl dd.layui-this,
    html body .xm-select-parent .xm-form-select dl dd:hover,
    html body .xm-select-parent .xm-form-select dl dd.xm-select-this,
    html body .layui-transfer-data li:hover,
    html body .layui-tree-entry:hover,
    html body .pear-tab-menu .item:hover {
        background: rgba(255, 255, 255, 0.08) !important;
        color: #f4f8fc !important;
    }

    html body .layui-form-selected dl,
    html body .layui-anim-upbit,
    html body .layui-anim-upbit dl,
    html body .layui-menu,
    html body .layui-dropdown-menu,
    html body .layui-nav-child,
    html body .layui-tree-pack,
    html body .layui-transfer-search {
        background: linear-gradient(180deg, rgba(16, 21, 29, 0.99) 0%, rgba(10, 14, 19, 0.99) 100%) !important;
        border-color: rgba(255, 255, 255, 0.08) !important;
        color: #dfe7ef !important;
    }

    html body .layui-table-header,
    html body .layui-table-tool,
    html body .layui-table-page,
    html body .layui-table th,
    html body .layui-table td,
    html body .layui-table tr,
    html body .layui-table-tool-panel li,
    html body .layui-table-total {
        border-color: rgba(255, 255, 255, 0.08) !important;
        color: #dfe7ef !important;
    }

    html body .layui-table thead tr,
    html body .layui-table-header tr,
    html body .layui-table-tool,
    html body .layui-table-tool-panel li:hover {
        background: rgba(255, 255, 255, 0.04) !important;
    }

    html body .layui-table tbody tr:hover,
    html body .layui-table-hover,
    html body .layui-table-click,
    html body .layui-table-hover > td,
    html body .layui-table-click > td {
        background: rgba(255, 255, 255, 0.05) !important;
    }

    html body .layui-laypage a,
    html body .layui-laypage span,
    html body .layui-laypage input,
    html body .layui-laypage button,
    html body .layui-laypage select,
    html body .layui-table-page .layui-laypage-count,
    html body .layui-table-page .layui-laypage-limits,
    html body .layui-table-page .layui-laypage-refresh,
    html body .layui-table-page .layui-laypage-skip {
        background: rgba(255, 255, 255, 0.03) !important;
        border-color: rgba(255, 255, 255, 0.08) !important;
        color: #dfe7ef !important;
    }

    html body .layui-laypage a:hover,
    html body .layui-laypage button:hover,
    html body .layui-laypage input:hover,
    html body .layui-laypage select:hover {
        background: rgba(255, 255, 255, 0.08) !important;
    }

    html body .pear-tab .layui-tab-title,
    html body .pear-tab .layui-tab-title li,
    html body .pear-tab .layui-tab-control > li {
        background-color: #0f141b !important;
        border-color: rgba(255, 255, 255, 0.08) !important;
        color: #c9d3dd !important;
    }

    html body .pear-tab .layui-tab-title .layui-tab-close:hover,
    html body .pear-tab .layui-tab-title li:hover,
    html body .pear-tab .layui-tab-control > li:hover {
        background: rgba(255, 255, 255, 0.08) !important;
        color: #f4f8fc !important;
    }

    html body .pear-btn,
    html body .layui-btn,
    html body .config-card-action {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        border-radius: 0 !important;
        border-color: rgba(255, 255, 255, 0.10) !important;
        background: linear-gradient(180deg, rgba(36, 45, 56, 0.96) 0%, rgba(20, 27, 36, 0.96) 100%) !important;
        color: #dfe7ef !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.08),
            0 8px 18px rgba(0, 0, 0, 0.16) !important;
        transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, transform 0.18s ease !important;
        opacity: 1 !important;
        text-decoration: none !important;
        vertical-align: middle !important;
    }

    html body .pear-btn i,
    html body .layui-btn i {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        margin: 0 !important;
    }

    html body .pear-btn:hover,
    html body .layui-btn:hover,
    html body .config-card-action:hover {
        background: linear-gradient(180deg, rgba(48, 58, 70, 0.98) 0%, rgba(26, 34, 45, 0.98) 100%) !important;
        color: #f4f8fc !important;
        border-color: rgba(255, 255, 255, 0.18) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.10),
            0 12px 24px rgba(0, 0, 0, 0.22) !important;
        transform: translateY(-1px) !important;
        opacity: 1 !important;
    }

    html body .pear-btn:active,
    html body .layui-btn:active,
    html body .config-card-action:active {
        transform: translateY(0) !important;
        box-shadow:
            inset 0 1px 4px rgba(0, 0, 0, 0.26),
            0 6px 14px rgba(0, 0, 0, 0.16) !important;
    }

    html body .pear-btn:focus-visible,
    html body .layui-btn:focus-visible,
    html body .config-card-action:focus-visible {
        outline: none !important;
        border-color: rgba(98, 226, 155, 0.42) !important;
        box-shadow:
            0 0 0 4px rgba(67, 171, 111, 0.16),
            0 12px 24px rgba(0, 0, 0, 0.22) !important;
    }

    html body .pear-btn.pear-btn-primary:hover,
    html body .layui-btn.layui-btn-primary:hover,
    html body .layui-btn.layui-btn-normal:hover,
    html body .config-card-action.primary:hover {
        background: linear-gradient(135deg, #5be099 0%, #28b56d 100%) !important;
        color: #04130b !important;
        border-color: rgba(132, 244, 186, 0.44) !important;
        box-shadow:
            0 14px 28px rgba(21, 110, 66, 0.28),
            0 0 24px rgba(92, 232, 154, 0.22),
            inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
    }

    html body .layui-btn-primary,
    html body .pear-btn-primary,
    html body .layui-btn-normal,
    html body .config-card-action.primary {
        background: linear-gradient(135deg, #49d38b 0%, #1ea85f 100%) !important;
        color: #04130b !important;
        border-color: rgba(88, 232, 154, 0.34) !important;
        box-shadow:
            0 10px 24px rgba(21, 110, 66, 0.22),
            0 0 18px rgba(73, 211, 139, 0.16),
            inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    }

    html body .pear-btn-danger,
    html body .layui-btn-danger {
        background: linear-gradient(135deg, #ff6b6b 0%, #d94141 100%) !important;
        color: #fff8f8 !important;
        border-color: rgba(255, 122, 122, 0.42) !important;
        box-shadow:
            0 10px 24px rgba(156, 40, 40, 0.22),
            inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    }

    html body .pear-btn-danger:hover,
    html body .layui-btn-danger:hover {
        background: linear-gradient(135deg, #ff7d7d 0%, #e04b4b 100%) !important;
        color: #ffffff !important;
        border-color: rgba(255, 152, 152, 0.50) !important;
        box-shadow:
            0 14px 28px rgba(156, 40, 40, 0.28),
            0 0 20px rgba(255, 107, 107, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    }

    html body .pear-btn-warming,
    html body .layui-btn-warm {
        background: linear-gradient(135deg, #ffc15a 0%, #d88a24 100%) !important;
        color: #1a1004 !important;
        border-color: rgba(255, 202, 112, 0.42) !important;
        box-shadow:
            0 10px 24px rgba(150, 90, 25, 0.22),
            inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    }

    html body .pear-btn-warming:hover,
    html body .layui-btn-warm:hover {
        background: linear-gradient(135deg, #ffcb70 0%, #e39a34 100%) !important;
        color: #160d03 !important;
        border-color: rgba(255, 219, 140, 0.50) !important;
    }

    html body .pear-btn-success,
    html body .layui-btn.layui-btn-success {
        background: linear-gradient(135deg, #51d68f 0%, #249d62 100%) !important;
        color: #04130b !important;
        border-color: rgba(95, 224, 154, 0.38) !important;
    }

    html body .layui-btn-disabled,
    html body .layui-btn-disabled:hover,
    html body .layui-btn.layui-disabled,
    html body .layui-btn.layui-disabled:hover,
    html body .pear-btn-disabled,
    html body .pear-btn[disabled],
    html body .pear-btn[disabled]:hover,
    html body button[disabled].pear-btn,
    html body button[disabled].layui-btn {
        cursor: not-allowed !important;
        border-color: rgba(255, 255, 255, 0.06) !important;
        background: rgba(255, 255, 255, 0.04) !important;
        color: #6f7a85 !important;
        box-shadow: none !important;
        transform: none !important;
        opacity: 0.72 !important;
    }

    html body .layui-badge,
    html body .layui-badge-rim {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.10) !important;
        color: #edf4ff !important;
    }

    html body .layui-table-body::-webkit-scrollbar-track,
    html body ::-webkit-scrollbar-track {
        background: #0b1016 !important;
    }

    html body .layui-table-body::-webkit-scrollbar-thumb,
    html body ::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.18) !important;
    }

    html body .webui-popover-inner .close {
        color: #edf4ff !important;
        text-shadow: none !important;
        opacity: 0.5 !important;
    }

    html body .toastify,
    html body .toast-close {
        color: #edf4ff !important;
    }

    /* War3 Model View global skin */
    :root {
        color-scheme: dark;
        --wmv-bg: #000000;
        --wmv-bg-soft: #030712;
        --wmv-panel: rgba(8, 13, 24, 0.94);
        --wmv-panel-strong: rgba(3, 7, 18, 0.98);
        --wmv-panel-soft: rgba(17, 24, 39, 0.82);
        --wmv-border: rgba(34, 211, 238, 0.28);
        --wmv-border-soft: rgba(148, 163, 184, 0.14);
        --wmv-cyan: #22d3ee;
        --wmv-cyan-strong: #00f3ff;
        --wmv-blue: #3b82f6;
        --wmv-purple: #a855f7;
        --wmv-pink: #ec4899;
        --wmv-emerald: #10b981;
        --wmv-amber: #f59e0b;
        --wmv-red: #ef4444;
        --wmv-text: #e5e7eb;
        --wmv-muted: #94a3b8;
        --wmv-faint: #64748b;
        --wmv-radius: 0;
        --wmv-shadow-cyan: 0 0 32px rgba(34, 211, 238, 0.14);
        --wmv-shadow-blue: 0 16px 40px rgba(0, 0, 0, 0.45), 0 0 60px rgba(59, 130, 246, 0.12);
        --wmv-font: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans SC", sans-serif;
    }

    html,
    body {
        background:
            radial-gradient(circle at 18% 0%, rgba(34, 211, 238, 0.16), transparent 32%),
            radial-gradient(circle at 85% 16%, rgba(168, 85, 247, 0.14), transparent 28%),
            linear-gradient(135deg, #030712 0%, #000000 48%, #020617 100%) !important;
        color: var(--wmv-text) !important;
        font-family: var(--wmv-font) !important;
        font-synthesis: none;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
    }

    body::selection {
        background: rgba(34, 211, 238, 0.34);
        color: #ffffff;
    }

    html body a {
        color: #67e8f9;
    }

    html body a:hover {
        color: #cffafe;
    }

    html body * {
        scrollbar-width: thin;
        scrollbar-color: rgba(34, 211, 238, 0.34) transparent;
    }

    html body ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    html body ::-webkit-scrollbar-track,
    html body .layui-table-body::-webkit-scrollbar-track {
        background: transparent !important;
    }

    html body ::-webkit-scrollbar-thumb,
    html body .layui-table-body::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: rgba(34, 211, 238, 0.28) !important;
        box-shadow: 0 0 10px rgba(34, 211, 238, 0.18);
    }

    html body ::-webkit-scrollbar-thumb:hover,
    html body .layui-table-body::-webkit-scrollbar-thumb:hover {
        background: rgba(34, 211, 238, 0.48) !important;
    }

    html body .pear-admin,
    html body .layui-layout,
    html body .layui-layout-admin,
    html body .layui-body,
    html body #content {
        background:
            linear-gradient(180deg, rgba(3, 7, 18, 0.92), rgba(0, 0, 0, 0.98)),
            radial-gradient(circle at 18% 8%, rgba(34, 211, 238, 0.12), transparent 34%) !important;
        color: var(--wmv-text) !important;
    }

    html body .pear-admin .layui-header,
    html body .pear-admin .layui-footer,
    html body .pear-admin .layui-side,
    html body .pear-admin .layui-side-scroll,
    html body .pear-admin .layui-logo,
    html body .layui-header,
    html body .layui-footer,
    html body .layui-side,
    html body .layui-side-scroll,
    html body .layui-logo {
        background:
            linear-gradient(90deg, rgba(17, 24, 39, 0.96), rgba(3, 7, 18, 0.98)),
            radial-gradient(circle at top left, rgba(34, 211, 238, 0.14), transparent 34%) !important;
        border-color: rgba(34, 211, 238, 0.18) !important;
        color: var(--wmv-text) !important;
        box-shadow: var(--wmv-shadow-blue) !important;
    }

    html body .pear-admin .layui-header {
        border-bottom: 1px solid rgba(34, 211, 238, 0.22) !important;
    }

    html body .pear-admin .layui-side {
        border-right: 1px solid rgba(34, 211, 238, 0.24) !important;
    }

    html body .pear-admin .layui-footer {
        border-top: 1px solid rgba(34, 211, 238, 0.16) !important;
        color: var(--wmv-muted) !important;
    }

    html body .pear-admin .layui-logo .title,
    html body .layui-logo .title,
    html body .layui-card-header,
    html body .layui-colla-title,
    html body .layui-tab-title li.layui-this,
    html body .pear-tab .layui-tab-title li.layui-this,
    html body .layui-nav-tree .layui-this > a,
    html body .layui-nav-tree .layui-this > a:hover {
        color: var(--wmv-cyan) !important;
        text-shadow: 0 0 14px rgba(34, 211, 238, 0.36);
    }

    html body .layui-nav,
    html body .layui-nav-tree,
    html body .layui-nav-item,
    html body .layui-nav .layui-nav-item a,
    html body .pear-admin .layui-header .layui-nav .layui-nav-item > a,
    html body .layui-layout-right a,
    html body .layui-layout-left a {
        background: transparent !important;
        color: #cbd5e1 !important;
    }

    html body .layui-nav .layui-nav-item a:hover,
    html body .layui-nav .layui-this > a,
    html body .layui-layout-right a:hover,
    html body .layui-layout-left a:hover,
    html body .pear-tab .layui-tab-title li:hover,
    html body .pear-tab .layui-tab-control > li:hover {
        color: #ecfeff !important;
        background: rgba(34, 211, 238, 0.10) !important;
        text-shadow: 0 0 12px rgba(34, 211, 238, 0.34);
    }

    html body .layui-nav-bar,
    html body .layui-nav-tree .layui-nav-bar,
    html body .pear-admin .layui-header .layui-nav .layui-nav-bar {
        background: linear-gradient(90deg, var(--wmv-cyan-strong), var(--wmv-blue)) !important;
        box-shadow: 0 0 18px rgba(34, 211, 238, 0.5);
    }

    html body .layui-nav-child,
    html body .layui-menu,
    html body .layui-dropdown-menu,
    html body .layui-anim-upbit,
    html body .layui-form-selected dl,
    html body .layui-tree-pack,
    html body .layui-transfer-search {
        background:
            linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(3, 7, 18, 0.98)) !important;
        border: 1px solid rgba(34, 211, 238, 0.22) !important;
        box-shadow: 0 18px 40px rgba(0, 0, 0, 0.48), 0 0 28px rgba(34, 211, 238, 0.10) !important;
        color: var(--wmv-text) !important;
    }

    html body .pear-container,
    html body .layui-fluid,
    html body .layui-card,
    html body .layui-panel,
    html body .layui-collapse,
    html body .layui-colla-item,
    html body .layui-colla-content,
    html body .layui-tab,
    html body .layui-tab-content,
    html body .layui-table-view,
    html body .layui-table,
    html body .layui-table-header,
    html body .layui-table-tool,
    html body .layui-table-page,
    html body .layui-table-box,
    html body .layui-table-fixed,
    html body .layui-table-fixed-l,
    html body .layui-table-fixed-r,
    html body .layui-card-body,
    html body .layui-form-pane .layui-form-label,
    html body .layui-transfer-box,
    html body .layui-upload-drag,
    html body .webui-popover,
    html body .webui-popover-title,
    html body .toastify,
    html body .xm-select-parent .xm-input,
    html body .xm-select-parent .xm-form-select dl,
    html body .config-card,
    html body button.metric-card,
    html body .panel,
    html body .card {
        border-color: var(--wmv-border) !important;
        background:
            linear-gradient(145deg, rgba(17, 24, 39, 0.84), rgba(3, 7, 18, 0.94)),
            radial-gradient(circle at top right, rgba(34, 211, 238, 0.10), transparent 45%) !important;
        color: var(--wmv-text) !important;
        box-shadow: var(--wmv-shadow-blue) !important;
        backdrop-filter: blur(12px);
    }

    html body .layui-card,
    html body .layui-panel,
    html body .layui-table-view,
    html body .layui-collapse,
    html body .layui-transfer-box,
    html body .layui-upload-drag,
    html body .webui-popover,
    html body .config-card,
    html body .metric-card,
    html body .panel,
    html body .card {
        border-radius: 0 !important;
        overflow: hidden;
    }

    html body .layui-card-header,
    html body .layui-colla-title,
    html body .layui-tab-title,
    html body .layui-tab-title li,
    html body .pear-tab-menu .item,
    html body .layui-transfer-header,
    html body .layui-laydate-header,
    html body .layui-laydate-footer,
    html body .webui-popover-title,
    html body .layui-table-tool,
    html body .layui-table thead tr,
    html body .layui-table-header tr {
        background:
            linear-gradient(90deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98)),
            linear-gradient(90deg, rgba(34, 211, 238, 0.08), transparent) !important;
        border-color: rgba(34, 211, 238, 0.20) !important;
        color: #e0f2fe !important;
    }

    html body .layui-table th,
    html body .layui-table td,
    html body .layui-table tr,
    html body .layui-table-tool-panel li,
    html body .layui-table-total,
    html body .layui-table[lay-even] tr:nth-child(even),
    html body .layui-table tbody tr {
        border-color: rgba(34, 211, 238, 0.14) !important;
        background: rgba(3, 7, 18, 0.40) !important;
        color: #dbeafe !important;
    }

    html body .layui-table tbody tr:hover,
    html body .layui-table-hover,
    html body .layui-table-click,
    html body .layui-table-hover > td,
    html body .layui-table-click > td {
        background: rgba(34, 211, 238, 0.10) !important;
        color: #f8fafc !important;
    }

    html body .layui-input,
    html body .layui-textarea,
    html body .layui-select-title input,
    html body select,
    html body textarea,
    html body input[type="text"],
    html body input[type="password"],
    html body input[type="number"],
    html body input[type="search"],
    html body input[type="email"],
    html body input[type="tel"],
    html body input[type="url"],
    html body input[type="date"],
    html body .xm-select-parent .xm-input {
        border-color: rgba(34, 211, 238, 0.26) !important;
        background: rgba(3, 7, 18, 0.76) !important;
        color: #ecfeff !important;
        caret-color: var(--wmv-cyan) !important;
        border-radius: 0 !important;
        box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.38) !important;
    }

    html body .layui-input::placeholder,
    html body .layui-textarea::placeholder,
    html body input::placeholder,
    html body textarea::placeholder {
        color: rgba(148, 163, 184, 0.72) !important;
    }

    html body .layui-input:hover,
    html body .layui-textarea:hover,
    html body .layui-select-title input:hover,
    html body input:hover,
    html body textarea:hover,
    html body select:hover {
        border-color: rgba(34, 211, 238, 0.48) !important;
    }

    html body .layui-input:focus,
    html body .layui-textarea:focus,
    html body .layui-select-title input:focus,
    html body input:focus,
    html body textarea:focus,
    html body select:focus,
    html body .xm-select-parent .xm-input:focus {
        outline: none !important;
        border-color: rgba(34, 211, 238, 0.78) !important;
        box-shadow:
            0 0 0 3px rgba(34, 211, 238, 0.16),
            0 0 24px rgba(34, 211, 238, 0.16),
            inset 0 0 14px rgba(0, 0, 0, 0.38) !important;
    }

    html body .layui-form-select dl dd,
    html body .layui-form-select dl dt,
    html body .xm-select-parent .xm-form-select dl dd,
    html body .xm-select-parent .xm-form-select dl dt,
    html body .layui-transfer-data li,
    html body .layui-tree-entry {
        color: #dbeafe !important;
        background: transparent !important;
    }

    html body .layui-form-select dl dd:hover,
    html body .layui-form-select dl dd.layui-this,
    html body .xm-select-parent .xm-form-select dl dd:hover,
    html body .xm-select-parent .xm-form-select dl dd.xm-select-this,
    html body .layui-transfer-data li:hover,
    html body .layui-tree-entry:hover,
    html body .pear-tab-menu .item:hover {
        background: rgba(34, 211, 238, 0.12) !important;
        color: #ffffff !important;
    }

    html body input[type="range"] {
        accent-color: var(--wmv-cyan);
    }

    html body .layui-form-checkbox[lay-skin="primary"] span,
    html body .layui-form-radio *,
    html body .layui-form-switch em,
    html body .layui-form-label,
    html body label {
        color: #cbd5e1 !important;
    }

    html body .layui-form-checked[lay-skin="primary"] i,
    html body .layui-form-onswitch,
    html body .layui-form-radioed > i {
        border-color: var(--wmv-cyan) !important;
        background-color: var(--wmv-cyan) !important;
        color: #020617 !important;
        box-shadow: 0 0 18px rgba(34, 211, 238, 0.34);
    }

    html body .pear-btn,
    html body .layui-btn,
    html body button,
    html body .config-card-action,
    html body .action-link,
    html body .btn,
    html body .ghost-btn,
    html body .solid-btn {
        border-color: rgba(34, 211, 238, 0.34) !important;
        background:
            linear-gradient(135deg, rgba(34, 211, 238, 0.16), rgba(59, 130, 246, 0.16)),
            linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(3, 7, 18, 0.96)) !important;
        color: #bae6fd !important;
        border-radius: 0 !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.10),
            0 10px 24px rgba(0, 0, 0, 0.24),
            0 0 18px rgba(34, 211, 238, 0.10) !important;
        transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, transform 0.18s ease !important;
    }

    html body .pear-btn:hover,
    html body .layui-btn:hover,
    html body button:hover,
    html body .config-card-action:hover,
    html body .action-link:hover,
    html body .btn:hover,
    html body .ghost-btn:hover,
    html body .solid-btn:hover {
        border-color: rgba(103, 232, 249, 0.72) !important;
        background:
            linear-gradient(135deg, rgba(34, 211, 238, 0.26), rgba(59, 130, 246, 0.28)),
            linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(3, 7, 18, 0.98)) !important;
        color: #ecfeff !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.14),
            0 14px 30px rgba(0, 0, 0, 0.32),
            0 0 26px rgba(34, 211, 238, 0.24) !important;
        transform: translateY(-1px);
    }

    html body .pear-btn:active,
    html body .layui-btn:active,
    html body button:active,
    html body .config-card-action:active,
    html body .action-link:active,
    html body .btn:active,
    html body .ghost-btn:active,
    html body .solid-btn:active {
        transform: translateY(0);
    }

    html body .pear-btn.pear-btn-primary,
    html body .layui-btn.layui-btn-primary,
    html body .layui-btn-normal,
    html body .config-card-action.primary,
    html body .solid-btn,
    html body .btn-primary,
    html body .is-primary {
        border-color: rgba(34, 211, 238, 0.64) !important;
        background: linear-gradient(90deg, var(--wmv-cyan), var(--wmv-blue)) !important;
        color: #020617 !important;
        font-weight: 700;
        box-shadow:
            0 12px 28px rgba(34, 211, 238, 0.24),
            0 0 24px rgba(59, 130, 246, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
    }

    html body .pear-btn.pear-btn-primary:hover,
    html body .layui-btn.layui-btn-primary:hover,
    html body .layui-btn-normal:hover,
    html body .config-card-action.primary:hover,
    html body .solid-btn:hover,
    html body .btn-primary:hover,
    html body .is-primary:hover {
        background: linear-gradient(90deg, #67e8f9, #60a5fa) !important;
        color: #020617 !important;
        box-shadow:
            0 14px 34px rgba(34, 211, 238, 0.34),
            0 0 32px rgba(59, 130, 246, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
    }

    html body .pear-btn-danger,
    html body .layui-btn-danger,
    html body .danger-btn {
        border-color: rgba(248, 113, 113, 0.52) !important;
        background: linear-gradient(135deg, rgba(239, 68, 68, 0.26), rgba(127, 29, 29, 0.88)) !important;
        color: #fecaca !important;
        box-shadow: 0 10px 24px rgba(239, 68, 68, 0.18) !important;
    }

    html body .pear-btn-warming,
    html body .layui-btn-warm {
        border-color: rgba(251, 191, 36, 0.52) !important;
        background: linear-gradient(135deg, rgba(245, 158, 11, 0.28), rgba(120, 53, 15, 0.88)) !important;
        color: #fde68a !important;
    }

    html body .pear-btn-success,
    html body .layui-btn.layui-btn-success {
        border-color: rgba(16, 185, 129, 0.54) !important;
        background: linear-gradient(135deg, rgba(16, 185, 129, 0.30), rgba(6, 78, 59, 0.90)) !important;
        color: #a7f3d0 !important;
    }

    html body .layui-btn-disabled,
    html body .layui-btn-disabled:hover,
    html body .layui-btn.layui-disabled,
    html body .layui-btn.layui-disabled:hover,
    html body .pear-btn-disabled,
    html body .pear-btn[disabled],
    html body .pear-btn[disabled]:hover,
    html body button[disabled],
    html body button[disabled]:hover {
        cursor: not-allowed !important;
        border-color: rgba(148, 163, 184, 0.10) !important;
        background: rgba(15, 23, 42, 0.46) !important;
        color: #64748b !important;
        box-shadow: none !important;
        transform: none !important;
        opacity: 0.72 !important;
    }

    html body .layui-laypage a,
    html body .layui-laypage span,
    html body .layui-laypage input,
    html body .layui-laypage button,
    html body .layui-laypage select,
    html body .layui-table-page .layui-laypage-count,
    html body .layui-table-page .layui-laypage-limits,
    html body .layui-table-page .layui-laypage-refresh,
    html body .layui-table-page .layui-laypage-skip {
        background: rgba(3, 7, 18, 0.72) !important;
        border-color: rgba(34, 211, 238, 0.22) !important;
        color: #cbd5e1 !important;
    }

    html body .layui-laypage .layui-laypage-curr .layui-laypage-em {
        background: linear-gradient(90deg, var(--wmv-cyan), var(--wmv-blue)) !important;
        box-shadow: 0 0 18px rgba(34, 211, 238, 0.32);
    }

    html body .layui-badge,
    html body .layui-badge-rim,
    html body .status-chip,
    html body .detail-chip,
    html body .chip,
    html body .tag,
    html body kbd {
        background: rgba(34, 211, 238, 0.10) !important;
        border-color: rgba(34, 211, 238, 0.26) !important;
        color: #a5f3fc !important;
        border-radius: 0 !important;
        box-shadow: 0 0 14px rgba(34, 211, 238, 0.10);
    }

    body .layui-layer {
        border-color: rgba(34, 211, 238, 0.30) !important;
        border-radius: 0 !important;
        background:
            linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(3, 7, 18, 0.98)),
            radial-gradient(circle at top right, rgba(34, 211, 238, 0.14), transparent 42%) !important;
        box-shadow:
            0 28px 72px rgba(0, 0, 0, 0.58),
            0 0 64px rgba(34, 211, 238, 0.16) !important;
    }

    body .layui-layer .layui-layer-title {
        background:
            linear-gradient(90deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98)),
            linear-gradient(90deg, rgba(34, 211, 238, 0.12), transparent) !important;
        border-bottom-color: rgba(34, 211, 238, 0.22) !important;
        color: #ecfeff !important;
        letter-spacing: 0.02em;
    }

    body .layui-layer .layui-layer-content,
    body .layui-layer .layui-layer-content iframe,
    body .layui-layer.layui-layer-iframe .layui-layer-content {
        background: #020617 !important;
        color: var(--wmv-text) !important;
    }

    body .layui-layer .layui-layer-btn {
        border-top-color: rgba(34, 211, 238, 0.18) !important;
        background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(3, 7, 18, 0.98)) !important;
    }

    body .layui-layer .layui-layer-btn .layui-layer-btn0 {
        border-color: rgba(34, 211, 238, 0.64) !important;
        background: linear-gradient(90deg, var(--wmv-cyan), var(--wmv-blue)) !important;
        color: #020617 !important;
        box-shadow: 0 12px 28px rgba(34, 211, 238, 0.24) !important;
    }

    .layui-layer .layui-layer-setwin a {
        border-color: rgba(34, 211, 238, 0.32) !important;
        background: rgba(15, 23, 42, 0.74) !important;
        box-shadow: 0 0 16px rgba(34, 211, 238, 0.10) !important;
    }

    .layui-layer .layui-layer-setwin a:hover {
        border-color: rgba(34, 211, 238, 0.62) !important;
        background: rgba(34, 211, 238, 0.14) !important;
    }

    body .layui-layer.layui-layer-msg {
        border-color: rgba(34, 211, 238, 0.30) !important;
        background:
            linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(3, 7, 18, 0.98)),
            radial-gradient(circle at top right, rgba(34, 211, 238, 0.12), transparent 48%) !important;
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.45), 0 0 28px rgba(34, 211, 238, 0.12) !important;
    }

    html body .layui-laydate,
    html body .layui-laydate-main,
    html body .layui-laydate-content td,
    html body .layui-laydate-content thead {
        background: rgba(3, 7, 18, 0.98) !important;
        border-color: rgba(34, 211, 238, 0.22) !important;
        color: #dbeafe !important;
    }

    html body .layui-laydate .layui-this {
        background: var(--wmv-cyan) !important;
        color: #020617 !important;
    }

    html body .layui-progress,
    html body .layui-progress-bar {
        background-color: rgba(15, 23, 42, 0.92) !important;
    }

    html body .layui-progress-bar {
        background: linear-gradient(90deg, var(--wmv-cyan), var(--wmv-blue)) !important;
        box-shadow: 0 0 18px rgba(34, 211, 238, 0.32);
    }

    html body .loader-main {
        background: rgba(0, 0, 0, 0.82) !important;
        backdrop-filter: blur(6px);
    }

    html body .loader {
        border-color: rgba(34, 211, 238, 0.20) !important;
        border-top-color: var(--wmv-cyan) !important;
        box-shadow: 0 0 24px rgba(34, 211, 238, 0.34);
    }

    html body .pear-cover {
        background: rgba(0, 0, 0, 0.68) !important;
        backdrop-filter: blur(4px);
    }

    html body .menu-search-list li {
        background:
            linear-gradient(145deg, rgba(17, 24, 39, 0.84), rgba(3, 7, 18, 0.96)) !important;
        border: 1px solid rgba(34, 211, 238, 0.20) !important;
        color: #dbeafe !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.26) !important;
    }

    html body .menu-search-list li:hover,
    html body .menu-search-list li.this {
        background: rgba(34, 211, 238, 0.14) !important;
        color: #ecfeff !important;
        border-color: rgba(34, 211, 238, 0.48) !important;
    }

    html body .layui-word-aux,
    html body .help-text,
    html body .empty-inline,
    html body .empty-block,
    html body .layui-table-page,
    html body .layui-form-mid,
    html body .layui-text {
        color: var(--wmv-muted) !important;
    }

    html body .layui-border-box,
    html body .layui-table-view,
    html body .layui-table-box,
    html body .layui-table-header,
    html body .layui-table-body,
    html body .layui-table-page {
        border-color: rgba(34, 211, 238, 0.16) !important;
    }

    html body hr,
    html body .layui-border,
    html body .layui-elem-quote,
    html body .layui-field-box,
    html body fieldset,
    html body .layui-elem-field {
        border-color: rgba(34, 211, 238, 0.22) !important;
    }

    html body .layui-elem-quote {
        background: rgba(34, 211, 238, 0.08) !important;
        color: #dbeafe !important;
    }

    html body .login-shell,
    html body .hero-panel,
    html body .hero-card,
    html body .panel-shell,
    html body .page-shell,
    html body .console,
    html body .stat-card,
    html body .timeline-card,
    html body .latest-panel,
    html body .notes-card,
    html body .recent-card,
    html body .download-card,
    html body .hero-highlight,
    html body .overview-grid > *,
    html body .history-panel,
    html body .empty-panel,
    html body .content,
    html body .search-box,
    html body .function-panel,
    html body .detail-panel,
    html body .detail-content,
    html body .section,
    html body .func-card,
    html body .block,
    html body .workspace > .panel,
    html body .editor-shell,
    html body .topbar,
    html body .stats-card,
    html body .stats-chart-card,
    html body .stats-visitors-card,
    html body .module-group,
    html body .api-item,
    html body .field-pane,
    html body .code-editor,
    html body .lua-editor-module-card {
        border: 1px solid rgba(34, 211, 238, 0.26) !important;
        border-radius: 0 !important;
        background:
            linear-gradient(145deg, rgba(17, 24, 39, 0.82), rgba(3, 7, 18, 0.94)),
            radial-gradient(circle at top right, rgba(34, 211, 238, 0.10), transparent 48%) !important;
        color: var(--wmv-text) !important;
        box-shadow:
            0 16px 40px rgba(0, 0, 0, 0.42),
            0 0 42px rgba(34, 211, 238, 0.10) !important;
    }

    html body .login-brand-mark,
    html body .hero-stat,
    html body .meta-item,
    html body .note-item,
    html body .timeline-note,
    html body .recent-item,
    html body .function-item,
    html body .param-row,
    html body .param-empty,
    html body .evidence,
    html body .return,
    html body .field-input,
    html body .field-textarea,
    html body .demo-textarea,
    html body .search-input,
    html body .sort-btn,
    html body .status-pill,
    html body .list-hint,
    html body .map-cell,
    html body .timestamp-cell,
    html body .download-file,
    html body .empty-box,
    html body .empty-state {
        border-color: rgba(34, 211, 238, 0.22) !important;
        border-radius: 0 !important;
        background: rgba(3, 7, 18, 0.64) !important;
        color: #dbeafe !important;
    }

    html body .login-switch,
    html body .login-switch-btn,
    html body .status-chip,
    html body .timeline-download,
    html body .action-btn,
    html body .download-actions a,
    html body .download-actions button,
    html body .home-link,
    html body .ghost-link,
    html body .close-btn,
    html body .lua-editor-back-top {
        border-radius: 0 !important;
    }

    html body .login-switch-btn.active,
    html body .function-item.active,
    html body .api-item.active,
    html body .nav-link.active,
    html body .status-chip.is-enabled,
    html body .stat-value.is-cyan {
        border-color: rgba(34, 211, 238, 0.58) !important;
        background: rgba(34, 211, 238, 0.14) !important;
        color: #ecfeff !important;
        box-shadow: 0 0 22px rgba(34, 211, 238, 0.18) !important;
    }

    html body .pear-btn-primary:hover,
    html body .layui-btn-normal:hover,
    html body .layui-btn-primary:hover,
    html body .config-card-action.primary:hover,
    html body .CodeMirror-dialog button:hover,
    html body button:hover,
    html body a.action-link:hover,
    html body .action-btn:hover,
    html body .timeline-download:hover {
        background:
            linear-gradient(90deg, #67e8f9, #60a5fa) !important;
        color: #020617 !important;
        border-color: rgba(103, 232, 249, 0.72) !important;
    }

    html body .app-tooltip,
    html body .copy-toast,
    html body .save-toast {
        border-color: rgba(34, 211, 238, 0.34) !important;
        background: rgba(3, 7, 18, 0.94) !important;
        color: #a5f3fc !important;
        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42), 0 0 24px rgba(34, 211, 238, 0.14) !important;
    }

    html body .page-noise,
    html body .hero-panel::before,
    html body .timeline-card::before {
        opacity: 0.28 !important;
    }

    /* War3 Model View square controls */
    html body .pear-btn,
    html body .layui-btn,
    html body button,
    html body input[type="button"],
    html body input[type="submit"],
    html body input[type="reset"],
    html body .btn,
    html body .action-btn,
    html body .toolbar-btn,
    html body .header-link,
    html body .quick-tag,
    html body .config-card-action,
    html body .action-link,
    html body .ghost-btn,
    html body .solid-btn,
    html body .home-link,
    html body .ghost-link,
    html body .timeline-download,
    html body .download-actions a,
    html body .download-actions button,
    html body .close-btn,
    html body .lua-editor-back-top,
    html body .CodeMirror-dialog button,
    html body .layui-layer .layui-layer-btn a {
        border-radius: 0 !important;
    }

    html body .layui-btn,
    html body .pear-btn,
    html body button,
    html body .btn,
    html body .action-btn,
    html body .toolbar-btn,
    html body .header-link,
    html body .quick-tag,
    html body .config-card-action,
    html body .action-link,
    html body .ghost-btn,
    html body .solid-btn,
    html body .timeline-download,
    html body .download-actions a,
    html body .download-actions button,
    html body .CodeMirror-dialog button {
        border-color: rgba(34, 211, 238, 0.34) !important;
        background:
            linear-gradient(135deg, rgba(34, 211, 238, 0.16), rgba(59, 130, 246, 0.16)),
            linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(3, 7, 18, 0.96)) !important;
        color: #bae6fd !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.10),
            0 10px 24px rgba(0, 0, 0, 0.24),
            0 0 18px rgba(34, 211, 238, 0.10) !important;
    }

    html body .layui-btn:hover,
    html body .pear-btn:hover,
    html body button:hover,
    html body .btn:hover,
    html body .action-btn:hover,
    html body .toolbar-btn:hover,
    html body .header-link:hover,
    html body .quick-tag:hover,
    html body .config-card-action:hover,
    html body .action-link:hover,
    html body .ghost-btn:hover,
    html body .solid-btn:hover,
    html body .timeline-download:hover,
    html body .download-actions a:hover,
    html body .download-actions button:hover,
    html body .CodeMirror-dialog button:hover {
        border-color: rgba(103, 232, 249, 0.72) !important;
        background:
            linear-gradient(135deg, rgba(34, 211, 238, 0.26), rgba(59, 130, 246, 0.28)),
            linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(3, 7, 18, 0.98)) !important;
        color: #ecfeff !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.14),
            0 14px 30px rgba(0, 0, 0, 0.32),
            0 0 26px rgba(34, 211, 238, 0.24) !important;
    }

    html body .pear-btn.pear-btn-primary,
    html body .pear-btn-primary,
    html body .layui-btn.layui-btn-primary,
    html body .layui-btn-primary,
    html body .layui-btn-normal,
    html body .config-card-action.primary,
    html body .solid-btn,
    html body .btn-primary,
    html body .is-primary,
    body .layui-layer .layui-layer-btn .layui-layer-btn0 {
        border-color: rgba(34, 211, 238, 0.64) !important;
        background: linear-gradient(90deg, var(--wmv-cyan), var(--wmv-blue)) !important;
        color: #020617 !important;
        font-weight: 700 !important;
        box-shadow:
            0 12px 28px rgba(34, 211, 238, 0.24),
            0 0 24px rgba(59, 130, 246, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
    }

    body .layui-layer,
    body .layui-layer.layui-layer-msg,
    body .layui-layer.layui-layer-dialog,
    body .layui-layer.layui-layer-page,
    body .layui-layer.layui-layer-iframe,
    body .layui-layer.layui-layer-admin,
    body .layui-layer.layui-layer-adminRight,
    body .layui-layer.war3-dark-layer,
    body .war3-dark-layer,
    body .layui-layer-tips .layui-layer-content,
    body .layui-layer-prompt .layui-layer-input,
    body .layui-layer-rim,
    body .layui-layer-title,
    body .layui-layer-content,
    body .layui-layer-btn {
        border-radius: 0 !important;
    }

    body .layui-layer,
    body .war3-dark-layer {
        border-color: rgba(34, 211, 238, 0.30) !important;
        background:
            linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(3, 7, 18, 0.98)),
            radial-gradient(circle at top right, rgba(34, 211, 238, 0.14), transparent 42%) !important;
        box-shadow:
            0 28px 72px rgba(0, 0, 0, 0.58),
            0 0 64px rgba(34, 211, 238, 0.16) !important;
    }

    body .layui-layer .layui-layer-title,
    body .war3-dark-layer .layui-layer-title {
        background:
            linear-gradient(90deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98)),
            linear-gradient(90deg, rgba(34, 211, 238, 0.12), transparent) !important;
        border-bottom-color: rgba(34, 211, 238, 0.22) !important;
        color: #ecfeff !important;
    }

    body .layui-layer .layui-layer-setwin a {
        border-radius: 0 !important;
        border-color: rgba(34, 211, 238, 0.32) !important;
        background: rgba(15, 23, 42, 0.74) !important;
        box-shadow: 0 0 16px rgba(34, 211, 238, 0.10) !important;
    }

    body .layui-layer .layui-layer-setwin .layui-layer-min::before,
    body .layui-layer .layui-layer-setwin .layui-layer-max::before,
    body .layui-layer .layui-layer-setwin .layui-layer-maxmin::before,
    body .layui-layer .layui-layer-setwin .layui-layer-maxmin::after,
    body .layui-layer .layui-layer-setwin .layui-layer-close1::before,
    body .layui-layer .layui-layer-setwin .layui-layer-close1::after,
    body .layui-layer .layui-layer-setwin .layui-layer-close2::before,
    body .layui-layer .layui-layer-setwin .layui-layer-close2::after {
        border-radius: 0 !important;
    }

    html body a.btn.btn-primary,
    html body button.btn.btn-primary,
    html body .download-actions a.btn-primary,
    html body .download-actions button.btn-primary,
    html body .button-group .btn-primary,
    html body .version-actions .action-btn.download,
    html body .pear-btn.pear-btn-primary,
    html body button.pear-btn.pear-btn-primary,
    html body a.pear-btn.pear-btn-primary,
    html body .layui-btn.layui-btn-primary,
    html body .layui-btn.layui-btn-normal {
        border-color: rgba(34, 211, 238, 0.64) !important;
        background: linear-gradient(90deg, var(--wmv-cyan), var(--wmv-blue)) !important;
        color: #020617 !important;
        font-weight: 700 !important;
        box-shadow:
            0 12px 28px rgba(34, 211, 238, 0.24),
            0 0 24px rgba(59, 130, 246, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
    }

    html body a.btn.btn-primary:hover,
    html body button.btn.btn-primary:hover,
    html body .download-actions a.btn-primary:hover,
    html body .download-actions button.btn-primary:hover,
    html body .button-group .btn-primary:hover,
    html body .version-actions .action-btn.download:hover,
    html body .pear-btn.pear-btn-primary:hover,
    html body button.pear-btn.pear-btn-primary:hover,
    html body a.pear-btn.pear-btn-primary:hover,
    html body .layui-btn.layui-btn-primary:hover,
    html body .layui-btn.layui-btn-normal:hover {
        border-color: rgba(103, 232, 249, 0.72) !important;
        background: linear-gradient(90deg, #67e8f9, #60a5fa) !important;
        color: #020617 !important;
        box-shadow:
            0 14px 34px rgba(34, 211, 238, 0.34),
            0 0 32px rgba(59, 130, 246, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
    }

    /* Final square-corner enforcement: all UI surfaces, controls and pseudo elements. */
    html body *,
    html body *::before,
    html body *::after,
    body .layui-layer,
    body .layui-layer *,
    body .layui-layer *::before,
    body .layui-layer *::after,
    body .layui-m-layer *,
    body .layui-m-layer *::before,
    body .layui-m-layer *::after {
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
    }

    html body *:not(#xy-square-corner-guard),
    html body *:not(#xy-square-corner-guard)::before,
    html body *:not(#xy-square-corner-guard)::after,
    body .layui-layer *:not(#xy-square-corner-guard),
    body .layui-layer *:not(#xy-square-corner-guard)::before,
    body .layui-layer *:not(#xy-square-corner-guard)::after,
    body .layui-m-layer *:not(#xy-square-corner-guard),
    body .layui-m-layer *:not(#xy-square-corner-guard)::before,
    body .layui-m-layer *:not(#xy-square-corner-guard)::after {
        border-radius: 0 !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
    }

    /* War3 Model View button sweep highlight */
    html body .pear-btn,
    html body .layui-btn,
    html body button,
    html body .btn,
    html body .action-btn,
    html body .toolbar-btn,
    html body .header-link,
    html body .quick-tag,
    html body .config-card-action,
    html body .action-link,
    html body .ghost-btn,
    html body .solid-btn,
    html body .home-link,
    html body .ghost-link,
    html body .timeline-download,
    html body .download-actions a,
    html body .download-actions button,
    html body .tool-primary,
    html body .tool-secondary,
    html body .tools-link,
    html body .board-top a,
    html body .board-top button,
    html body .board-back,
    html body .board-preview-chip:not(.disabled),
    html body .board-nav a,
    html body .subpanel-back,
    html body .subpanel-action,
    html body .metric-card,
    html body .metric-refresh-btn,
    html body .account-drawer-close,
    html body .account-card,
    html body .clear-data-btn,
    html body .sms-send-btn,
    html body .CodeMirror-dialog button,
    html body .layui-layer .layui-layer-btn a {
        position: relative !important;
        overflow: hidden !important;
        isolation: isolate;
    }

    html body .pear-btn::after,
    html body .layui-btn::after,
    html body button::after,
    html body .btn::after,
    html body .action-btn::after,
    html body .toolbar-btn::after,
    html body .header-link::after,
    html body .quick-tag::after,
    html body .config-card-action::after,
    html body .action-link::after,
    html body .ghost-btn::after,
    html body .solid-btn::after,
    html body .home-link::after,
    html body .ghost-link::after,
    html body .timeline-download::after,
    html body .download-actions a::after,
    html body .download-actions button::after,
    html body .tool-primary::after,
    html body .tool-secondary::after,
    html body .tools-link::after,
    html body .board-top a::after,
    html body .board-top button::after,
    html body .board-back::after,
    html body .board-preview-chip:not(.disabled)::after,
    html body .board-nav a::after,
    html body .subpanel-back::after,
    html body .subpanel-action::after,
    html body button.metric-card::after,
    html body .metric-refresh-btn::after,
    html body .account-drawer-close::after,
    html body .account-card::after,
    html body .clear-data-btn::after,
    html body .sms-send-btn::after,
    html body .CodeMirror-dialog button::after,
    html body .layui-layer .layui-layer-btn a::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 0 !important;
        border-radius: 0 !important;
        background: linear-gradient(90deg, transparent, rgba(103, 232, 249, 0.28), transparent) !important;
        transform: translateX(-120%) !important;
        transition: transform 700ms ease !important;
        pointer-events: none !important;
    }

    html body .pear-btn:hover::after,
    html body .pear-btn:focus-visible::after,
    html body .layui-btn:hover::after,
    html body .layui-btn:focus-visible::after,
    html body button:hover::after,
    html body button:focus-visible::after,
    html body .btn:hover::after,
    html body .btn:focus-visible::after,
    html body .action-btn:hover::after,
    html body .action-btn:focus-visible::after,
    html body .toolbar-btn:hover::after,
    html body .toolbar-btn:focus-visible::after,
    html body .header-link:hover::after,
    html body .header-link:focus-visible::after,
    html body .quick-tag:hover::after,
    html body .quick-tag:focus-visible::after,
    html body .config-card-action:hover::after,
    html body .config-card-action:focus-visible::after,
    html body .action-link:hover::after,
    html body .action-link:focus-visible::after,
    html body .ghost-btn:hover::after,
    html body .ghost-btn:focus-visible::after,
    html body .solid-btn:hover::after,
    html body .solid-btn:focus-visible::after,
    html body .home-link:hover::after,
    html body .home-link:focus-visible::after,
    html body .ghost-link:hover::after,
    html body .ghost-link:focus-visible::after,
    html body .timeline-download:hover::after,
    html body .timeline-download:focus-visible::after,
    html body .download-actions a:hover::after,
    html body .download-actions a:focus-visible::after,
    html body .download-actions button:hover::after,
    html body .download-actions button:focus-visible::after,
    html body .tool-primary:hover::after,
    html body .tool-primary:focus-visible::after,
    html body .tool-secondary:hover::after,
    html body .tool-secondary:focus-visible::after,
    html body .tools-link:hover::after,
    html body .tools-link:focus-visible::after,
    html body .board-top a:hover::after,
    html body .board-top a:focus-visible::after,
    html body .board-top button:hover::after,
    html body .board-top button:focus-visible::after,
    html body .board-back:hover::after,
    html body .board-back:focus-visible::after,
    html body .board-preview-chip:not(.disabled):hover::after,
    html body .board-preview-chip:not(.disabled):focus-visible::after,
    html body .board-nav a:hover::after,
    html body .board-nav a:focus-visible::after,
    html body .subpanel-back:hover::after,
    html body .subpanel-back:focus-visible::after,
    html body .subpanel-action:hover::after,
    html body .subpanel-action:focus-visible::after,
    html body button.metric-card:hover::after,
    html body button.metric-card:focus-visible::after,
    html body .metric-refresh-btn:hover::after,
    html body .metric-refresh-btn:focus-visible::after,
    html body .account-drawer-close:hover::after,
    html body .account-drawer-close:focus-visible::after,
    html body .account-card:hover::after,
    html body .account-card:focus-visible::after,
    html body .clear-data-btn:hover::after,
    html body .clear-data-btn:focus-visible::after,
    html body .sms-send-btn:hover::after,
    html body .sms-send-btn:focus-visible::after,
    html body .CodeMirror-dialog button:hover::after,
    html body .CodeMirror-dialog button:focus-visible::after,
    html body .layui-layer .layui-layer-btn a:hover::after,
    html body .layui-layer .layui-layer-btn a:focus-visible::after {
        transform: translateX(120%) !important;
    }

    html body .pear-btn > *,
    html body .layui-btn > *,
    html body button > *,
    html body .btn > *,
    html body .action-btn > *,
    html body .toolbar-btn > *,
    html body .header-link > *,
    html body .quick-tag > *,
    html body .config-card-action > *,
    html body .action-link > *,
    html body .ghost-btn > *,
    html body .solid-btn > *,
    html body .home-link > *,
    html body .ghost-link > *,
    html body .timeline-download > *,
    html body .download-actions a > *,
    html body .download-actions button > *,
    html body .tool-primary > *,
    html body .tool-secondary > *,
    html body .tools-link > *,
    html body .board-top a > *,
    html body .board-top button > *,
    html body .board-back > *,
    html body .board-preview-chip:not(.disabled) > *,
    html body .board-nav a > *,
    html body .subpanel-back > *,
    html body .subpanel-action > *,
    html body button.metric-card > *,
    html body .metric-refresh-btn > *,
    html body .account-drawer-close > *,
    html body .account-card > *,
    html body .clear-data-btn > *,
    html body .sms-send-btn > *,
    html body .CodeMirror-dialog button > *,
    html body .layui-layer .layui-layer-btn a > * {
        position: relative;
        z-index: 1;
    }

    body .layui-layer .layui-layer-setwin a::before,
    body .layui-layer .layui-layer-setwin a::after,
    html body button[disabled]::after,
    html body .layui-disabled::after,
    html body .layui-btn-disabled::after,
    html body .pear-btn-disabled::after {
        content: none !important;
        background: none !important;
        transform: none !important;
        transition: none !important;
    }

    html body .pear-btn.pear-btn-primary,
    html body button.pear-btn.pear-btn-primary,
    html body a.pear-btn.pear-btn-primary,
    html body .layui-btn.layui-btn-primary,
    html body .layui-btn-primary,
    html body .layui-btn-normal,
    html body .config-card-action.primary {
        border-color: rgba(88, 232, 154, 0.46) !important;
        background: linear-gradient(135deg, #49d38b 0%, #1ea85f 100%) !important;
        color: #04130b !important;
        box-shadow:
            0 10px 24px rgba(21, 110, 66, 0.22),
            0 0 18px rgba(73, 211, 139, 0.16),
            inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    }

    html body .pear-btn.pear-btn-primary:hover,
    html body button.pear-btn.pear-btn-primary:hover,
    html body a.pear-btn.pear-btn-primary:hover,
    html body .layui-btn.layui-btn-primary:hover,
    html body .layui-btn-primary:hover,
    html body .layui-btn-normal:hover,
    html body .config-card-action.primary:hover {
        border-color: rgba(132, 244, 186, 0.54) !important;
        background: linear-gradient(135deg, #5be099 0%, #28b56d 100%) !important;
        color: #03120a !important;
        box-shadow:
            0 14px 28px rgba(21, 110, 66, 0.28),
            0 0 24px rgba(92, 232, 154, 0.24),
            inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
    }

    html body .pear-btn.pear-btn-primary i,
    html body button.pear-btn.pear-btn-primary i,
    html body a.pear-btn.pear-btn-primary i,
    html body .layui-btn.layui-btn-primary i,
    html body .layui-btn-primary i,
    html body .layui-btn-normal i {
        color: #04130b !important;
    }

    body .layui-layer.xy-top-promoted-layer {
        transform-origin: 50% 48% !important;
        animation: xyTopLayerIn 220ms cubic-bezier(0.2, 0.8, 0.2, 1) both !important;
    }

    body .layui-layer.xy-top-promoted-layer .layui-layer-content iframe {
        background: #020617 !important;
    }

    body .layui-layer.xy-layer-frame-loading .layui-layer-content {
        position: relative !important;
        overflow: hidden !important;
    }

    body .layui-layer.xy-top-promoted-layer.xy-layer-frame-loading .layui-layer-content::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 3;
        background:
            radial-gradient(circle at 50% 42%, rgba(34, 211, 238, 0.16), transparent 34%),
            linear-gradient(145deg, rgba(3, 7, 18, 0.96), rgba(2, 6, 23, 0.98));
        opacity: 1;
        pointer-events: none;
        transition: opacity 220ms ease;
    }

    body .layui-layer.xy-layer-frame-loading .layui-layer-content::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 3;
        background:
            radial-gradient(circle at 50% 42%, rgba(34, 211, 238, 0.16), transparent 34%),
            linear-gradient(145deg, rgba(3, 7, 18, 0.96), rgba(2, 6, 23, 0.98));
        opacity: 1;
        pointer-events: none;
        transition: opacity 220ms ease;
    }

    body .layui-layer.xy-top-promoted-layer.xy-layer-frame-loading .layui-layer-content::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 4;
        width: 38px;
        height: 38px;
        margin: -19px 0 0 -19px;
        border: 2px solid rgba(34, 211, 238, 0.18);
        border-top-color: #22d3ee;
        border-right-color: rgba(96, 165, 250, 0.78);
        box-shadow:
            0 0 22px rgba(34, 211, 238, 0.36),
            inset 0 0 14px rgba(34, 211, 238, 0.12);
        animation: xyLayerSpin 760ms linear infinite;
        pointer-events: none;
    }

    body .layui-layer.xy-layer-frame-loading .layui-layer-content::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 4;
        width: 38px;
        height: 38px;
        margin: -19px 0 0 -19px;
        border: 2px solid rgba(34, 211, 238, 0.18);
        border-top-color: #22d3ee;
        border-right-color: rgba(96, 165, 250, 0.78);
        box-shadow:
            0 0 22px rgba(34, 211, 238, 0.36),
            inset 0 0 14px rgba(34, 211, 238, 0.12);
        animation: xyLayerSpin 760ms linear infinite;
        pointer-events: none;
    }

    body .layui-layer.xy-top-promoted-layer.xy-layer-frame-loaded .layui-layer-content::before,
    body .layui-layer.xy-top-promoted-layer.xy-layer-frame-loaded .layui-layer-content::after,
    body .layui-layer.xy-layer-frame-loaded .layui-layer-content::before,
    body .layui-layer.xy-layer-frame-loaded .layui-layer-content::after {
        opacity: 0;
    }

    @keyframes xyTopLayerIn {
        0% {
            opacity: 0;
            transform: translateY(18px) scale(0.985);
            filter: blur(3px);
        }
        100% {
            opacity: 1;
            transform: translateY(0) scale(1);
            filter: blur(0);
        }
    }

    @keyframes xyLayerSpin {
        to {
            transform: rotate(360deg);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        body .layui-layer.xy-top-promoted-layer {
            animation: none !important;
        }

        body .layui-layer.xy-top-promoted-layer.xy-layer-frame-loading .layui-layer-content::after,
        body .layui-layer.xy-layer-frame-loading .layui-layer-content::after {
            animation: none !important;
        }
    }