html,
body {
    height: 100%;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    overflow: hidden;
}

#root {
    height: 100%;
}

.revert-confirm-modal .ant-modal-confirm-body > span:nth-of-type(1) {
    display: inline-block;
    margin-right: 8px;
}
.revert-confirm-modal .ant-modal-confirm-body > span:nth-of-type(2) {
    display: inline-block;
}

@keyframes loading-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

body::-webkit-scrollbar {
    height: 0;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width: 6px;
    background: #fff;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
    border-radius: 6px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(38, 42, 51, 0.3);
}

/* 覆盖 antd 中设置样式，不知道他们为什么要把颜色全部变白 */
::selection {
    color: currentColor !important;
    background-color: #bad7fb !important; /* 浏览器的默认 */
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

::placeholder {
    color: #999;
}

html {
    --Brand50: #e2f0ff;
    --Brand100: #d1e6ff;
    --Brand200: #a8d0ff;
    --Brand300: #80bbff;
    --Brand400: #57a5ff;
    --Brand500: #2f8fff;
    --Brand600: #207ce5;
    --Brand700: #0c65cc;
    --Brand800: #0b58b2;
    --Brand900: #034899;

    --N0: #ffffff;
    --N50: #f8f8f8;
    --N100: #f1f1f1;
    --N200: #ebebeb;
    --N300: #dddddd;
    --N400: #bfbfbf;
    --N500: #999999;
    --N600: #666666;
    --N700: #444444;
    --N800: #313131;
    --N900: #111111;

    --aBlack90: rgba(0, 0, 0, 0.9);
    --aBlack80: rgba(0, 0, 0, 0.8);
    --aBlack60: rgba(0, 0, 0, 0.6);
    --aBlack50: rgba(0, 0, 0, 0.5);
    --aBlack40: rgba(0, 0, 0, 0.4);
    --aBlack24: rgba(0, 0, 0, 0.24);
    --aBlack20: rgba(0, 0, 0, 0.2);
    --aBlack16: rgba(0, 0, 0, 0.16);
    --aBlack12: rgba(0, 0, 0, 0.12);
    --aBlack10: rgba(0, 0, 0, 0.1);
    --aBlack8: rgba(0, 0, 0, 0.08);
    --aBlack6: rgba(0, 0, 0, 0.06);
    --aBlack4: rgba(0, 0, 0, 0.04);

    --aWhite90: rgba(255, 255, 255, 0.9);
    --aWhite80: rgba(255, 255, 255, 0.8);
    --aWhite60: rgba(255, 255, 255, 0.6);
    --aWhite50: rgba(255, 255, 255, 0.5);
    --aWhite40: rgba(255, 255, 255, 0.4);
    --aWhite24: rgba(255, 255, 255, 0.24);
    --aWhite20: rgba(255, 255, 255, 0.2);
    --aWhite16: rgba(255, 255, 255, 0.16);
    --aWhite12: rgba(255, 255, 255, 0.12);
    --aWhite10: rgba(255, 255, 255, 0.1);
    --aWhite8: rgba(255, 255, 255, 0.08);
    --aWhite6: rgba(255, 255, 255, 0.06);
    --aWhite4: rgba(255, 255, 255, 0.04);

    --aBrand90: rgba(47, 143, 255, 0.9);
    --aBrand80: rgba(47, 143, 255, 0.8);
    --aBrand60: rgba(47, 143, 255, 0.6);
    --aBrand50: rgba(47, 143, 255, 0.5);
    --aBrand40: rgba(47, 143, 255, 0.4);
    --aBrand24: rgba(47, 143, 255, 0.24);
    --aBrand20: rgba(47, 143, 255, 0.2);
    --aBrand16: rgba(47, 143, 255, 0.16);
    --aBrand12: rgba(47, 143, 255, 0.12);
    --aBrand10: rgba(47, 143, 255, 0.1);
    --aBrand8: rgba(47, 143, 255, 0.08);
    --aBrand6: rgba(47, 143, 255, 0.06);
    --aBrand4: rgba(47, 143, 255, 0.04);

    --R50: #fff0f0;
    --R100: #ffd6d6;
    --R200: #ffb9bb;
    --R300: #ff959b;
    --R400: #ff757c;
    --R500: #ff525d;
    --R600: #da273d;
    --R700: #b31732;
    --R800: #8b0b24;

    --G50: #eeffeb;
    --G100: #cbfcca;
    --G200: #a4f8a0;
    --G300: #7bf07e;
    --G400: #4de05b;
    --G500: #24c446;
    --G600: #019e33;
    --G700: #007821;
    --G800: #015215;

    --B50: #e6f8fe;
    --B100: #bee9fd;
    --B200: #87d5fd;
    --B300: #57bffc;
    --B400: #15a9fb;
    --B500: #018df5;
    --B600: #016ed5;
    --B700: #0151b0;
    --B800: #003b89;

    --O50: #fff3e5;
    --O100: #ffe1c7;
    --O200: #ffbe8f;
    --O300: #fdb47c;
    --O400: #ff9346;
    --O500: #ff842c;
    --O600: #ff6f08;
    --O700: #ba4e1f;
    --O800: #a13100;

    --O50090: rgba(255, 132, 44, 0.1);

    --M50: #ffebf3;
    --M100: #fec9e1;
    --M200: #ff9eca;
    --M300: #ff78b7;
    --M400: #fe50a1;
    --M500: #f5278a;
    --M600: #df1779;
    --M700: #b70b65;
    --M800: #900250;

    --Y50: #fffcdb;
    --Y100: #fff4b8;
    --Y200: #ffee8a;
    --Y300: #fee26c;
    --Y400: #ffd44c;
    --Y500: #ffc529;
    --Y600: #dea637;
    --Y700: #b88127;
    --Y800: #905e19;

    --L50: #f4ffdb;
    --L100: #e5ffad;
    --L200: #d5fc88;
    --L300: #c6f273;
    --L400: #abe548;
    --L500: #95d62b;
    --L600: #76b328;
    --L700: #568c1c;
    --L800: #3a6611;

    --C50: #e1fefb;
    --C100: #b0f5f5;
    --C200: #71ebeb;
    --C300: #2de0e0;
    --C400: #00d1d1;
    --C500: #00bdbd;
    --C600: #00a3a3;
    --C700: #00858a;
    --C800: #006970;

    --I50: #eeecfe;
    --I100: #ccceff;
    --I200: #9c9fff;
    --I300: #6a6af7;
    --I400: #473bf5;
    --I500: #2d1adb;
    --I600: #1e14ba;
    --I700: #060a96;
    --I800: #00017a;

    --P50: #f7ebff;
    --P100: #e9cbfe;
    --P200: #d5a1fc;
    --P300: #c888fc;
    --P400: #ad5cf0;
    --P500: #8e31e3;
    --P600: #6d22bf;
    --P700: #4f1399;
    --P800: #330a74;

    --V50: #ffebfe;
    --V100: #fecbfb;
    --V200: #fd96f8;
    --V300: #fc78f6;
    --V400: #fb50f3;
    --V500: #f022e5;
    --V600: #dc17ce;
    --V700: #b20ba9;
    --V800: #850485;

    --bgApplication: #f2f6f9;
    --bgApplicationHover: rgba(255, 255, 255, 0.7);
    --bgApplicationFocus: #ffffff;
    --bgAlert: #f1f1f1;
    --bgBottom2: #ffffff;
    --bgBottom: #ffffff;
    --bgMiddle: #ffffff;
    --bgMiddleLight: #fbfbfb;
    --bgTop: #ffffff;
    --bgMenu: rgba(255, 255, 255, 0.9);
    --bgonBubble: #ffffff;

    --TextPrimary: rgba(17, 17, 17, 0.88);
    --TextSecondary: rgba(17, 17, 17, 0.68);
    --TextSecondaryOngrey: rgba(17, 17, 17, 0.6);
    --TextTertiary: rgba(17, 17, 17, 0.5);
    --TextQuartus: rgba(17, 17, 17, 0.36);
    --TextPrimary-strong: #0c0c0c;

    --IconBlack: rgba(17, 17, 17, 0.8);
    --IconPrimary: rgba(17, 17, 17, 0.62);
    --IconSecondary: rgba(17, 17, 17, 0.5);
    --IconTertiary: rgba(17, 17, 17, 0.4);
    --IconQuartus: rgba(17, 17, 17, 0.28);

    --LinkNormal: #207ce5;
    --LinkHover: #2f8fff;
    --LinkPressed: #0c65cc;

    --absWhite: #ffffff;
    --absaWhite80: rgba(255, 255, 255, 0.8);
    --absaWhite60: rgba(255, 255, 255, 0.6);
    --absaWhite40: rgba(255, 255, 255, 0.4);
    --absaWhite24: rgba(255, 255, 255, 0.24);
    --absaWhite16: rgba(255, 255, 255, 0.16);
    --absaWhite12: rgba(255, 255, 255, 0.12);
    --absaWhite8: rgba(255, 255, 255, 0.08);
    --absaWhite6: rgba(255, 255, 255, 0.06);
    --absaBlack: #000000;
    --absaBlack80: rgba(0, 0, 0, 0.8);
    --absaBlack60: rgba(0, 0, 0, 0.6);
    --absaBlack40: rgba(0, 0, 0, 0.4);
    --absaBlack24: rgba(0, 0, 0, 0.24);
    --absaBlack20: rgba(0, 0, 0, 0.2);
    --absaBlack16: rgba(0, 0, 0, 0.16);
    --absaBlack12: rgba(0, 0, 0, 0.12);
    --absaBlack8: rgba(0, 0, 0, 0.08);
    --absaBlack6: rgba(0, 0, 0, 0.06);

    --admintopBarBgLight: #d4dee8;
    --admintopBarBgStrong: #c9d8e4;
    --admintopBarSearchBg: #edf1f6;
    --admintopBarSearchBgHover: #f7f9fb;
    --admintopBarSearchIcon: rgba(0, 0, 0, 0.6);
    --admintopBarSearchIconHover: rgba(0, 0, 0, 0.8);
    --admintopBarSearchText: rgba(17, 17, 17, 0.6);
    --admintopBarSearchTextInput: rgba(17, 17, 17, 0.96);
    --admintopBarIcon: #000000;
    --admintopBarIconBgHover: rgba(255, 255, 255);
    --admintopBarIconBgPress: rgba();
    --admintopLine: rgba(0, 0, 0, 0.24);
    --adminnavBg: #eaebee;
    --adminnavIcon: rgba(17, 17, 17, 0.4);
    --adminnavIconBgHover: rgba(255, 255, 255);
    --adminnavText: rgba(17, 17, 17, 0.68);
    --admintoastBg: #313131;
    --adminmask: rgba(0, 0, 0, 0.4);
    --adminqrCode: #000000;
    --admindisableMask: rgba(255, 255, 255, 0.8);

    --imgrayBubble: #e9ecf0;
    --imbrandBubble: #d3e5fd;
    --imunread: rgba(1, 158, 51, 0.6);

    --cardB: #2f8fff;
    --cardBO16: rgba(47, 143, 255, 0.16);
    --appLetscardFill: #f8f8f8;
    --cardOO16: rgba(255, 132, 44, 0.16);
    --cardOO8: rgba(255, 132, 44, 0.08);
    --cardRO16: rgba(255, 82, 93, 0.16);
    --cardGO16: rgba(36, 196, 70, 0.16);
    --cardNO16: rgba(153, 153, 153, 0.16);
    --cardbg: #ffffff;
    --cardborderMobile: rgba(0, 0, 0, 0.24);
    --cardborderDesktop: rgba(0, 0, 0, 0.12);
    --cardline: rgba(0, 0, 0, 0.12);
    --cardblue1: #2f8fff;
    --cardgreen1: #24c446;
    --cardorange1: #ff842c;
    --cardred1: #ff525d;
    --cardgray1: #999999;
    --cardblue2: #e2f0ff;
    --cardgreen2: rgba(36, 196, 70, 0.16);
    --cardorange2: rgba(255, 132, 44, 0.16);
    --cardred2: rgba(255, 82, 93, 0.16);
    --cardgray2: #dae0e5;
    --cardblue3: rgba(47, 143, 255, 0.08);
    --cardgreen3: rgba(36, 196, 70, 0.08);
    --cardorange3: rgba(255, 132, 44, 0.08);
    --cardred3: rgba(255, 82, 93, 0.08);
    --cardgray3: rgba(153, 153, 153, 0.08);

    --treeNodeHover: #e3e7ea;
    --treeNodeSelect: #dbeafa;
    --treeNodeSelectFloat: #e6f2ff;

    --caltimeConflict: #ffb9bb;

    --shadowDropdown: 0px 0px 4px rgba(0, 0, 0, 0.02), 0px 0px 8px rgba(0, 0, 0, 0.04),
        0px 4px 20px rgba(0, 0, 0, 0.06);
    --shadowSmall: 0px 4px 16px 0px rgba(0, 0, 0, 0.1), 0px 2px 12px 0px rgba(0, 0, 0, 0.05),
        0px 0px 4px 0px rgba(0, 0, 0, 0.04);
    --shadowLarge: 0px 8px 26px 0px rgba(0, 0, 0, 0.1), 0px 2px 16px 0px rgba(0, 0, 0, 0.03),
        0px 0px 8px 0px rgba(0, 0, 0, 0.02);
    --shadowRight: 10px 0px 40px 0px rgba(0, 0, 0, 0.04), 4px 0px 24px 0px rgba(0, 0, 0, 0.02),
        4px 0px 16px 0px rgba(0, 0, 0, 0.02);
    --cardEmpty: rgba(242, 246, 249, 0.5);
}

html[data-theme='dark'] {
    --Brand50: #0e192e;
    --Brand100: #182a4a;
    --Brand200: #104582;
    --Brand300: #1a5daa;
    --Brand400: #1672da;
    --Brand500: #2d8eff;
    --Brand600: #4fa0ff;
    --Brand700: #7db9ff;
    --Brand800: #a1ccff;
    --Brand900: #c7e0ff;

    --N0: #111111;
    --N50: #191919;
    --N100: #202020;
    --N200: #2c2c2c;
    --N300: #3c3c3c;
    --N400: #585858;
    --N500: #828282;
    --N600: #a0a0a0;
    --N700: #b4b4b4;
    --N800: #c8c8c8;
    --N900: #dddddd;

    --aBlack90: rgba(255, 255, 255, 0.9);
    --aBlack80: rgba(255, 255, 255, 0.8);
    --aBlack60: rgba(255, 255, 255, 0.6);
    --aBlack50: rgba(255, 255, 255, 0.5);
    --aBlack40: rgba(255, 255, 255, 0.4);
    --aBlack24: rgba(255, 255, 255, 0.24);
    --aBlack20: rgba(255, 255, 255, 0.2);
    --aBlack16: rgba(255, 255, 255, 0.16);
    --aBlack12: rgba(255, 255, 255, 0.12);
    --aBlack10: rgba(255, 255, 255, 0.1);
    --aBlack8: rgba(255, 255, 255, 0.08);
    --aBlack6: rgba(255, 255, 255, 0.06);
    --aBlack4: rgba(255, 255, 255, 0.04);

    --aWhite90: rgba(0, 0, 0, 0.9);
    --aWhite80: rgba(0, 0, 0, 0.8);
    --aWhite60: rgba(0, 0, 0, 0.6);
    --aWhite50: rgba(0, 0, 0, 0.5);
    --aWhite40: rgba(0, 0, 0, 0.4);
    --aWhite24: rgba(0, 0, 0, 0.24);
    --aWhite20: rgba(0, 0, 0, 0.2);
    --aWhite16: rgba(0, 0, 0, 0.16);
    --aWhite12: rgba(0, 0, 0, 0.12);
    --aWhite10: rgba(0, 0, 0, 0.1);
    --aWhite8: rgba(0, 0, 0, 0.08);
    --aWhite6: rgba(0, 0, 0, 0.06);
    --aWhite4: rgba(0, 0, 0, 0.04);

    --aBrand90: rgba(45, 142, 255, 0.94);
    --aBrand80: rgba(45, 142, 255, 0.85);
    --aBrand60: rgba(45, 142, 255, 0.64);
    --aBrand50: rgba(45, 142, 255, 0.53);
    --aBrand40: rgba(45, 142, 255, 0.42);
    --aBrand24: rgba(45, 142, 255, 0.26);
    --aBrand20: rgba(45, 142, 255, 0.19);
    --aBrand16: rgba(45, 142, 255, 0.17);
    --aBrand12: rgba(45, 142, 255, 0.13);
    --aBrand10: rgba(45, 142, 255, 0.11);
    --aBrand8: rgba(45, 142, 255, 0.08);
    --aBrand6: rgba(45, 142, 255, 0.06);
    --aBrand4: rgba(45, 142, 255, 0.03);

    --R50: #52000f;
    --R100: #70061a;
    --R200: #8b0b24;
    --R300: #b31732;
    --R400: #da273d;
    --R500: #ff525d;
    --R600: #ff757c;
    --R700: #ff959b;
    --R800: #ffb9bb;

    --O50090: rgba(255, 132, 44, 0.1);

    --G50: #002d0b;
    --G100: #00360d;
    --G200: #015215;
    --G300: #007821;
    --G400: #019e33;
    --G500: #24c446;
    --G600: #4de05b;
    --G700: #7bf07e;
    --G800: #a4f8a0;

    --B50: #012c60;
    --B100: #003b89;
    --B200: #0151b0;
    --B300: #016ed5;
    --B400: #018df5;
    --B500: #15a9fb;
    --B600: #57bffc;
    --B700: #87d5fd;
    --B800: #bee9fd;

    --O50: #571a06;
    --O100: #6a220a;
    --O200: #a03100;
    --O300: #ba4e1f;
    --O400: #ff6f08;
    --O500: #ff842c;
    --O600: #ff9346;
    --O700: #ffbe8f;
    --O800: #ffe1c7;

    --M50: #69013e;
    --M100: #900250;
    --M200: #b70b65;
    --M300: #df1779;
    --M400: #f5278a;
    --M500: #fe50a1;
    --M600: #ff78b7;
    --M700: #ff9eca;
    --M800: #fec9e1;

    --Y50: #69410e;
    --Y100: #905e19;
    --Y200: #b88127;
    --Y300: #dea637;
    --Y400: #f5bb22;
    --Y500: #ffd44c;
    --Y600: #fee26c;
    --Y700: #ffee8a;
    --Y800: #fff4b8;

    --L50: #193004;
    --L100: #234008;
    --L200: #3a6611;
    --L300: #568c1c;
    --L400: #76b328;
    --L500: #95d62b;
    --L600: #abe548;
    --L700: #d5fc88;
    --L800: #e5ffad;

    --C50: #004752;
    --C100: #006970;
    --C200: #00858a;
    --C300: #00a3a3;
    --C400: #00bdbd;
    --C500: #00d1d1;
    --C600: #2de0e0;
    --C700: #71ebeb;
    --C800: #b0f5f5;

    --I50: #00016b;
    --I100: #00017a;
    --I200: #060a96;
    --I300: #1e14ba;
    --I400: #2d1adb;
    --I500: #473bf5;
    --I600: #6a6af7;
    --I700: #9c9fff;
    --I800: #ccceff;

    --P50: #24015b;
    --P100: #330a74;
    --P200: #4f1399;
    --P300: #6d22bf;
    --P400: #8e31e3;
    --P500: #ad5cf0;
    --P600: #c888fc;
    --P700: #d5a1fc;
    --P800: #e9cbfe;

    --V50: #5c015e;
    --V100: #850485;
    --V200: #b20ba9;
    --V300: #dc17ce;
    --V400: #f022e5;
    --V500: #fb50f3;
    --V600: #fc78f6;
    --V700: #fd96f8;
    --V800: #fecbfb;

    --bgApplication: #2b2b2b;
    --bgApplicationHover: rgba(255, 255, 255, 0.06);
    --bgApplicationFocus: rgba(255, 255, 255, 0.1);
    --bgAlert: #191919;
    --bgBottom2: #1f1f1f;
    --bgBottom: #1f1f1f;
    --bgMiddle: #202020;
    --bgMiddleLight: #222222;
    --bgTop: #2c2c2c;
    --bgMenu: rgba(255, 255, 255, 0.12);
    --bgonBubble: #222222;

    --TextPrimary: rgba(221, 221, 221, 0.96);
    --TextSecondary: rgba(221, 221, 221, 0.76);
    --TextSecondaryOngrey: rgba(255, 255, 255, 0.56);
    --TextTertiary: rgba(221, 221, 221, 0.5);
    --TextQuartus: rgba(221, 221, 221, 0.36);
    --TextPrimary-strong: rgba(255, 255, 255, 0.96);

    --IconBlack: rgba(221, 221, 221, 0.8);
    --IconPrimary: rgba(221, 221, 221, 0.68);
    --IconSecondary: rgba(221, 221, 221, 0.54);
    --IconTertiary: rgba(221, 221, 221, 0.36);
    --IconQuartus: rgba(221, 221, 221, 0.24);

    --LinkNormal: #1f86ff;
    --LinkHover: #3d97ff;
    --LinkPressed: #1672da;

    --absWhite: #ffffff;
    --absaWhite80: rgba(255, 255, 255, 0.8);
    --absaWhite60: rgba(255, 255, 255, 0.6);
    --absaWhite40: rgba(255, 255, 255, 0.4);
    --absaWhite24: rgba(255, 255, 255, 0.24);
    --absaWhite16: rgba(255, 255, 255, 0.16);
    --absaWhite12: rgba(255, 255, 255, 0.12);
    --absaWhite6: rgba(255, 255, 255, 0.06);
    --absSecondary: rgba(255, 255, 255, 0.08);
    --absaBlack: #000000;
    --absaBlack80: rgba(0, 0, 0, 0.8);
    --absaBlack60: rgba(0, 0, 0, 0.6);
    --absaBlack40: rgba(0, 0, 0, 0.4);
    --absaBlack24: rgba(0, 0, 0, 0.24);
    --absaBlack20: rgba(0, 0, 0, 0.2);
    --absaBlack16: rgba(0, 0, 0, 0.16);
    --absaBlack12: rgba(0, 0, 0, 0.12);
    --absaBlack8: rgba(0, 0, 0, 0.08);
    --absaBlack6: rgba(0, 0, 0, 0.06);

    --admintopBarBgLight: #404040;
    --admintopBarBgStrong: #363636;
    --admintopBarSearchBg: #5a5a5a;
    --admintopBarSearchBgHover: #666666;
    --admintopBarSearchIcon: rgba(255, 255, 255, 0.6);
    --admintopBarSearchIconHover: rgba(255, 255, 255, 0.8);
    --admintopBarSearchText: rgba(255, 255, 255, 0.6);
    --admintopBarSearchTextInput: rgba(217, 217, 217, 0.96);
    --admintopBarIcon: #ffffff;
    --admintopLine: rgba(255, 255, 255, 0.24);
    --adminnavBg: #383737;
    --adminnavIcon: rgba(221, 221, 221, 0.54);
    --adminnavText: rgba(221, 221, 221, 0.76);
    --admintoastBg: #3c3c3c;
    --adminmask: rgba(0, 0, 0, 0.7);
    --adminqrCode: #ffffff;
    --admindisableMask: rgba(25, 25, 25, 0.8);

    --imgrayBubble: #303132;
    --imbrandBubble: #27365c;
    --imunread: rgba(77, 224, 91, 0.6);

    --appLetscardFill: #2c2c2c;

    --cardB: #2f8fff;
    --cardBO16: rgba(47, 143, 255, 0.16);
    --cardGO16: rgba(36, 196, 70, 0.16);
    --cardOO16: rgba(255, 132, 44, 0.16);
    --cardOO8: rgba(255, 132, 44, 0.08);
    --cardRO16: rgba(255, 82, 93, 0.16);
    --cardNO16: rgba(130, 130, 130, 0.16);
    --cardbg: #1f1f1f;
    --cardborderMobile: rgba(255, 255, 255, 0.24);
    --cardborderDesktop: rgba(255, 255, 255, 0.12);
    --cardline: rgba(255, 255, 255, 0.12);
    --cardblue1: #1f86ff;
    --cardgreen1: #24c446;
    --cardorange1: #ff842c;
    --cardred1: #ff525d;
    --cardgray1: #828282;
    --cardblue2: #0e192e;
    --cardgreen2: rgba(36, 196, 70, 0.16);
    --cardorange2: rgba(255, 132, 44, 0.16);
    --cardred2: rgba(255, 82, 93, 0.16);
    --cardgray2: #191919;
    --cardblue3: rgba(31, 134, 255, 0.08);
    --cardgreen3: rgba(36, 196, 70, 0.08);
    --cardorange3: rgba(255, 132, 44, 0.08);
    --cardred3: rgba(255, 82, 93, 0.08);
    --cardgray3: rgba(130, 130, 130, 0.08);

    --treeNodeHover: #383838;
    --treeNodeSelect: #2f374d;
    --treeNodeSelectFloat: #2c3947;

    --caltimeConflict: rgba(255, 117, 124, 0.4);

    --shadowDropdown: 0px 0px 8px rgba(0, 0, 0, 0.08), 0px 0px 12px rgba(0, 0, 0, 0.12),
        0px 8px 16px rgba(0, 0, 0, 0.2);
    --shadowSmall: 0px 4px 16px 0px rgba(0, 0, 0, 0.3), 0px 2px 12px 0px rgba(0, 0, 0, 0.1),
        0px 0px 4px 0px rgba(0, 0, 0, 0.08);
    --shadowRight: 10px 0px 32px 0px rgba(0, 0, 0, 0.4), 4px 0px 12px 0px rgba(0, 0, 0, 0.06),
        4px 0px 4px 0px rgba(0, 0, 0, 0.04);
    --cardEmpty: rgba(43, 43, 43, 0.5);
}

html {
    --bold0: 400;
    --bold1: 500;
    --bold2: 700;
}

html[data-platform='windows'] {
    --bold0: 400;
    --bold1: 600;
    --bold2: 700;
}

html[data-platform='linux'] {
    --bold0: 400;
    --bold1: 600;
    --bold2: 700;
}

.ant-message {
    z-index: 10001 !important;    
}

.ant-message .ant-message-notice:not(.native) .ant-message-notice-content {
    background: rgba(0, 0, 0, 0.7);
    border-radius: 22px;
    padding: 14px 30px;
    color: #fff;
}

.ant-message .ant-message-notice.native .ant-message-notice-content {
    display: inline-flex;
    box-shadow: 0px 4px 10px rgb(47 83 134 / 10%) !important;
}

.ant-message .ant-message-notice.native .ant-message-custom-content {
    display: inline-flex;
    height: 22px;
    gap: 8px;
}

.ant-tooltip{
    z-index: 4001 !important;
}

.move-up-appear.no-appear-animation {
    animation: none !important;
    opacity: 1 !important;
}

.ant-popover {
    z-index: 1500 !important;
    border-radius: 4px;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.ant-popover .ant-popover-arrow{
    display: none;
}

.ant-popover .ant-popover-inner {
    box-shadow: none;
}

.ant-popover .ant-popover-inner-content {
    padding: 0;
}

.ant-popover.ant-popover-placement-bottom, .ant-popover.ant-popover-placement-bottomLeft, .ant-popover.ant-popover-placement-bottomRight {
    padding-top: 0;
}

.ant-popover.ant-popover-placement-top, .ant-popover.ant-popover-placement-topLeft, .ant-popover.ant-popover-placement-topRight {
    padding-bottom: 0
}

/* mobile css */
.mobile-antd-message .ant-message-notice-content {
    position: relative;
    padding: 12px 22px;
    border-radius: 6px;
    font-size: 14px;
    color: white;
    background-color: rgba(28, 28, 30, 0.9);
}

.mobile-antd-message .ant-message-custom-content {
    display: flex;
}

.request-timeout-message {
    z-index: 10001 !important;
}
.updateVersionModal_3Ooj2 .ant-modal-body {
  padding: 0px !important;
}
.updateVersionModal_3Ooj2 .ant-modal-content {
  border-radius: 10px;
}
.updateVersionModal_3Ooj2 .ant-modal-close-x {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.wrapper_1olVD {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background-size: 480px 410px;
  /* 将背景图缩小到原始尺寸 */
  background-repeat: no-repeat;
}
.wrapper_1olVD ::-webkit-scrollbar {
  background-color: transparent !important;
}
.wrapper_1olVD .bg_1ZCjn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  pointer-events: none;
}
.wrapper_1olVD .content_XTqBD {
  padding-top: 90px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  z-index: 1;
}
.wrapper_1olVD .content_XTqBD .title_16PRm {
  color: #0c0c0c;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 8px;
}
.wrapper_1olVD .content_XTqBD .msgs_AyCjN {
  margin-top: 4px;
  margin-bottom: 4px;
  max-height: 150px;
  overflow-y: auto;
}
.wrapper_1olVD .content_XTqBD .msgs_AyCjN .msgItem_2j_eE {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}
.wrapper_1olVD .content_XTqBD .msgs_AyCjN .msgItem_2j_eE .itemDot_183LN {
  width: 3px;
  margin-top: 8.5px;
  height: 3px;
  flex: 0 0 3px;
  background-color: #0c0c0c;
}
.wrapper_1olVD .content_XTqBD .msgs_AyCjN .msgItem_2j_eE .itemContent_3iLi6 {
  margin-left: 10px;
  color: #0c0c0c;
  font-size: 14px;
}
.wrapper_1olVD .footer_1h34z {
  padding-top: 16px;
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}
.wrapper_1olVD .footer_1h34z .refreshBtn_1ENgo {
  width: 200px;
  height: 40px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: var(--absWhite);
  background: linear-gradient(270deg, #4B87FC 0%, #8664FF 100%);
}
.wrapper_1olVD .footer_1h34z .refreshTip_3iM5E {
  margin-top: 4px;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(17, 17, 17, 0.5);
  letter-spacing: 0.02em;
  padding: 0 24px;
}
.mobileWrapper_23umF {
  background-size: 310px 420px;
  /* 将背景图缩小到原始尺寸 */
  background-image: url('https://popo.gsf.netease.com/lingxi_update_version_mobile_modal_bgmax.png');
}
.ant-modal-mask {
  background-color: var(--aBlack40) !important;
}

.line_1jmlQ {
  width: 16px;
  height: 1px;
  background-color: var(--aBlack8);
  margin: 4px auto;
}

.shortcut-key-wrapper {
    background-color: #ffffff;
    width: 296px;
    padding: 0px 8px 0px 8px;
    border-radius: 8px;
    border: 1px solid#00000014;
    box-shadow: 0px 8px 26px 0px #00000014;
}

.shortcut-key-wrapper-dark {
    background: #292a2d;
    box-shadow: none;
    border: 1px solid #464a50 !important;
}

.shortcut-key-header {
    height: 50px;
    padding: 14px 8px;
    display: flex;
    justify-content: space-between;
}

.plus {
    color: #6c6c6c;
}

.shortcut-key-item-opt-dark {
    color: #afb5bd;
}

.shortcut-key-header-title {
    color: #0c0c0c;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.02em;
}

.shortcut-key-header-title-dark {
    color: #afb5bd !important;
}

.shortcut-key-content-header {
    height: 26px;
    padding: 0px 8px 8px 8px;
    color: #0c0c0c;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0.02em;
    border-bottom: 1px solid #00000014;
}

.shortcut-key-content-header-dark {
    color: #afb5bd;
    border-bottom: 1px solid #464a50;
}

.shortcut-key-item {
    height: 34px;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.shortcut-key-item-name {
    color: #111111e0;
}

.shortcut-key-item-name-dark {
    color: #afb5bd;
}

.shortcut-key-footer {
    height: 50px;
    padding: 5px 16px 11px 16px;
    div {
        height: 34px;
        border-radius: 6px;
        border: 1px solid #0000001f;
        padding: 8px 20px;
        text-align: center;
        font-size: 12px;
        color: #0c0c0c;
        line-height: 18px;
        cursor: pointer;
    }
}

.shortcut-key-footer-dark {
    div {
        border: 1px solid #464a50;
        color: #afb5bd;
    }
}

.lx-select {
    position: relative;
    padding: 9px 28px 9px 10px;
    border: 1px solid #E6E8EB;
    border-radius: 2px;
    color: #333333;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lx-select::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    margin-top: -2px;
    border-top: 4px solid #333333;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

.lx-select__dropdown {
    border: 1px solid #d1d1d1;
    border-radius: 6px;
    background-color: #fff;
    z-index: 2000;
    overflow: hidden;
}

.lx-select__menu {
    list-style: none;
    padding: 5px 0;
    margin: 0;
    max-height: 230px;
    overflow-y: auto;
}

.lx-select__menu-item {
    position: relative;
    height: 34px;
    padding: 10px 40px 10px 16px;
    color: #333333;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lx-select__menu-item:hover {
    background-color: #FAFAFA;
}

.lx-select__info-text {
    text-overflow: ellipsis;
    margin-left: 4px;
    color: #999999;
}

.lx-select__info-option-text {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 4px;
    color: #999999;
}

.lx-select__menu-item.lx-select__menu-item--disabled {
    color: #999999;
    cursor: not-allowed;
}

.lx-select__menu-item.lx-select__menu-item--selected {
    color: #5383FE;
    background-color: #F5F6F7;
    cursor: auto;
}

.lx-select__checked-icon {
    position: absolute;
    top: 5px;
    right: 5px;
}

.help-guide-popover {
  box-shadow: none;
}
.help-guide-popover .ant-popover-inner {
  background-color: #1681ff;
  border-radius: 8px;
  padding: 20px 20px 16px 20px;
}
.help-guide-popover .ant-popover-inner .ant-popover-inner-content {
  color: white;
  font-size: 14px;
}
.help-guide-popover .ant-popover-arrow {
  display: block !important;
  width: 14px;
  height: 14px;
  border-width: 7px;
}
.help-guide-popover.ant-popover-placement-leftBottom .ant-popover-arrow {
  border-right-color: #1681ff;
  border-top-color: #1681ff;
}
.help-guide-popover.ant-popover-placement-bottom {
  padding-top: 13px !important;
}
.help-guide-popover.ant-popover-placement-bottom .ant-popover-arrow {
  border-left-color: #1681ff;
  border-top-color: #1681ff;
}

.line_pNeaJ {
  width: 16px;
  height: 1px;
  background-color: var(--aBlack8);
  margin: 4px auto;
}