:root {
    /* font color */
    --TextColor1: #403d3c;
    --TextColor2: #7d7675;
    --TextColor3: #b8b2b2;
    --TextColor4: #d7d4d3;
    --TextColor5: #ffffff;

    /* fill color */
    --FillColor1: #faf9f9;
    --FillColor2: #f5f3f3;
    --FillColor3: #edeaea;
    --FillColor4: #d7d4d3;
    --FillColor5: #5f5959;
    --FillColor6: #ffffff;

    /* primary color */
    --PrimaryColor10: #15084c;
    --PrimaryColor9: #230e78;
    --PrimaryColor8: #3817a6;
    --PrimaryColor7: #5224d1;
    --PrimaryColor6: #7530fe;
    --PrimaryColor5: #8559fe;
    --PrimaryColor4: #9f81fe;
    --PrimaryColor3: #bbaafe;
    --PrimaryColor2: #dad3fe;
    --PrimaryColor1: #eae7fe;

    /* border color */
    --BorderColor1: #f5f3f3;
    --BorderColor2: #edeaea;
    --BorderColor3: #e0dddc;
    --BorderColor4: #d7d4d3;
    --BorderColor5: #9c9392;
    --BorderColor6: #403d3c;

    /*新版ui设计*/
    --TextColor11: #333333;
    --TextColor12: #4f535a;
    --TextColor13: #97a0b4;
    --TextColor14: #ffffff;
    --TextColor15: #3d3d3d;

    --BorderColor11: #e3e3e3;
    --BorderColor12: #ffffff;

    --PrimaryColor11: #7530fe;
    --PrimaryColor12: #5e20d9;
    --PrimaryColor13: #8a50fc;
    --PrimaryColor14: #dbd6fa;
    --PrimaryColor15: #9967FF;

    --FillColor11: #000000;
    --FillColor12: #161617;
    --FillColor13: #ffd45e;
    --FillColor14: #f3f5f9;
    --FillColor15: #f5f7fd;
    --FillColor16: #f3f2fd;
    --FillColor17: #ffffff;
    --FillColor18: #ffcf4c;
    --FillColor19: #ffbb00;

    --Font: 'PingFang SC', Arial, 'Microsoft YaHei', sans-serif;
    --WeightT: 500;
    --HomeHeaderHeight: 80px;
    --PagePadding: 20px;
    --PagePaddingLarge: 40px;

    --ScrollbarThumbColor: #c8c8c8;
    --ScrollbarThumbWidth: 4px;
}

:root:lang(zh-CN) {
    --Font: 'PingFang SC', Arial, 'Microsoft YaHei', sans-serif;
}

