/* 引入字体以保证图标一致 */
        @font-face {
            font-family: 'icon-coms';
            src: url('../fonts/icon-coms.ttf?38sipp') format('truetype');
        }
        @font-face {
            font-family: 'wevicon';
            src: url('../fonts/icon-menu.woff') format('woff');
        }

        /* 基础样式重置 */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
        }

        body, html {
            height: 100%;
            width: 100%;
            overflow: hidden;
            background-color: #0c1a2f;
        }

        /* 全屏背景图 */
        .e9login-bg-image {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-size: 100% 100%;
            background-position: 0% 0%;
            background-repeat: no-repeat;
            z-index: -1;
            transition: background-image 0.5s ease-in-out;
        }

        /* 主容器 */
        #container {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 1; /* 确保在背景图之上 */
        }

        .e9login-container {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .e9login-content {
            position: relative;
            width: 100%;
            height: 100%;
        }

        /* 装饰图 */
        .e9login-custom {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            pointer-events: none; /* 防止遮挡下方点击事件 */
        }

        .e9login-custom img.e9login-element {
            position: absolute;
            z-index: 1;
            pointer-events: auto; /* 允许图片本身有交互，虽然通常不需要 */
        }

        /* 登录框背景 */
        .login-box-img {
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 444px;
            height: 652px;
            transition: height 0.3s ease; /* 添加平滑过渡效果 */
        }

        /* Logo */
        .logo-img {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -255px); 
            width: 170px;
            height: 130px;
            z-index: 2 !important;
        }

        /* 扫码图标 */
        .e9login-qrcode {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(184px, -315.5px);
            width: 28px;
            height: 28px;
            cursor: pointer;
            z-index: 450;
            display: block;
            color: #f5f7fa;
            line-height: 32px;
            text-align: center;
            transition: transform 0.3s ease; /* 添加平滑过渡效果 */
        }
        .e9login-qrcode i {
            font-size: 20px;
            font-family: 'icon-coms';
            font-style: normal;
        }
        .e9login-qrcode i.icon-coms-Scan::before {
            content: '\ea0a';
        }
        
        /* 切换到账号登录的图标 */
        .e9login-qrcode i.icon-coms-Account::before {
            content: '\e944';
        }

        /* 二维码登录容器 */
        .e9login-qrcode-box {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -10px); /* 向上调整，使整体居中感更好 */
            width: 324px;
            z-index: 5;
            display: none;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .e9login-qrcode-box.active {
            display: flex;
        }
        .e9login-qrcode-text {
            font-size: 16px; /* 稍微调大一点 */
            color: #fff; /* 二维码下方的文字在原图中看起来是白色的 */
            text-align: center;
            margin-top: 20px;
        }
        .e9login-qrcode-desc {
            font-size: 14px;
            color: #fff;
            text-align: center;
            margin-top: 8px;
            cursor: pointer;
        }

        /* 表单容器 */
        .e9login-form-box {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50px);
            width: 324px;
            height: 292px;
            z-index: 99999 !important; /* 极大提升层级，确保在最上层 */
        }

        /* 登录表单项 */
        .e9login-form-item {
            position: relative;
            width: 324px;
            height: 65px;
            margin-bottom: 5px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.5);
            color: rgb(186, 205, 224);
            display: block;
            padding-top: 30px;
            line-height: 35px;
            font-size: 12px;
           
        }

        .e9login-form-label {
            position: absolute;
            left: 0px;
            top: 30px;
            width: 324px;
            height: 35px;
            font-size: 14px;
            color: rgb(186, 205, 224);
            pointer-events: none;
            transition: all 0.2s;
            line-height: 35px;
            padding: 0px 10px 0px 40px;
            z-index: 1;
             opacity: 0.6;
        }

        .e9login-form-label.active {
            display: none;
        }

        .e9login-form-item i {
            position: absolute;
            left: 0px;
            width: 20px;
            font-style: normal;
            font-size: 25px;
            text-align: center;
            font-family: 'wevicon';
            z-index: 2;
        }

        /* 清除按钮 */
        .icon-coms-Clear {
            position: absolute !important;
            right: 0px !important;
            left: auto !important;
            bottom: 12px !important;
            width: 20px !important;
            height: 20px !important;
            font-family: 'icon-coms' !important;
            font-size: 14px !important;
            color: rgb(186, 205, 224) !important;
            cursor: pointer !important;
            display: none;
            align-items: center;
            justify-content: center;
            font-style: normal !important;
            z-index: 10 !important;
        }
        .icon-coms-Clear::before {
            content: '\ea4a';
        }

        /* 模拟图标 */
        .wevicon-e9login-account::before { content: '\e9d6'; }
        .wevicon-e9login-password::before { content: '\e9d7'; }
        .wevicon-e9login-email::before { content: '\e972'; }
        .wevicon-e9login-website::before { content: '\e9ef'; }
        .e9login-form-input {
            width: 100%;
            height: 35px;
            background: transparent;
            border: none;
            outline: none;
            color: #fff;
            font-size: 14px;
            padding: 0 30px 0 40px;
            box-sizing: border-box;
        }

        /* 记住选项 */
        .e9login-form-remember {
            display: flex;
            justify-content: flex-end;
            margin-top: 30px;
            width: 324px;
            position: relative;
            z-index: 100000 !important;
        }

        .ant-checkbox-wrapper {
            display: inline-flex;
            align-items: center;
            cursor: pointer;
            height: 20px;
            width: auto;
            position: relative;
            margin-left: 15px;
            user-select: none;
            z-index: 100001 !important;
        }

        .ant-checkbox {
            width: 14px;
            height: 14px;
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin-right: 6px;
            pointer-events: none; /* 让点击穿透到下方的 input */
        }

        .ant-checkbox-inner {
            display: inline-block;
            width: 14px;
            height: 14px;
            background-color: transparent;
            background-image: url('../images/checkbox_normal.png');
            background-size: cover;
            border: none;
        }

        .ant-checkbox-checked .ant-checkbox-inner {
            background-image: url('../images/checkbox_checked.png');
        }

        .ant-checkbox-wrapper span {
            color: rgb(186, 205, 224);
            font-size: 12px;
            pointer-events: none; /* 让点击穿透到下方的 input */
        }

        /* 登录按钮 */
        .e9login-btn {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, 168px);
            width: 324px;
            height: 45px;
            z-index: 3;
            padding-top: 65px;
        }

        .e9login-form-submit-btn {
            width: 100%;
            height: 45px;
            color: rgb(186, 205, 224);
            font-size: 18px;
            background-color: #0b1a32;
            border: 0;
            border-radius: 0;
            cursor: pointer;
        }
        .e9login-form-submit-btn:hover {
            opacity: 0.6 !important;
        }

        /* 背景切换按钮 */
        .e9login-bg-image-box-btn {
            position: absolute;
            right: 30px;
            bottom: 40px;
            width: 46px;
            height: 46px;
            cursor: pointer;
            z-index: 100;
            display: block;
            line-height: 46px;
            text-align: center;
        }

        .e9login-bg-image-box-btn-background {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #000;
            opacity: 0.4;
        }

        .e9login-bg-image-box-btn-icon {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 30px;
        }

        .wevicon-e9login-palette::before {
            content: '\e9d9';
            font-family: 'wevicon';
        }

        /* 背景设置面板 */
        .e9login-bg-setting-popover {
            position: absolute;
            right: 30px;
            bottom: 90px;
            width: 356px;
            z-index: 1070;
            display: none;
            padding: 0px 0px 4px;
        }

        .e9login-bg-setting-popover.active {
            display: block;
        }

        .e9login-bg-setting-popover::after {
            content: "";
            position: absolute;
            bottom: -6px;
            right: 15px;
            width: 12px;
            height: 12px;
            background: #fff;
            transform: rotate(45deg);
            border-bottom: 1px solid rgb(217, 217, 217);
            border-right: 1px solid rgb(217, 217, 217);
            z-index: 1;
        }

        .ant-popover-inner {
            background-color: rgb(255, 255, 255);
            border: 1px solid rgb(217, 217, 217);
            box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 6px 0px;
            position: relative;
            z-index: 2;
        }

        .ant-popover-inner-content {
            padding: 8px 16px;
        }

        .e9login-bg-image-box-content {
            width: 322px;
            position: relative;
        }

        .e9login-bg-image-box-toolbar {
            height: 36px;
            display: flex;
            align-items: center;
            margin-bottom: 0px;
            z-index: 20;
            position: relative;
            width: 100%;
        }

        .e9login-bg-image-box-title {
            color: rgb(51, 51, 51);
            font-size: 12px;
            padding-right: 10px;
            display: inline-block;
            height: 36px;
            line-height: 36px;
            white-space: nowrap;
        }

        .e9login-bg-image-box-item {
            display: flex;
            align-items: center;
            margin-right: 10px;
            font-size: 12px;
            color: rgb(0, 0, 0);
            height: 36px;
            white-space: nowrap;
        }

        .e9login-bg-image-box-item:nth-child(2) {
            margin-left: 10px;
        }

        .e9login-bg-image-box-item:nth-child(3) {
            margin-left: 5px;
        }

        .e9login-bg-image-box-label {
            padding-right: 5px;
            display: inline-block;
            color: rgb(51, 51, 51);
            font-size: 12px;
            height: 36px;
            line-height: 36px;
        }

        .ant-input-number {
            width: 70px;
            height: 28px;
            background: rgb(247, 247, 247);
            border: 1px solid rgb(217, 217, 217);
            display: inline-block;
            position: relative;
            margin: -4px 0px 0px;
            vertical-align: middle;
            line-height: 28px;
            color: rgb(102, 102, 102);
            border-radius: 0px;
        }

        .ant-input-number-input {
            width: 100%;
            height: 100%;
            background: transparent;
            border: none;
            outline: none;
            padding: 0 10px;
            color: rgb(102, 102, 102);
            font-size: 12px;
            text-align: center;
        }

        .e9login-bg-image-box-images {
            width: 322px;
            border: 1px solid rgb(222, 222, 222);
            padding: 0px;
            display: block;
            position: relative;
            z-index: 20;
            margin-top: 0px;
            height: 71.1875px;
        }

        .e9login-bg-image-box-image {
            width: 54px;
            height: 54px;
            margin: 5px;
            cursor: pointer;
            border: 2px solid transparent;
            display: inline-block;
            box-sizing: border-box;
            object-fit: cover;
        }

        .e9login-bg-image-box-image-selected {
            border-color: rgb(45, 183, 245);
        }

        .ant-checkbox-input {
            position: absolute;
            top: -10px;
            left: -10px;
            width: 120%; /* 覆盖整个 wrapper */
            height: 150%;
            z-index: 100002 !important;
            cursor: pointer;
            opacity: 0;
            margin: 0;
            padding: 0;
            pointer-events: auto !important;
            display: block !important;
        }