/* font size */
.agTitleLarge {
    font-family: 'Roboto';
    font-size: 70px;
    font-weight: 900;
}
.agTitleLarge:lang(zh-CN) {
    font-family: var(--Font);
    font-size: 60px;
    font-weight: 500;
}
.agTitleMiddle {
    font-family: 'Roboto';
    font-size: 50px;
    font-weight: 900;
}
.agTitleMiddle:lang(zh-CN) {
    font-family: var(--Font);
    font-size: 50px;
    font-weight: 500;
}
.agTitle32 {
    font-family: 'Roboto';
    font-weight: 900;
    font-size: 32px;
}
.agTitleSmall {
    font-family: 'Roboto';
    font-weight: 900;
    font-size: 30px;
}
.agTitleSmall:lang(zh-CN) {
    font-family: var(--Font);
    font-weight: 500;
    font-size: 30px;
}
.agTitleNormal {
    font-family: 'Roboto';
    font-weight: 900;
    font-size: 24px;
}
.agTitleNormal:lang(zh-CN) {
    font-family: var(--Font);
    font-weight: 500;
    font-size: 24px;
}
.agTitle22 {
    font-family: 'Roboto';
    font-weight: 900;
    font-size: 22px;
}
.agTitle16 {
    font-family: 'Roboto';
    font-weight: 900;
    font-size: 16px;
}
.ag56 {
    font-weight: 600;
    font-size: 56px;
    line-height: 64px;
}
.ag48 {
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
}
.ag40 {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
}
.ag36 {
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
}
.ag32 {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
}
.ag28 {
    font-weight: 500;
    font-size: 28px;
    line-height: 38px;
}
.ag26 {
    font-weight: 500;
    font-size: 26px;
    line-height: 36px;
}
.ag24-t {
    font-weight: var(--WeightT);
    font-size: 24px;
    line-height: 28px;
}
.ag24 {
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
}
.ag22-t {
    font-weight: var(--WeightT);
    font-size: 22px;
    line-height: 28px;
}
.ag22 {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
}
.ag20-t {
    font-weight: var(--WeightT);
    font-size: 20px;
    line-height: 28px;
}
.ag20 {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}
.ag18-t {
    font-weight: var(--WeightT);
    font-size: 18px;
    line-height: 25px;
}
.ag18 {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
}
.ag16-t {
    font-weight: var(--WeightT);
    font-size: 16px;
    line-height: 22px;
}
.ag16 {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}
.ag14-t {
    font-weight: var(--WeightT);
    font-size: 14px;
    line-height: 20px;
}
.ag14 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.ag12-t {
    font-weight: var(--WeightT);
    font-size: 12px;
    line-height: 17px;
}
.ag12 {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
}
.ag10-t {
    font-weight: var(--WeightT);
    font-size: 10px;
    line-height: 14px;
}
.ag10 {
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
}
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@media (max-width: 600px) {
    :root {
        --HomeHeaderHeight: 50px;
    }
    .agTitleLarge {
        font-size: 30px;
    }
    .agTitleLarge:lang(zh-CN) {
        font-size: 30px;
    }
    .agTitleMiddle {
        font-size: 22px;
    }
    .agTitleMiddle:lang(zh-CN) {
        font-size: 22px;
    }
    .agTitleSmall {
        font-size: 18px;
    }
    .agTitleSmall:lang(zh-CN) {
        font-size: 18px;
    }
    .agTitleNormal {
        font-size: 15px;
    }
    .agTitleNormal:lang(zh-CN) {
        font-size: 15px;
    }
    .ag40 {
        font-size: 25px;
        line-height: 30px;
    }
    .ag36 {
        font-size: 23px;
        line-height: 28px;
    }
    .ag24-t {
        font-size: 16px;
        line-height: 23px;
    }
    .ag20-t {
        font-size: 15px;
        line-height: 21px;
    }
    .ag20 {
        font-size: 15px;
        line-height: 21px;
    }
    .ag18-t {
        font-size: 14px;
        line-height: 20px;
    }
    .ag18 {
        font-size: 14px;
        line-height: 20px;
    }
    .ag16-t {
        font-size: 13px;
        line-height: 18px;
    }
    .ag16 {
        font-size: 13px;
        line-height: 18px;
    }
    .ag14-t {
        font-size: 12px;
        line-height: 17px;
    }
    .ag14 {
        font-size: 12px;
        line-height: 17px;
    }
}

/* 对antd样式进行改写 */
[class*='ant'] {
    font-family: var(--Font) !important;
}
.ant-select-item {
    padding: 1px 12px !important;
}
.ant-select-selection-item .info {
    display: none;
}
.ant-select-item-option-selected {
    font-weight: 500 !important;
    color: var(--PrimaryColor6) !important;
    background-color: var(--FillColor6) !important;
}
.ant-image-preview-footer {
    bottom: calc(100vh - 40px) !important;
}
.ant-select-item-option-active {
    background-color: var(--FillColor17) !important;
}
.ant-image-preview-progress {
    font-size: 16px !important;
    margin-bottom: 0px !important;
    color: white;
}
.ant-select-selector {
    padding: auto 14px auto 14px !important;
}
.ant-select-item-option {
    align-items: center !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.ant-select-dropdown .ant-select-item-option-state {
    display: none !important;
}
.ant-spin .ant-spin-dot-item {
    background-color: var(--PrimaryColor6) !important;
}
.ant-spin-text {
    color: var(--TextColor5) !important;
    margin-top: 6px !important;
}
.ant-modal .ant-modal-content {
    border-radius: 12px !important;
}
.ant-table-wrapper {
    border: 1px solid var(--BorderColor11);
    border-radius: 10px;
    background-color: transparent !important;
}
.ant-table {
    background-color: transparent !important;
}
.ant-table-thead
    > tr
    > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not(
        [colspan]
    )::before {
    display: none;
}
.ant-table-thead > tr > th,
.ant-table-thead > tr > td {
    background-color: var(--FillColor15) !important;
    border-bottom: 1px solid var(--BorderColor11) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--TextColor13) !important;
    height: 60px;
    text-align: center !important;
}
.ant-table-tbody > tr > td {
    border-bottom: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--TextColor12) !important;
    height: 80px;
}
.ant-table-tbody > tr > td {
    text-align: center !important;
}
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
    background-color: transparent !important;
}
.ant-table-footer {
    background-color: transparent !important;
    border-top: 1px solid var(--BorderColor11);
}
.ant-select-dropdown .ant-select-item-option-state {
    display: none !important;
}
.ant-upload-drag-container {
    height: 100% !important;
}
.ant-segmented {
    background-color: var(--FillColor15) !important;
    color: var(--TextColor11) !important;
    border-radius: 10px !important;
}
.ant-table-tbody > tr.ant-table-placeholder {
    background-color: transparent !important;
}
.ant-empty-description {
    color: var(--TextColor13) !important;
}
.ant-tooltip-inner {
    background-color: var(--FillColor17) !important;
    border: 1px solid var(--PrimaryColor11) !important;
    color: var(--PrimaryColor11) !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    padding: 5px 10px !important;
    line-height: 22px !important;
    box-shadow: none !important;
}
.ant-tooltip .ant-tooltip-arrow:before {
    background-color: var(--PrimaryColor11) !important;
}
.ant-popover-inner {
    border-radius: 10px !important;
    padding: 10px !important;
}
.ant-checkbox:hover .ant-checkbox-inner {
    border-color: var(--PrimaryColor6) !important;
}
.ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--PrimaryColor6) !important;
    border-color: var(--PrimaryColor6) !important;
}
.ant-checkbox-checked::after {
    border-color: var(--PrimaryColor6) !important;
    border: 2px solid var(--PrimaryColor6) !important;
}
.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner {
    border-color: var(--PrimaryColor6) !important;
}
.ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
    border-color: var(--PrimaryColor6) !important;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html,
body {
    max-width: 100vw;
    overflow-x: hidden;
    font-family: var(--Font);
    scrollbar-width: none;
}

body {
    color: var(--TextColor1);
    background-color: var(--FillColor6);
    /* position: absolute; */
    /* width: 100vw;
    height: 100vh; */
    /* overflow: hidden; */
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

iframe::-webkit-scrollbar {
    display: none;
}

a {
    color: inherit;
    text-decoration: none;
}
p,
input,
textarea {
    margin: 0;
    padding: 0;
}
input,
textarea {
    outline: none;
    font-family: var(--Font);
    color: var(--TextColor1);
}

button {
    border: none;
}
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.progressLoading {
    animation: loading 1.5s linear infinite;
}
.w-full {
    width: 100%;
    height: initial;
}
.h-full {
    height: 100%;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.w-\[90\%\] {
    width: 90%;
}
.h-\[90\%\] {
    height: 90%;
}
.flex {
    display: flex;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.rc-virtual-list-scrollbar {
    width: var(--ScrollbarThumbWidth) !important;
}
.rc-virtual-list-scrollbar-thumb {
    background-color: var(--ScrollbarThumbColor) !important;
    border-radius: 100px !important;
}
.opacity-40 {
    opacity: 0.4;
}
.pointer-events-none {
    pointer-events: none;
}
font {
    pointer-events: none;
}
@keyframes loading {
    /*以百分比来规定改变发生的时间 也可以通过"from"和"to",等价于0% 和 100%*/
    0% {
        /*rotate(2D旋转) scale(放大或者缩小) translate(移动) skew(翻转)*/
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.proUser {
    width: 28px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 4px;
    background: linear-gradient(98.04deg, #ffc100 4.65%, #ffd703 94.16%);
    color: var(--TextColor5);
}
.tcaptcha-transform {
    border-radius: 20px !important;
}

::-webkit-scrollbar {
    width: var(--ScrollbarThumbWidth);
    height: var(--ScrollbarThumbWidth);
    display: block; /* 覆盖全局的 display: none */
}

::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 100px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--ScrollbarThumbColor);
    border-radius: 100px;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    cursor: pointer;
}


::-webkit-scrollbar:horizontal {
    display: none
}

::-webkit-scrollbar-thumb:horizontal {
    display: none;
}

/* 滚动条角落样式 */
::-webkit-scrollbar-corner {
    background: transparent;
}

.context {
    display: inline-block;
    position: fixed;
    top: 0px;
    left: 0px;
    min-width: 200px;
    max-width: 395px;
    color: #ffffff;
    background: #1e1e1e;
    font-size: 12px;
    border-radius: 10px;
    box-shadow: 0px 0px 0.5px rgba(0, 0, 0, 0.12), 0px 10px 16px rgba(0, 0, 0, 0.12),
        0px 2px 5px rgba(0, 0, 0, 0.15);
    padding: 8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 999;
}

.context .item {
    padding: 4px 9px;
    cursor: default;
    color: inherit;
    border-radius: 8px;
}

.context .item:hover {
    background: #8a50fc;
}

.context .item:hover .hotkey {
    color: #fff;
}

.context .disabled {
    color: #878b90;
}

.context .disabled:hover {
    background: inherit;
}

.context .disabled:hover .hotkey {
    color: #878b90;
}

.context .separator {
    margin: 4px 0px;
    height: 0;
    padding: 0;
    border-top: 1px solid #454545;
}

.hotkey {
    color: #878b90;
    float: right;
}

.style_QRCodeCard__CRGAH {
    position: fixed;
    width: 356px;
    padding: 68px 68px 50px 68px;
    background-color: var(--FillColor17);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    text-align: center;
    z-index: 9;
}
.style_QRCodeImg__utkNH {
    width: 220px;
    height: 220px;
}
.style_QRCodeWordFirst__BV0hB {
    margin-top: 30px;
    color: var(--TextColor11);
}
.style_QRCodeWordSecond__6MkR9 {
    color: var(--TextColor13);
    margin-top: 12px;
}

.style_container__C8B3_{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 32px;
    max-width: 392px;
    text-align: center;
}
.style_mainContent__1WLU5{
    width: 100%;
    display: flex;
    justify-content: center;
}
.style_mainTitle__56hdS{
    color: var(--TextColor1);
}
.style_subTitle__FsoU1{
    margin-top: 24px;
    color: var(--TextColor1);
    text-align: start;
}
.style_modalCloseRow__9YVQN{
    width: 100%;
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.style_close__esH5r{
    position: absolute;
    right: 0px;
}
.style_container__vq_vb {
    display: flex;
    align-items: center;
    padding: 64px;
    justify-content: center;
    height: 100vh;
    flex-direction: column;
}
.style_title__XADy0 {
    margin-top: 24px;
    color: var(--TextColor1);
}
.style_content__vgi40 {
    margin-top: 8px;
    color: var(--TextColor2);
}
.style_message__UrHuR {
    margin-top: 4px;
    color: var(--TextColor2);
}
.style_buttonContainer__ZUvx7 {
    position: relative;
    width: 268;
    display: flex;
    justify-content: center;
    align-items: center;
}
.style_button__J8mL7 {
    margin-top: 48px;
    border-radius: 4px;
    color: var(--TextColor5);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    height: 40px;
    background-color: var(--PrimaryColor6);
    cursor: pointer;
}

.style_baseModal__QA83z {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto !important;
    max-width: calc(100vw - 208px) !important;
}
.style_baseModal__QA83z .ant-modal-content {
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: rgba(255, 255, 255, 0) !important;
}
.style_close__PmRJS {
    position: absolute;
    top: 0;
    right: -74px;
    cursor: pointer;
}
@media (max-width: 600px) {
    .style_baseModal__QA83z {
        max-width: calc(100vw - 40px) !important;
    }
    .style_close__PmRJS {
        right: 50%;
        top: 100%;
        transform: translateX(50%) translateY(200%);
        width: 33px;
        height: 33px;
    }
}

.style_googleButton___qNBK {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.style_loginIcon__098Qf {
    position: absolute;
    left: 12px;
    width: 24px;
    height: 24px;
}
.style_cf_turnstile__VEcmY {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.style_cf_turnstile__VEcmY::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fafafa;
    border-radius: 10px;
    z-index: -1;
}
.style_cf_turnstile__VEcmY::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    pointer-events: none;
    box-sizing: border-box;
}

.style_turnstileCon__vQYRQ { 
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
}

.style_errorText___8nRL{
    color: var(--TextColor11);
}

.style_root__BMQsM {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.style_title__J6DES {
    font-family: 'Roboto';
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 20px;
    text-align: center;
}
.style_inputContainer__wZLTk {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}
.style_input__koQJE {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--BorderColor11);
    height: 48px;
    padding: 0 14px;
}
.style_input__koQJE:focus {
    border: 1px solid var(--PrimaryColor11);
    outline: 4px solid var(--PrimaryColor14);
}
.style_input__koQJE::placeholder {
    color: var(--TextColor13);
}
.style_code__PxpmS {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--PrimaryColor5);
}
.style_divider__G_vzt {
    width: 100%;
    margin: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--TextColor13);
    gap: 15px;
}
.style_line__lwUjN {
    flex: 1 1;
    height: 1px;
    background-color: var(--BorderColor11);
}
.style_loginBtn__DFFGd {
    margin-top: 20px;
    width: 100%;
    border-radius: 10px;
    background-color: var(--PrimaryColor11);
    min-height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--TextColor14);
    cursor: pointer;
}
.style_loginBtn__DFFGd:hover {
    background-color: var(--PrimaryColor13);
}
.style_googleButton__WDv0k {
    width: 100%;
    height: 48px;
    border-radius: 10px;
    border: 1px solid var(--BorderColor11);
    background-color: var(--FillColor14);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.style_googleButton__WDv0k:hover {
    background-color: #fbfcfd;
}
.style_loginPrompt__HIO_I {
    margin-top: 40px;
    color: var(--TextColor13);
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
@media (max-width: 480px) {
    .style_inputContainer__wZLTk {
        margin-top: 15px;
    }
    .style_loginBtn__DFFGd {
        margin-top: 15px;
    }
}
.style_appsumoTip__tHqW5 {
    color: var(--TextColor13);
    font-size: 14px;
    margin-bottom: 14px;
    text-align: center;
}

.style_canvaTip__po4MP {
    color: var(--TextColor13);
    font-size: 14px;
    text-align: center;
    margin-top: -10px;
}

.style_inputContainer___AKUL {
    width: 100%;
    margin-top: 20px;
    position: relative;
}
.style_input__jKblC {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--BorderColor11);
    height: 48px;
    padding: 0 14px;
}
.style_input__jKblC:focus {
    border: 1px solid var(--PrimaryColor11);
    box-shadow: 0 0 0 4px var(--PrimaryColor14);
}
.style_input__jKblC::placeholder {
    color: var(--TextColor13);
}
.style_code__2LZ6Y {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--PrimaryColor11);
}
.style_count__OUED3 {
    color: var(--TextColor13);
}
.style_loginBtn__aorLX {
    margin-top: 20px;
    width: 100%;
    border-radius: 10px;
    background-color: var(--PrimaryColor11);
    min-height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--TextColor14);
    cursor: pointer;
}
.style_loginBtn__aorLX:hover {
    background-color: var(--PrimaryColor13);
}
.style_loginPrompt__MKBnT {
    margin-top: 16px;
    color: var(--TextColor13);
    margin-bottom: 20px;
    text-align: center;
    max-width: 320px;
}

@media (max-width: 480px) {
    .style_inputContainer___AKUL {
        margin-top: 15px;
    }
    .style_loginBtn__aorLX {
        margin-top: 15px;
    }
}

.style_codeContainer__GK9Nh {
    position: relative;
}

.style_codeContainer__GK9Nh::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/ic_wechat_followed.svg');
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    pointer-events: none;
}

.style_codeContainerSelected__52ziz::after {
    opacity: 1;
}

.style_descImport__Ho6nI {
    color: var(--PrimaryColor11);
}
.style_desc__sCisD {
    color: var(--TextColor11);
    margin-top: 2px;
    text-align: center;
}
.style_openInput__2Ijjj {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    padding: 9px 0;
}
.style_openOnClick__wCdhP {
    text-decoration: underline;
    cursor: pointer;
}
.style_inputItem__HvrKm {
    width: 100%;
    margin-bottom: 16px;
    text-align: left;
    position: relative;
}
.style_submit__zbgbr {
    max-width: 359px;
    width: 100%;
    height: 48px;
    margin-top: 30px;
    border-radius: 12px;
    background-color: var(--PrimaryColor11);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.style_submit__zbgbr:hover {
    opacity: 0.8;
}
.style_submitDisable__G6YT7 {
    background-color: var(--PrimaryColor3);
}
.style_submitTxt__R_caG {
    color: var(--TextColor5);
}
.style_checkboxDiv__NABYT {
    display: flex;
    align-items: center;
    justify-content: center;
}
.style_agreementCheckbox__K7vDV {
    width: 16px;
    height: 16px;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    outline: none;
}
.style_agreementCheckbox__K7vDV::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    border: 1px solid var(--BorderColor11);
    background-color: var(--FillColor17);
}
.style_agreementCheckbox__K7vDV:checked::after {
    content: ' ';
    background-image: url('/checked.svg');
    border: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.style_agreementCheckboxText__vSl7w {
    margin-left: 8px;
    color: var(--TextColor13);
}
.style_inline__UABL5 {
    display: inline;
}
.style_underline__lXY7t {
    text-decoration: underline !important;
    color: var(--TextColor13) !important;
    display: inline;
}
.style_code__F_QGW {
    margin-bottom: 20px;
    margin-top: 20px;
}

.style_container__rDdgg {
    width: 100%;
    margin-top: 80px;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.style_title__lyfHD {
    margin: 8px 0;
    color: var(--TextColor11);
}
.style_container__rDdgg .ant-checkbox-label {
    color: var(--TextColor13) !important;
}
.style_contactContainer__LYFmn {
    border-radius: 20px;
    margin-top: 80px;
    background: var(--FillColor15);
    width: 380px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
}
.style_contactContent__NWt8_ {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--TextColor12);
}
.style_contactTitleContainer__ggQaY {
    display: flex;
    gap: 6px;
    margin-bottom: 5px;
}
.style_contactTitle___Nwy_ {
    font-variation-settings: 'opsz' auto;
    background: linear-gradient(270deg, #7530fe 0%, #000000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.style_contactItem__Wk7K4 {
    display: flex;
    align-items: center;
}
.style_dot__pF6h2 {
    width: 2px;
    height: 2px;
    background-color: var(--TextColor12);
    margin-right: 8px;
    border-radius: 2px;
}
.style_button__km0B6 {
    margin-top: 20px;
    height: 40px;
    padding: 0 20px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: var(--PrimaryColor11);
    color: var(--TextColor14);
}
@media (max-width: 480px) {
    .style_container__rDdgg {
        margin-top: 15px;
    }
}

.style_root__gCgcb {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    padding-top: 30px;
}
.style_title__S3gTw {
    margin-bottom: 10px;
    white-space: nowrap;
}

.style_bannerContainer__O34hv {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.style_title__Fj8go {
    position: absolute;
    top: 0;
    z-index: -1;
}

.style_root__liM_u {
    display: flex;
    justify-content: center;
    border-radius: 20px;
    max-width: 1000px;
    width: 100%;
}
.style_rootPage__wNp_x {
    background: linear-gradient(304deg, #f9fbff 1%, #fdfdff 83%);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border: 1px solid #e3e3e3;
    box-shadow: 0px 0px 20px 0px rgba(33, 29, 39, 0.05);
}
.style_banner__zTUpp {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1 1;
    padding-top: 40px;
}
.style_bannerModal__9rK7D {
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-top: 0;
    position: relative;
}
.style_footerLogo__A1LRj {
    position: absolute;
    bottom: 35px;
}
.style_panel__EkaiU {
    min-width: 445px;
    height: 660px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 70px 55px 0 0;
}
.style_panel__EkaiU:lang(en-US) {
    padding: 40px 55px 0 0;
}
.style_panelModal__yH2Nf {
    background-color: var(--FillColor17);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    min-width: 500px;
    padding: 70px 55px 0 70px !important;
}
.style_panelModal__yH2Nf.style_panelCanvas__nzYuk {
    padding: 50px 55px 0 70px !important;
}
.style_close__sN9RU {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
}
.style_logo__Z7WIP {
    margin-bottom: 10px;
    z-index: 2;
}
@media (max-width: 900px) {
    .style_root__liM_u {
        border-radius: 0;
        border: none;
        box-shadow: none;
        flex-direction: column;
        background: none;
    }
    .style_banner__zTUpp {
        display: none;
    }
}

.style_button__S6JFm{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    /* height: 40px; */
    border-radius: 12px;
    font-weight: 700;
    cursor: pointer;
}
.style_primary__U52fV{
    background-color: var(--PrimaryColor6);
    color: var(--TextColor5);
}
.style_default__cP1_n {
    background-color: transparent;
    border: 1px solid var(--PrimaryColor6);
    color: var(--PrimaryColor6);
}
.style_primary__U52fV:hover{
    background-color: var(--PrimaryColor5);
}
.style_primary__U52fV:active{
    background-color: var(--PrimaryColor7);
}

.style_default__cP1_n:hover{
    border: 1px solid var(--PrimaryColor5);
    color: var(--PrimaryColor5);
}

.style_default__cP1_n:focus{
    border: 1px solid var(--PrimaryColor7);
    color: var(--PrimaryColor7);
}
.style_payWrap__2Gk6s {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    color: var(--TextColor11);
    background-color: var(--FillColor17);
    border-radius: 20px;
}
.style_close__fwZTg {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.style_tips___5I_H {
    color: var(--TextColor13);
    margin-top: 24px;
}
.style_detail__8th_2 {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.style_payMessage__nppeA {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.style_money__gS31O {
    margin-top: 12px;
}
.style_payChannel__EZMFY {
    display: flex;
    margin-top: 24px;
    margin-bottom: 12px;
}

.style_payMethod__f045W {
    width: 116px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid var(--BorderColor11);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.style_payMethod__f045W:first-child {
    margin-right: 8px;
}
.style_payActive__dlpD9 {
    border: 1px solid var(--PrimaryColor11);
}
.style_wechat__DVkGA {
    margin-right: 12px;
}
.style_policy__x_lyl {
    margin-top: 12px;
    color: var(--TextColor13);
    display: flex;
}
.style_policyInfo__2C92C {
    text-decoration: underline;
    color: var(--TextColor13);
}
.style_paySuccess__Jwc1i {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 30px;
    color: var(--TextColor11);
    background-color: var(--FillColor17);
    border-radius: 20px;
}
.style_paySuccessTitle__BVB0O {
    margin-top: 20px;
    margin-bottom: 10px;
}
.style_paySuccessMessage__fjfJT {
    color: var(--TextColor12);
    margin-bottom: 32px;
}
.style_paySuccessBack__GKcvH {
    display: flex;
    gap: 20px;
    min-width: 420px;
}
.style_order__y4Jjq {
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--PrimaryColor14);
    color: var(--PrimaryColor11);
    border-radius: 10px;
    cursor: pointer;
}
.style_studio__4_I3A {
    background-color: var(--PrimaryColor11);
    color: var(--TextColor14);
}
.style_closeModalIcon__v3HkU {
    position: absolute;
    right: 0;
    cursor: pointer;
    right: 24px;
}
.style_invitationCode__ozd67 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    position: relative;
}
.style_inputCode__YOH6D {
    width: 100%;
    height: 40px;
    border-radius: 6px;
    border: 1px solid var(--PrimaryColor6);
    padding-left: 12px;
    color: var(--TextColor1);
}
.style_inputCode__YOH6D::placeholder {
    color: var(--TextColor3);
}
.style_submitCode__jqTAi {
    position: absolute;
    right: 0;
}
.style_submitCode__jqTAi {
    width: 64px;
    height: 40px;
    background-color: var(--PrimaryColor6);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--TextColor5);
    border-radius: 0 6px 6px 0;
    cursor: pointer;
}
.style_codeTips__fGnfC {
    color: var(--PrimaryColor6);
}
.style_inviteCodeBound__1wuuB {
    color: var(--PrimaryColor6);
    margin-top: 33px;
}
.style_payContent__sVJI1 {
    display: flex;
    margin-top: 30px;
}
.style_orderWrap__HbJdO {
    width: 360px;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: var(--FillColor15);
    padding: 24px 0;
    border-radius: 10px;
}
.style_plans__uGFvG {
    margin-left: 24px;
    width: 358px;
}
.style_planItem__SnKOV {
    padding: 20px;
    border-radius: 10px;
    background-color: var(--FillColor15);
    margin-bottom: 16px;
    cursor: pointer;
    border: 1px solid var(--FillColor15);
}
.style_planitemRow__c7TwY {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.style_active__EzmYd {
    border: 1px solid var(--PrimaryColor11);
}
.style_planItem__SnKOV:last-child {
    margin-bottom: 0;
}
.style_price__w78l_ {
    margin-top: 10px;
}
.style_desc__NkIeN {
    /* margin-top: 10px; */
}
.style_payCountTitle__TxmV6 {
    margin-top: 4px;
    display: flex;
    gap: 8px;
}
.style_payCountTitleHint__v3s1f {
    color: var(--TextColor13);
}
.style_payCounter__Tn_MI {
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
    gap: 10px;
    height: 44px;
}
.style_payCountButton__Aytru {
    display: flex;
    width: 44px;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    background-color: var(--FillColor15);
}
.style_payCountButton__Aytru.style_disable__kZ_q7 {
    cursor: not-allowed;
}
.style_payCountInput__M65WD {
    width: 40px;
    height: 100%;
    border-radius: 8px;
    background-color: var(--FillColor15);
    width: 84px;
    border: none;
    text-align: center;
}
.style_payCountPower__NpPjB {
    margin-top: 4px;
    margin-bottom: 2px;
}
.style_payCountTime__rKQ4L {
    color: var(--TextColor13);
}
.style_planPay__yMj8m {
    margin-top: 16px;
    height: 50px;
}

.style_modalWrap__z_HQk {
    text-align: center;
    height: 100%;
}
.style_modalTitle__kAPQz {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.style_closeModalIcon__aE34Y {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.style_max__cyn3h {
    color: var(--TextColor11);
}

.style_modelMessage__kqriQ {
    padding-top: 24px;
    padding-bottom: 24px;
    color: var(--TextColor1);
    display: flex;
    justify-content: center;
    align-items: center;
}
.style_modelBtn__tyZHx {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 24px;
    gap: 16px;
}
.style_modelBtn__tyZHx.style_left__6a5OO {
    flex-direction: row-reverse;
}
.style_modelBtnItem__fdZix {
    width: 172px;
    height: 48px;
}

.style_plans__BRrtt {
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.style_placeholder__afftF {
    height: 1300px;
    min-width: 1000px;
}
.style_deletePonit__V57fB {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.style_popButton__6a5Z6 {
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    padding: 0 12px;
}
.style_popButton__6a5Z6:hover {
    background-color: var(--FillColor2);
}
.style_importannt__VRQ1Z {
    color: var(--PrimaryColor6);
}
.style_dropDown__OtcQD {
    cursor: pointer;
    margin-left: 4px;
}
.style_popover__qhlOf {
    margin-top: 10px;
}
.style_planList__75LLi .ant-popover-content {
    margin-top: 10px;
}
.style_pricingGridContainer__cdv99 {
    display: flex;
    color: var(--TextColor11);
    margin-top: 60px;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
}
.style_featureLabels__YipIb {
    z-index: 5;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background-color: var(--FillColor15);
}
.style_planColumn___Awrf {
    z-index: 2;
}
.style_gridCellHeaderWrap__DQwNI {
    padding-top: 20px;
    background-color: var(--FillColor17);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.style_gridCellHeader__p27Ld {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 90px;
    width: 200px;
    padding: 0 0 0 24px;
    background-color: var(--FillColor15);
    border-left: 1px solid rgba(130, 139, 159, 0.14);
    border-right: 1px solid rgba(130, 139, 159, 0.14);
}
.style_packageName__PbzFe {
    color: var(--TextColor13);
    display: flex;
    align-items: center;
}
.style_packageTag__fMUHP {
    color: var(--TextColor13);
    margin-left: 4px;
    flex: 1 1;
    text-align: end;
}
.style_gridCellValue__0rvJj {
    height: 60px;
    width: 200px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    border-left: 1px solid rgba(130, 139, 159, 0.14);
    border-right: 1px solid rgba(130, 139, 159, 0.14);
}
.style_gridCellValueWhite__d_hR6 {
    background-color: var(--FillColor17);
}
.style_gridCellValueBlue__wnPgN {
    background-color: var(--FillColor15);
}
.style_gridCellValueHeight__zSj_T {
    height: 90px;
}
.style_gridCellFooterWrap__16BrD {
    padding-bottom: 20px;
    background-color: var(--FillColor17);
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
}
.style_gridCellFooter__yDhnL {
    height: 90px;
    width: 200px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--FillColor15);
    border-left: 1px solid rgba(130, 139, 159, 0.14);
    border-right: 1px solid rgba(130, 139, 159, 0.14);
}
.style_gridCellButton__b7zue {
    cursor: pointer;
    width: 140px;
    height: 45px;
    border-radius: 10px;
    background: var(--PrimaryColor11);
    display: flex;
    color: var(--TextColor14);
    display: flex;
    align-items: center;
    justify-content: center;
}
.style_gridCellButton__b7zue.style_disable__zvN7j {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--PrimaryColor14);
    cursor: not-allowed;
}
.style_highlightedPlan__dXZ_9 {
    color: var(--TextColor14);
    z-index: 3;
}
.style_highlightedPlan__dXZ_9 .style_gridCellHeaderWrap__DQwNI {
    padding-top: 0;
}
.style_highlightedPlan__dXZ_9 .style_gridCellHeader__p27Ld {
    padding-top: 20px;
    height: 110px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(117, 48, 254, 0.3);
    background: var(--PrimaryColor11);
    z-index: 4;
}
.style_highlightedPlan__dXZ_9 .style_gridCellValueWhite__d_hR6 {
    box-shadow: 0px 0px 20px 0px rgba(117, 48, 254, 0.3);
    background: var(--PrimaryColor11);
}
.style_highlightedPlan__dXZ_9 .style_gridCellValueBlue__wnPgN {
    box-shadow: 0px 0px 20px 0px rgba(117, 48, 254, 0.3);
    background: var(--PrimaryColor11);
}
.style_highlightedPlan__dXZ_9 .style_gridCellFooterWrap__16BrD {
    padding-bottom: 0;
}
.style_highlightedPlan__dXZ_9 .style_gridCellFooter__yDhnL {
    padding-bottom: 20px;
    height: 110px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(117, 48, 254, 0.3);
    background: var(--PrimaryColor11);
    z-index: 4;
}
.style_highlightedPlan__dXZ_9 .style_gridCellButton__b7zue {
    background: linear-gradient(111deg, #ffcf4c 12%, #ffbb00 92%);
}
.style_topLeft___4fog {
    border-top-left-radius: 10px;
}
.style_bottomLeft__UUPVF {
    border-bottom-left-radius: 10px;
}
.style_topRight__panxR {
    border-top-right-radius: 10px;
}
.style_bottomRight__XAWjR {
    border-bottom-right-radius: 10px;
}

.style_planeWrap__3vcfk {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    color: var(--TextColor11);
    background-color: var(--FillColor17);
    border-radius: 20px;
    max-height: calc(100vh - 60px);

}
.style_close__I2fV9 {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.style_title__wAJo1 {
    margin-top: 0;
}
.style_title__wAJo1:lang(zh-CN) {
    font-size: 40px;
}
.style_notice__o1M__ {
    margin-top: 10px;
    color: var(--TextColor11);
}
.style_primaryColor__S3olH {
    color: var(--PrimaryColor6);
    padding-right: 4px;
}
.style_cpuCharge__KvwsW {
    margin-left: 4px;
    margin-right: 2px;
    display: inline;
    margin-bottom: 3px;
    vertical-align: middle;
}