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

    /* 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;
    --TextColor16: #101828;
    --TextColor17: #14171e;
    --TextColor18: #364153;

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

    --PrimaryColor11: #7530fe;
    --PrimaryColor12: #5e20d9;
    --PrimaryColor13: #8a50fc;
    --PrimaryColor14: #dbd6fa;
    --PrimaryColor15: #9967ff;
    --PrimaryColor16: #884cff;

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

    --FontRoboto: 'Roboto', 'PingFang SC', 'Microsoft YaHei', 'Segoe UI', system-ui, -apple-system,
        sans-serif;
    --Font: 'Outfit', 'PingFang SC', 'Microsoft YaHei', 'Segoe UI', system-ui, -apple-system,
        sans-serif;
    --FontLibre: 'Libre Baskerville', 'PingFang SC', 'Microsoft YaHei', 'Segoe UI', system-ui, -apple-system,
        sans-serif;
    --FontInter: 'Inter', 'PingFang SC', 'Microsoft YaHei', 'Segoe UI', system-ui, -apple-system,
        sans-serif;
    --FontPingFang: 'PingFang SC', Arial, 'Microsoft YaHei', sans-serif;
    --WeightT: 500;
    --HomeHeaderHeight: 80px;
    --PagePadding: 20px;
    --PagePaddingLarge: 40px;

    --ScrollbarThumbColor: #c8c8c840;
    --ScrollbarThumbPadding: 4px;
    --ScrollbarThumbWidth: 4px;
    --WorkspaceHeaderHeight: 80px;
    --ScrollbarThumbWidth: 3px;

    --MaxChatWidth: 500px;
    --ChatRightMargin: 10%;
    --ChatBottomMargin: 30px;
}

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

/* font size */
.agTitleLarge {
    font-family: var(--FontRoboto);
    font-size: 70px;
    font-weight: 900;
    line-height: 78px;
}

.agTitleLarge:lang(zh-CN) {
    font-family: var(--Font);
    font-size: 60px;
    font-weight: 500;
    line-height: normal;
}

.agTitleMiddle {
    font-family: var(--FontRoboto);
    font-size: 50px;
    font-weight: 900;
    line-height: 56px;
}

.agTitleMiddle:lang(zh-CN) {
    font-family: var(--Font);
    font-size: 50px;
    font-weight: 500;
    line-height: normal;
}

.agTitleSmall {
    font-family: var(--FontRoboto);
    font-weight: 900;
    font-size: 30px;
    line-height: 34px;
}

.agTitleSmall:lang(zh-CN) {
    font-family: var(--Font);
    font-weight: 500;
    font-size: 30px;
    line-height: normal;
}

.agTitleNormal {
    font-family: var(--FontRoboto);
    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
}

.agTitleNormal:lang(zh-CN) {
    font-family: var(--Font);
    font-weight: 500;
    font-size: 24px;
    line-height: normal;
}

.agTitle32 {
    font-family: var(--FontRoboto);
    font-weight: 900;
    font-size: 32px;
    line-height: 36px;
}

.agTitle22 {
    font-family: var(--FontRoboto);
    font-weight: 900;
    font-size: 22px;
    line-height: 25px;
}

.agTitle16 {
    font-family: var(--FontRoboto);
    font-weight: 900;
    font-size: 16px;
    line-height: 18px;
}

.ag56 {
    font-weight: 700;
    font-size: 56px;
    line-height: 64px;
}

.ag50 {
    font-weight: 700;
    font-size: 50px;
    line-height: 56px;
}

.ag48 {
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
}
.ag40-t {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
}
.ag40 {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
}
.ag36-t {
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
}
.ag36 {
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
}
.ag32 {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
}

.ag30-t {
    font-weight: var(--WeightT);
    font-size: 30px;
    line-height: 36px;
}

.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;
}

@media (max-width: 768px) {
    :root {
        --HomeHeaderHeight: 50px;
        --WorkspaceHeaderHeight: 50px;
    }

    .agTitleLarge {
        font-size: 30px;
        line-height: normal;
    }

    .agTitleLarge:lang(zh-CN) {
        font-size: 30px;
    }

    .agTitleMiddle {
        font-size: 18px;
        line-height: normal;
    }

    .agTitleMiddle:lang(zh-CN) {
        font-size: 22px;
    }

    .agTitleSmall {
        font-size: 18px;
        line-height: normal;
    }

    .agTitleSmall:lang(zh-CN) {
        font-size: 18px;
    }

    .agTitleNormal {
        font-size: 15px;
        line-height: normal;
    }

    .agTitleNormal:lang(zh-CN) {
        font-size: 15px;
    }

    .ag56 {
        font-size: 28px;
        line-height: normal;
    }

    .ag50 {
        font-size: 26px;
        line-height: normal;
    }

    .ag48 {
        font-size: 26px;
        line-height: normal;
    }
    .ag40-t {
        font-size: 25px;
        line-height: normal;
    }
    .ag40 {
        font-size: 25px;
        line-height: normal;
    }

    .ag36 {
        font-size: 23px;
        line-height: normal;
    }

    .ag32 {
        font-size: 21px;
        line-height: normal;
    }

    .ag30-t {
        font-size: 21px;
        line-height: normal;
    }

    .ag28 {
        font-size: 21px;
        line-height: normal;
    }

    .ag26 {
        font-size: 17px;
        line-height: normal;
    }

    .ag24-t {
        font-size: 16px;
        line-height: normal;
    }

    .ag24 {
        font-size: 16px;
        line-height: normal;
    }

    .ag22-t {
        font-size: 15px;
        line-height: normal;
    }

    .ag20-t {
        font-size: 15px;
        line-height: normal;
    }

    .ag20 {
        font-size: 15px;
        line-height: normal;
    }

    .ag18-t {
        font-size: 14px;
        line-height: normal;
    }

    .ag18 {
        font-size: 14px;
        line-height: normal;
    }

    .ag16-t {
        font-size: 13px;
        line-height: normal;
    }

    .ag16 {
        font-size: 13px;
        line-height: normal;
    }

    .ag14-t {
        font-size: 12px;
        line-height: normal;
    }

    .ag14 {
        font-size: 12px;
        line-height: normal;
    }
}
/* 对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;
    bottom: calc(100dvh - 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-item-option:hover {
    background-color: rgba(0, 0, 0, 0.04) !important;
    border-radius: 2px;
}
.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 {
    background-color: var(--FillColor15) !important;
}
.ant-table-thead > tr > th,
.ant-table-thead > tr > td {
    background-color: transparent !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);
}

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: #c8c8c840 !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 */
}

html:lang(zh-CN) ::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
    display: none;
}

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

::-webkit-scrollbar-thumb {
    background-color: #c8c8c840;
    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;
}

@media (max-width: 768px) {
    ::-webkit-scrollbar {
        display: none;
    }
}

.style_modalWrap__z_HQk {
    text-align: center;
    height: 100%;
}
.style_modalTitle__kAPQz {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 54px 0 24px;
}
.style_modalTitleLeft__8uRHh {
    justify-content: flex-start;
    padding: 0 54px 0 0 !important;
    text-align: left;
}
.style_modalTitle__kAPQz span {
    display: block;
    max-width: 100%;
    word-break: break-word;
}
.style_closeModalIcon__aE34Y {
    position: absolute;
    right: 16px;
    top: 12px;
    cursor: pointer;
}
.style_max__cyn3h {
    color: var(--TextColor11);
}

.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_button__S6JFm:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.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_primary__U52fV:disabled:hover {
    background-color: var(--PrimaryColor6);
}

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

.style_spinner__DWtPi {
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    margin-right: 8px;
    animation: style_spin__022W8 0.8s linear infinite;
    flex: 0 0 auto;
}

@keyframes style_spin__022W8 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .style_button__S6JFm {
        border-radius: 10px;
        font-weight: 400;
    }
}

.style_modelMessage__kqriQ {
    padding-top: 24px;
    text-align: left;
    color: var(--TextColor1);
    box-sizing: border-box;
}
.style_modelBtn__tyZHx {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 24px;
    gap: 16px;
    box-sizing: border-box;
}
.style_alignLeft__Gr930 {
    justify-content: flex-start;
}
.style_gap24__Pu__7 {
    gap: 24px;
}
.style_left__6a5OO {
    flex-direction: row-reverse;
}
.style_alignLeft__Gr930.style_left__6a5OO {
    justify-content: flex-end;
}
.style_modelBtnItem__fdZix {
    width: 172px;
    height: 48px;
}

.style_noMobilePadding__0W1TG {
}

@media (max-width: 768px) {
    .style_modelMessage__kqriQ {
        padding: 16px 20px 0;
    }
    .style_modelBtn__tyZHx {
        padding: 0 20px 16px;
    }
    .style_modelBtnItem__fdZix {
        width: 140px;
        height: 40px;
    }

    .style_noMobilePadding__0W1TG .style_modelMessage__kqriQ {
        padding: 16px 0 0;
    }
    .style_noMobilePadding__0W1TG .style_modelBtn__tyZHx {
        padding: 0;
    }
}

.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;
    height: 100dvh;
    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 {
    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: 768px) {
    .style_baseModal__QA83z {
        max-width: calc(100vw - 40px) !important;
        margin-top: 0 !important;
    }

    .style_close__PmRJS {
        right: 50%;
        top: 100%;
        transform: translate(50%, 100%);
        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_facebookButton__vm5S_ {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.style_loginIcon__1_HC9 {
    position: absolute;
    left: 12px;
    width: 24px;
    height: 24px;
    color: #1877f2;
}

.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_inputContainer__vpb9V {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}
.style_input__kil3w {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--BorderColor11);
    height: 48px;
    padding: 0 14px;
}
.style_input__kil3w:focus {
    border: 1px solid var(--PrimaryColor11);
    outline: 4px solid var(--PrimaryColor14);
}
.style_input__kil3w::placeholder {
    color: var(--TextColor13);
}
.style_code__0FOLr {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--PrimaryColor5);
}
.style_loginBtn__3uW0k {
    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;
    gap: 8px;
}
.style_loginBtn__3uW0k:hover {
    background-color: var(--PrimaryColor13);
}
@media (max-width: 480px) {
    .style_inputContainer__vpb9V {
        margin-top: 15px;
    }
    .style_loginBtn__3uW0k {
        margin-top: 15px;
    }
}

.style_root__BMQsM {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 10px;
}
.style_title__J6DES {
    font-family: var(--FontRoboto);
    font-size: 22px;
    font-weight: 900;
    text-align: center;
}
.style_subtitle__4vZm6 {
    color: var(--TextColor11);
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    margin-top: 10px;
}
.style_divider__G_vzt {
    width: 100%;
    margin: 20px 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_googleButton__WDv0k {
    width: 100%;
    height: 48px;
    border-radius: 10px;
    border: 1px solid var(--BorderColor11);
    background-color: #fbfcfd;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.style_googleButton__WDv0k:hover {
    background-color: var(--FillColor14);
}
.style_loginPrompt__HIO_I {
    margin-top: 40px;
    color: var(--TextColor13);
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
.style_appsumoTip__tHqW5 {
    color: var(--TextColor13);
    font-size: 14px;
    margin-top: 20px;
}
.style_canvaTip__po4MP {
    color: var(--TextColor13);
    font-size: 14px;
    text-align: center;
    margin-top: -10px;
}
.style_thirdLoginContainer__pFlH2 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 32px;
}
.style_emailButton__outzM {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.style_emailIcon__ic9k1 {
    position: absolute;
    left: 12px;
    width: 24px;
    height: 24px;
}
.style_emailBack__pAd2f {
    display: flex;
    align-items: center;
    font-family: var(--FontRoboto);
    font-size: 22px;
    font-weight: 900;
    gap: 4px;
}
.style_emailBackIcon__zCx9B {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.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: 22;
}
.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_panelModal__yH2Nf {
        border-radius: 20px;
    }
}
@media (max-width: 768px) {
    .style_root__liM_u {
        height: 100%;
    }
    .style_panel__EkaiU {
        min-width: 0;
        max-width: 100%;
        padding: 16px 16px 0 16px !important;
        height: 100%;
    }
    .style_panel__EkaiU:lang(en-US) {
        padding: 40px 0 0 0;
    }
}

.style_content__qQB43 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 60px;
    background-color: var(--FillColor17);
    /* Rectangle 31 */
    border-radius: 20px;
    width: 472px;
}

.style_title__vhYLq {
    color: var(--TextColor11);
    text-align: center;
}

.style_desc__U_1Ia {
    color: var(--TextColor13);
    text-align: center;
}

.style_actions__4eIdV {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 16px;
    width: 100%;
}

/* Cancel 按钮：灰色填充 */
.style_btnCancel__wcIkK {
    height: 44px;
    border-radius: 12px;
    padding: 0 48px;
    border: none;
    background: var(--FillColor15);
    color: var(--TextColor11);
    cursor: pointer;
    transition: opacity 0.2s;
}

.style_btnCancel__wcIkK:hover {
    opacity: 0.8;
}

/* Confirm 按钮：白色 + 描边 */
.style_btnConfirm__inoiS {
    height: 44px;
    padding: 0 48px;
    border-radius: 12px;
    border: 1px solid rgba(151, 160, 180, 0.3);
    background: #fff;
    color: var(--TextColor13);
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s;
}

.style_btnConfirm__inoiS:hover {
    border-color: var(--PrimaryColor11);
    color: var(--PrimaryColor11);
}

@media (max-width: 600px) {
    .style_content__qQB43 {
        width: calc(100vw - 40px);
    }

    .style_actions__4eIdV {
        flex-direction: column;
    }
}
.style_content__GJK0h {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px 36px;
    background-color: var(--FillColor17);
    border-radius: 20px;
    width: 460px;
}

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

.style_desc__dtEQ3 {
    color: var(--TextColor13);
    margin-top: -4px;
}

.style_list__ijL_e {
    list-style: none;
    padding: 0;
    margin: 4px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.style_item__YNAlY {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid rgba(151, 160, 180, 0.2);
    cursor: pointer;
    transition: border-color 0.15s;
}

.style_item__YNAlY:hover {
    border-color: var(--PrimaryColor11);
}

.style_itemSelected__wsWmq {
    border-color: var(--PrimaryColor11);
    background: rgba(117, 48, 254, 0.04);
}

.style_itemLabel__D6F23 {
    color: var(--TextColor11);
    flex: 1 1;
}

.style_itemDate__OOinu {
    color: var(--PrimaryColor11);
}

/* 自定义单选圆圈 */
.style_radio__a8eim {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid rgba(151, 160, 180, 0.4);
    flex-shrink: 0;
    transition: border-color 0.15s, background 0.15s;
}

.style_radioChecked__LjlMb {
    border-color: var(--PrimaryColor11);
    background: var(--PrimaryColor11);
    box-shadow: inset 0 0 0 3px #fff;
}

.style_actions___hW4i {
    display: flex;
    gap: 12px;
    margin-top: 8px;
}

.style_btnCancel__uVIkK {
    flex: 1 1;
    height: 46px;
    border-radius: 10px;
    border: none;
    background: var(--FillColor15, #f3f4f6);
    color: var(--TextColor11);
    cursor: pointer;
    transition: opacity 0.2s;
}

.style_btnCancel__uVIkK:hover {
    opacity: 0.8;
}

.style_btnConfirm__KGYUg {
    flex: 1 1;
    height: 46px;
    border-radius: 10px;
    border: none;
    background: var(--PrimaryColor11);
    color: #fff;
    cursor: pointer;
    transition: opacity 0.2s;
}

.style_btnConfirm__KGYUg:hover {
    opacity: 0.85;
}

.style_btnConfirm__KGYUg:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .style_content__GJK0h {
        width: 100%;
    }
}
.style_card__PPw2I {
    width: 100%;
    border: 1px solid rgba(151, 160, 180, 0.2);
    border-radius: 20px;
    background: var(--BgColor11);
    padding: 30px;
}

/* PC 端：移动端专用按钮行隐藏 */
.style_actionsRowMobile__nwmC5 {
    display: none;
}

/* PC 端：右侧按钮正常显示 */
.style_topRightDesktop__dB_bb {
    display: flex;
}

/* 顶部行 */
.style_top__XwHcG {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 32px;
    margin-bottom: 28px;
}

.style_divider__soNJF {
    height: 1px;
    background: rgba(151, 160, 180, 0.2);
    margin: 16px 0;
}

.style_topLeft__d_HL7 {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex: 1 1;
}

/* 单个订阅组：价格 + 续费日期 */
.style_subGroup__2gCbC {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

/* "My Subscription Plan:" 标签 */
.style_planLabel__rnM3m {
    color: var(--TextColor11);
    white-space: nowrap;
}

/* 订阅之间的竖线分隔 */
.style_subSeparator__fLFNs {
    display: inline-block;
    width: 1px;
    height: 14px;
    background: rgba(151, 160, 180, 0.4);
    margin: 0 6px;
    flex-shrink: 0;
}

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

.style_renewDate__5bMlj {
    color: var(--TextColor13);
}

.style_canceledTag__vF9qZ {
    color: var(--TextColor13);
}

.style_topDivider__QLY9Y {
    width: 1px;
    height: 16px;
    background: rgba(151, 160, 180, 0.4);
    margin-right: 4px;
}

.style_topRight__mPNbz {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.style_actionBtn__xTSlg {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--TextColor11);
    transition: color 0.2s;
}

.style_actionBtn__xTSlg:hover {
    color: var(--TextColor11);
}

/* 底部行 */
.style_bottom__q8M2u {
    display: flex;
    align-items: center;
}

.style_pointsLabel__GmNpD {
    color: var(--TextColor11);
    margin-right: 12px;
}

.style_points__vpNKe {
    display: flex;
    align-items: end;
}

.style_cpuIcon__ltT6g {
    flex-shrink: 0;
    color: var(--PrimaryColor11);
    margin-right: 8px;
}

.style_pointsNum__FXmV0 {
    color: var(--PrimaryColor11);
    margin-right: 4px;
    font-size: 40px;
}

/* Purchase History 按钮 */
.style_purchaseHistory__tVttA {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 32px;
    padding: 0 10px;
    border-radius: 8px;
    background-color: var(--FillColor15);
    /* border: 1px solid var(--BorderColor11); */
    cursor: pointer;
    color: var(--TextColor11);
    transition: border-color 0.2s;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.style_purchaseHistory__tVttA:hover {
    border-color: var(--PrimaryColor11);
    color: var(--TextColor11);
}

/* Popover 内容 */
.style_popover__RB1OU .ant-popover-inner {
    border-radius: 12px !important;
    padding: 8px 0 !important;
}

.style_purchaseList__dHki9 {
    min-width: 280px;
    max-height: 320px;
    overflow-y: auto;
    padding: 4px 0;
}

.style_purchaseItem__30c5s {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 16px;
    color: var(--TextColor11);
}

.style_purchaseDesc__bjCZ0 {
    color: var(--TextColor12);
}

.style_purchasePoints__eB1oo {
    font-weight: 500;
}

.style_purchaseTotal__HjWMU {
    font-weight: 400;
    color: var(--TextColor13);
}

.style_purchaseDate__BcmUa {
    color: var(--TextColor13);
}

.style_popoverDivider__vIc2i {
    height: 1px;
    background: var(--BorderColor11);
    margin: 0 16px;
}

/* 移动端 */
@media (max-width: 768px) {
    .style_card__PPw2I {
        padding: 16px;
        background-color: var(--FillColor15);
        border: none;
    }

    /* 顶部整体改为纵向 */
    .style_top__XwHcG {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        margin-bottom: 12px;
    }

    .style_topLeft__d_HL7 {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        width: 100%;
    }

    .style_pointsLabel__GmNpD {
        margin-right: 6px;
    }

    .style_points__vpNKe {
        align-items: center;
    }

    /* 订阅组在移动端换行 */
    .style_subGroup__2gCbC {
        flex-wrap: wrap;
        width: 100%;
        /* 每个订阅占满一行 */
    }

    /* 移动端：label 独占一行，价格另起一行 */
    .style_planLabel__rnM3m {
        width: 100%;
    }

    /* 移动端隐藏竖线分隔符 */
    .style_subSeparator__fLFNs {
        display: none;
    }

    /* PC 端右侧按钮在移动端隐藏 */
    .style_topRightDesktop__dB_bb {
        display: none;
    }

    /* 移动端按钮行：在 My Points 下方，居中 */
    .style_actionsRowMobile__nwmC5 {
        display: flex;
        justify-content: center;
        margin-top: 16px;
        padding-top: 14px;
        border-top: 1px solid rgba(151, 160, 180, 0.15);
    }

    /* 积分行换行 */
    .style_bottom__q8M2u {
        flex-wrap: wrap;
        justify-content: space-between;
        /* gap: 8px; */
    }

    .style_pointsNum__FXmV0 {
        font-size: 24px;
    }

    .style_planName__Q_jHR {
        font-size: 14px;
    }

    .style_renewDate__5bMlj {
        font-size: 12px;
    }

    .style_purchaseHistory__tVttA {
        background-color: var(--FillColor17);
    }
}
/* 卡片撑满 wrapper 高度，flex 纵向布局 */
.style_card__rLNCm {
    flex: 1 1;
    border-radius: 16px;
    background: var(--BgColor11);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: box-shadow 0.2s;
    /* 撑满父级 cardWrapper 的高度 */
    height: 100%;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.04));
    background-color: var(--FillColor17);

}

.style_card__rLNCm:hover {
    box-shadow: 0 4px 24px rgba(117, 48, 254, 0.1);
}

/* body 撑开，把 apiSection 推到底部 */
.style_body__56Ud0 {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 1;
}

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

.style_priceRow__D_g7S {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

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

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

/* 年付优惠行 */
.style_savingsRow__hVBqV {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: -4px;
}

.style_originalPrice__Tb0WQ {
    color: var(--TextColor13);
    text-decoration: line-through;
}

.style_saved__5xZjQ {
    color: #16a34a;
    background: rgba(34, 197, 94, 0.1);
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 12px;
}

/* Free 套餐 points 占位框 */
.style_freePoints__T5Wpc {
    height: 36px;
    border-radius: 8px;
    border: 1px solid rgba(151, 160, 180, 0.2);
    display: flex;
    align-items: center;
    padding: 0 12px;
    color: var(--TextColor13);
}

/* Points select */
.style_select__v_G0Y {
    width: 100%;
}

.style_select__v_G0Y .ant-select-selector {
    border-radius: 8px !important;
    border-color: rgba(151, 160, 180, 0.2) !important;
    height: 36px !important;
    align-items: center !important;
}

.style_select__v_G0Y .ant-select-selection-item {
    font-size: 12px;
    color: var(--TextColor11);
}

/* CTA */
.style_cta__WMzOt {
    width: 100%;
    height: 44px;
    border-radius: 12px;
    border: none;
    background: var(--TextColor11);
    color: var(--TextColor14);
    cursor: pointer;
    transition: opacity 0.2s;
    margin-top: 10px;
    margin-bottom: 12px;
}

.style_cta__WMzOt:hover {
    opacity: 0.85;
}

.style_ctaDisabled__Vw5bv {
    background: var(--PrimaryColor14);
    color: var(--PrimaryColor11);
    cursor: not-allowed;
}

/* CTA loading spinner */
.style_ctaSpinner__HzEhz {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: style_spin__56kdu 0.7s linear infinite;
}

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

/* 普通权益列表，flex:1 撑开剩余空间 */
.style_features__4WaZ_ {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1 1;
}

.style_featureItem__rJipU {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.style_featureIcon__D_w4r {
    flex-shrink: 0;
    margin-top: 1px;
}

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

/* ── API 权益区 ── */
.style_apiSection__e88eD {
    flex-shrink: 0;
    padding: 0 12px 12px;
}

.style_apiDivider__DNkkx {
    height: 1px;
    background: rgba(151, 160, 180, 0.2);
    margin-bottom: 10px;
}

.style_apiList__2eurl {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* 每个 API 权益是独立圆角块 */
.style_apiItem__WoCBN {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    border-radius: 8px;
    padding: 8px 10px;
}

/* 未开通：灰色底 */
.style_apiItemDim__V_Iq_ {
    background: rgba(151, 160, 180, 0.06);
}

/* 已开通高亮：紫色底 #D370E41F */
.style_apiItemHighlight__mUXTI {
    background: rgba(211, 112, 228, 0.12);
}

.style_apiLabel__J5LQA {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

/* 未开通文字：灰色 */
.style_apiLabelDim__vMgAZ {
    color: var(--TextColor13);
}

/* 已开通文字：#B111D5 */
.style_apiLabelHighlight__gGPs_ {
    color: #b111d5;
}

.style_apiSub__5aMYg {
    display: block;
    font-weight: 400;
    color: inherit;
    opacity: 0.8;
}

@media (max-width: 768px) {
    .style_body__56Ud0 {
        padding: 20px 16px;
        gap: 10px;
    }

    .style_apiSection__e88eD {
        padding: 0 8px 12px;
    }
}
.style_card__iX8pl {
    width: 100%;
    max-width: 1200px;
    border-radius: 20px;
    /* border: 1px solid rgba(151, 160, 180, 0.2); */
    background: var(--FillColor17);
    padding: 24px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.04);
    margin-top: 28px;
}

.style_title__tmP6C {
    color: var(--TextColor11);
    margin-bottom: 18px;
}

.style_list__pgtNN {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

/* 每个 package 项 */
.style_item__u3QFT {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--FillColor15);
    border-radius: 12px;
    padding: 22px 20px;
    flex: 1 1;
    min-width: 220px;
}

.style_pointsGroup___1xW7 {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 1;
}

.style_icon__1nEs2 {
    flex-shrink: 0;

}

.style_points__ieFDO {
    color: var(--PrimaryColor11);
}

.style_priceWrap__xV_Vt {
    display: flex;
    align-items: center;
    gap: 8px;
}

.style_price__v_M1v {
    color: var(--TextColor12);
    white-space: nowrap;
}

.style_btn__BmGte {
    height: 36px;
    min-width: 90px;
    padding: 0 18px;
    border-radius: 8px;
    border: 1px solid var(--PrimaryColor11);
    background: transparent;
    color: var(--PrimaryColor11);
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s, color 0.2s;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.style_btn__BmGte:hover {
    background: var(--PrimaryColor11);
    color: #fff;
}

.style_btnLoading__mh8xI {
    cursor: not-allowed;
    opacity: 0.7;
}

.style_spinner__8oYw7 {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid rgba(117, 48, 254, 0.3);
    border-top-color: var(--PrimaryColor11);
    border-radius: 50%;
    animation: style_spin__HK1aF 0.7s linear infinite;
}

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

@media (max-width: 768px) {
    .style_item__u3QFT {
        min-width: 100%;
    }
}

@media (max-width: 768px) {
    .style_card__iX8pl {
        padding: 16px;
    }

    .style_item__u3QFT {
        min-width: 100%;
        padding: 16px;
    }
}
.style_container__gDTyd {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px;
    margin-top: 80px;
    width: 100%;
}

.style_title__vyvew {
    color: var(--TextColor11);
    text-align: center;
    margin-bottom: 36px;
}

/* Monthly / Yearly 切换 */
.style_toggle__Kc3iL {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--FillColor17);
    border-radius: 999px;
    padding: 4px;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.05));
}

.style_toggleBtn__gIEqz {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 20px;
    border-radius: 999px;
    border: none;
    background: transparent;
    color: #7E889A;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.style_toggleActive__mnnAi {
    background: var(--PrimaryColor11);
    color: #fff;
    font-weight: 600;
}

.style_discountTag__8oUUa {
    border-radius: 999px;
    padding: 2px 6px;
    color: inherit;
    color: var(--PrimaryColor11);
    background-color: rgba(117, 48, 254, 0.2);
    font-weight: 600;
}

.style_toggleActive__mnnAi .style_discountTag__8oUUa {
    background: rgba(255, 255, 255, 0.9);
}

.style_toggleBtn__gIEqz:not(.style_toggleActive__mnnAi) .style_discountTag__8oUUa {
    background: rgba(117, 48, 254, 0.12);
    color: var(--PrimaryColor11);
}

/* 卡片列表 */
.style_cards__c4LUS {
    width: 100%;
    max-width: 1200px;
    display: flex;
    gap: 24px;
    align-items: stretch;
    justify-content: center;
    margin-top: 62px;
}

/* 每个卡片的外层容器，负责 badge + 等高 */
.style_cardWrapper__VadpB {
    flex: 1 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* badge 在卡片外部上方 */
.style_badge__RRAej {
    padding: 10px 0;
    height: 66px;
    border-radius: 20px 20px 0 0;
    color: #fff;
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    top: -40px;
}

.style_badgeWrap___3cp6 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.style_badgePopular__uvvO1 {
    background: var(--TextColor13);
}

.style_badgeValue__5d_6m {
    background: var(--PrimaryColor11);
}

@media (max-width: 900px) {
    .style_cards__c4LUS {
        flex-wrap: wrap;

    }
}

@media (max-width: 768px) {
    .style_container__gDTyd {
        margin-top: 20px;
        margin-bottom: 20px;
        background-color: var(--FillColor15);
        padding: 15px 20px;
        border-radius: 20px;
    }

    .style_title__vyvew {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .style_cards__c4LUS {
        flex-direction: column;
        align-items: stretch;
        gap: 48px;
        /* badge 需要空间 */
        margin-top: 24px;

    }

    .style_cardWrapper__VadpB {
        max-width: 100%;
    }

    /* 移动端隐藏 free 套餐 */
    .style_cardWrapperFreeHidden__7sRyb {
        display: none;
    }

    /* 移动端 badge 高度收窄 */
    .style_badge__RRAej {
        height: 48px;
        top: -28px;
        border-radius: 14px 14px 0 0;
    }
}
.style_content__WxHcz {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 24px;
    background-color: var(--FillColor17);
    /* Rectangle 31 */
    border-radius: 20px;
    width: 472px;
}

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

.style_desc__F_L8u {
    color: var(--TextColor12);
    line-height: 1.6;
    width: 100%;
}

.style_descPara___iGOi {
    margin: 0 0 6px;
}

.style_descPara___iGOi:last-child {
    margin-bottom: 0;
}

.style_descBold__kHVlF {
    font-weight: 600;
    color: var(--TextColor11);
}

.style_actions__a2Tk1 {
    display: flex;
    gap: 12px;
    margin-top: 8px;
}

.style_btn__ctYhb {
    flex: 1 1;
    height: 46px;
    border-radius: 10px;
    padding: 0 24px;
    border: none;
    cursor: pointer;
}


.style_btnCancel__SJnkt {
    background: var(--FillColor15, #f3f4f6);
    color: var(--TextColor11);
}

.style_btnConfirm__tzJ9Z {
    background: var(--PrimaryColor11);
    color: #fff;
}

.style_btnCancel__SJnkt:hover {
    background-color: var(--FillColor15);
}

@media (max-width: 768px) {
    .style_content__WxHcz {
        width: 100%;
    }
}
.style_container__xInLj {
    width: 100%;
    background-color: var(--FillColor17);
    display: flex;
    justify-content: center;
    padding: 88px;
}

.style_content__0qtOC {
    width: 100%;
    max-width: 1200px;
}

.style_title__V5CI0 {
    color: var(--TextColor11);
    margin-bottom: 48px;
    text-align: center;
}

.style_list__CwzIE {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.style_item__Sq757 {
    background-color: var(--FillColor15);
    padding: 24px;
    border-radius: 20px;
    margin-bottom: 18px;
    /* border-bottom: 1px solid rgba(151, 160, 180, 0.2); */
}

.style_question__Xgnjc {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
}

.style_questionText__90tpQ {
    color: var(--TextColor11);
    flex: 1 1;
}

.style_icon__vn0RZ {
    flex-shrink: 0;
    transition: transform 0.2s;
}

.style_iconOpen__an3Bm {
    transform: rotate(180deg);
}

.style_answer__mnWMf {
    margin-top: 0;
    color: var(--TextColor12);
    line-height: 1.5;
    /* 始终在 DOM 里，爬虫可抓取；用 max-height + overflow 控制折叠动画 */
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.2s ease, margin-top 0.2s ease;
}

.style_answerOpen__LWZX4 {
    max-height: 1000px;
    opacity: 1;
    margin-top: 12px;
}

.style_answerPara__qiFp3 {
    margin: 0 0 6px;
    font-size: 16px;
}

.style_answerPara__qiFp3:last-child {
    margin-bottom: 0;
}

.style_answerBold__VhdC0 {
    font-weight: 600;
    color: var(--TextColor11);
}

.style_answerList__JUyNW {
    margin: 4px 0 8px 0;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.style_answerListItem__9Qu1E {
    color: var(--TextColor12);
    line-height: 1.6;
    list-style-type: disc;
}

.style_answerLink__QvtIB {
    color: var(--PrimaryColor11);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.style_answerLink__QvtIB:hover {
    opacity: 0.8;
}

@media (max-width: 768px) {
    .style_container__xInLj {
        padding: 40px 10px;
    }

    .style_title__V5CI0 {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .style_item__Sq757 {
        padding: 16px;
        border-radius: 14px;
        margin-bottom: 12px;
    }

    .style_answerPara__qiFp3 {
        font-size: 14px;
    }
}
.style_wrapper__HoGF0 {
    width: 100%;
    max-width: 1200px;
    padding-bottom: 80px;
}

.style_title__TD1CG {
    color: var(--TextColor11);
    margin-bottom: 48px;
    text-align: center;
}

/* 横向滚动容器 */
.style_tableScroll__vhAtO {
    width: 100%;
    overflow-x: auto;
    border-radius: 12px;
    border: 1px solid rgba(151, 160, 180, 0.2);
}

.style_table__NJJHZ {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

/* ── 表头 ── */
.style_th__P_yMJ {
    padding: 12px 14px;
    text-align: center;
    color: var(--TextColor12);
    background: var(--FillColor15);
    border-bottom: 1px solid rgba(151, 160, 180, 0.15);
    white-space: nowrap;
}

.style_thModel___KiNj {
    text-align: left;
    min-width: 200px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--FillColor15);
}

.style_thCost__TKS8e {
    min-width: 90px;
}

/* 分组表头 */
.style_thGroupSub__PLhdW {
    background: rgba(117, 48, 254, 0.06);
    border-bottom: 2px solid rgba(117, 48, 254, 0.2);
    color: var(--PrimaryColor11);
}

.style_thGroupPkg__upp9U {
    background: rgba(151, 160, 180, 0.08);
    border-bottom: 2px solid rgba(151, 160, 180, 0.3);
}

.style_thCol__QTWKt {
    min-width: 100px;
}

.style_colHeader__pnQHz {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.style_colSubLabel__NC7mz {
    color: var(--TextColor13);
}

/* ── 表体 ── */
.style_td__sikM_ {
    padding: 10px 14px;
    text-align: center;
    border-bottom: 1px solid rgba(151, 160, 180, 0.1);
    color: var(--TextColor11);
}

.style_tdModel__ENgGB {
    text-align: left;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
}

.style_tdCost__l1nt4 {
    color: var(--TextColor12);
}

.style_tdCount__C4Z_E {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}

.style_rowEven__fmgV3 .style_tdModel__ENgGB,
.style_rowEven__fmgV3 {
    background: #fff;
}

.style_rowOdd__FD6_M .style_tdModel__ENgGB,
.style_rowOdd__FD6_M {
    background: var(--FillColor15);
}

/* 模型名 + 标签 */
.style_modelCell__4_1gA {
    display: flex;
    align-items: center;
    gap: 8px;
}

.style_tagOpen__l7tw7 {
    padding: 1px 6px;
    border-radius: 4px;
    background: rgba(34, 197, 94, 0.1);
    color: #16a34a;
    white-space: nowrap;
    flex-shrink: 0;
}

.style_tagApi__mox9p {
    padding: 1px 6px;
    border-radius: 4px;
    background: rgba(117, 48, 254, 0.08);
    color: var(--PrimaryColor11);
    white-space: nowrap;
    flex-shrink: 0;
}

/* 数量展示 */
.style_count__PZoF5 {
    color: var(--TextColor11);
}

.style_unavailable__vimpg {
    color: var(--TextColor13);
}

/* View More 按钮 */
.style_viewMore__bKqlH {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 16px auto 0;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--TextColor12);
    transition: color 0.2s;
}

.style_viewMore__bKqlH:hover {
    color: var(--TextColor11);
}

.style_iconUp__iOq8a {
    transform: rotate(180deg);
}

@media (max-width: 768px) {
    .style_title__TD1CG {
        font-size: 22px;
        margin-bottom: 16px;
    }

    .style_th__P_yMJ,
    .style_td__sikM_ {
        padding: 8px 8px;
        font-size: 12px;
    }

    /* 第一列缩小，允许文字换行 */
    .style_thModel___KiNj,
    .style_tdModel__ENgGB {
        min-width: 40px;
        max-width: 50px;
        white-space: normal;
        word-break: break-word;
    }

    .style_thCol__QTWKt {
        min-width: 40px;
    }

    .style_viewMore__bKqlH {
        font-size: 13px;
    }
}
.style_notice__McPqw {
    width: 100%;
    max-width: 1200px;
    background: rgba(117, 48, 254, 0.06);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px 14px 48px;
    box-sizing: border-box;
    margin-bottom: 24px;
    gap: 12px;
}

.style_text__keaFp {
    flex: 1 1;
    text-align: center;
    color: var(--TextColor11);
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
}

.style_closeBtn__KG9kl {
    flex-shrink: 0;
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
    transition: opacity 0.2s;
}

.style_closeBtn__KG9kl:hover {
    opacity: 1;
}

@media (max-width: 768px) {
    .style_notice__McPqw {
        padding: 12px 12px 12px 36px;
        border-radius: 10px;
        margin-bottom: 12px;
    }

    .style_text__keaFp {
        font-size: 13px;
    }
}
.style_wrap__6MjqQ {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 140px;
    background: linear-gradient(180deg, #FFFFFF 23.11%, #F5F7FD 60.52%);
    box-sizing: border-box;
}

/* 顶部通知栏 */
.style_notice__7ATCx {
    width: 100%;
    max-width: 1200px;
    background: rgba(117, 48, 254, 0.06);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 48px;
    box-sizing: border-box;
    /* margin-top: 24px; */
    position: relative;
    margin-bottom: 24px;
}

.style_noticeIcon__fd5w6 {
    display: none;
}

.style_noticeText__P8wbj {
    color: var(--TextColor11);
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
}

.style_content__Ch_rN {
    width: 1200px;
}

/* 弹框模式：去掉 margin-top，内容可滚动 */
.style_wrapModal__sGroh {
    margin-top: 0;
    padding-top: 40px;
    position: relative;
    height: 100%;
    overflow-y: auto;
}

/* PC 弹框：关闭按钮固定在视口右上角 */
.style_closeBtn__mdmgu {
    position: fixed;
    top: 16px;
    right: 16px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 10;
    padding: 0;
}

@media (max-width: 768px) {
    .style_wrap__6MjqQ {
        margin-top: 10px;
        padding: 0 16px;
    }

    .style_content__Ch_rN {
        width: 100%;
    }

    .style_notice__7ATCx {
        padding: 12px 16px;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    /* 移动端弹框：padding-top 给关闭按钮留空间 */
    .style_wrapModal__sGroh {
        padding-top: 48px;
        max-height: none;
    }

    /* 移动端弹框：关闭按钮在 Drawer 内右上角（absolute，不是 fixed） */
    .style_wrapModal__sGroh .style_closeBtn__mdmgu {
        position: absolute;
        top: 8px;
        right: 12px;
        z-index: 10;
    }
}
.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;
    gap: 24px;
}
.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 {
    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;
}

@media (max-width: 768px) {
    .style_payWrap__2Gk6s {
        padding: 16px;
    }
    .style_payContent__sVJI1 {
        margin-top: 16px;
        flex-direction: column;
        width: 100%;
        gap: 16px;
    }
    .style_payChannel__EZMFY {
        margin-top: 16px;
        margin-bottom: 8px;
    }
    .style_orderWrap__HbJdO {
        width: 100%;
    }
    .style_plans__uGFvG {
        width: 100%;
    }
    .style_planItem__SnKOV {
        margin-bottom: 8px;
        padding: 8px;
    }
    .style_tips___5I_H {
        margin-top: 8px;
    }
}

.style_plans__BRrtt {
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.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: 40px;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
}
.style_featureLabels__YipIb {
    z-index: 5;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background-color: var(--FillColor17);
}
.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);
    position: relative;
}
.style_packageName__PbzFe {
    color: var(--TextColor13);
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.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_updatePayment__BCv1L {
    width: 100%;
    white-space: nowrap;  
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--TextColor13);
    position: absolute;
    bottom: -16px;
    cursor: pointer !important;
}
.style_loadingButton__T0IWS {
    margin-right: 2px;
    animation: style_rotate__BaW2A 2s linear infinite;
}
.style_cancelledLoadingButton__PTGeQ {
    margin-right: 6px;
    animation: style_rotate__BaW2A 2s linear infinite;
}
@keyframes style_rotate__BaW2A {  
    from {  
        transform: rotate(0deg);  
    }  
    to {  
        transform: rotate(360deg);  
    }  
}  
.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;
    position: relative;
}
.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_gridCellBtnWrap__voM1i {
    height: 80px;
    width: 200px;
    position: -webkit-sticky;
    position: sticky;
    top: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--FillColor17);
}
.style_gridCellBtn__m_SIe {
    height: 80px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--FillColor17);
    border-left: 1px solid rgba(130, 139, 159, 0.14);
    border-right: 1px solid rgba(130, 139, 159, 0.14);
}
.style_highlightedPlan__dXZ_9 .style_gridCellBtnWrap__voM1i {
    padding-bottom: 0;
}
.style_highlightedPlan__dXZ_9 .style_gridCellBtn__m_SIe {
    background: var(--PrimaryColor11);
}
.style_highlightedPlan__dXZ_9 .style_gridCellValue__0rvJj.style_lastChild__8fLk8 {
    padding-bottom: 20px;
    width: 200px;
    height: 80px;
    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_cancelSubscriptionWrap__cASIO{
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: left;
}
.style_subscriptionActionsWrap__UNjOT {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    background-color: var(--FillColor17);
}

.style_subscriptionActionsWrap__UNjOT .style_updatePayment__BCv1L {
    position: static;
    bottom: auto;
}

.style_cancelSubscription__5Lz9R, .style_cancelled__nHn1K {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--TextColor13);
    border-radius: 10px;
    border: 1px solid var(--BorderColor11);
    padding: 6px 8px;
    min-height: 32px;
    white-space: nowrap;
}
/* .cancelled {
    max-width: 1200px;
    width: 96.8%;
    display: flex;
    justify-content: right;
    align-items: center;
    cursor: pointer;
    color: var(--TextColor13);
    margin-top: 12px;
} */

.style_cancelledSuccess__sPUEh {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 30px;
    color: var(--TextColor11);
    background-color: var(--FillColor17);
    border-radius: 20px;
}
.style_cancelledSuccessTitle___a8Q_ {
    margin-top: 20px;
    max-width: 500px;
}
.style_cancelledSuccessBack__knuOR {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 32px;
    min-width: 420px;
}
.style_order__SVXsQ {
    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__P92V_ {
    background-color: var(--PrimaryColor11);
    color: var(--TextColor14);
}

.style_status__HeLNz{
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 6px 10px;
    color: var(--TextColor14);
    border-radius: 0 16px 0 16px;

}

@media (max-width: 768px) {
    .style_paySuccessBack__p39UH {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
    .style_pricingGridContainer__cdv99 {
        margin-top: 18px;
    }
    .style_packagePrice__xQmpy {
        font-size: 24px;
        line-height: 28px;
    }
    .style_gridCellHeader__p27Ld {
        padding: 0 8px;
        width: 100px;
        height: 70px;
    }
    .style_gridCellValue__0rvJj {
        padding: 0 8px;
        width: 100px;
        height: 50px;
        line-height: 14px;
    }
    .style_gridCellValueHeight__zSj_T {
        height: 90px;
    }
    .style_gridCellFooter__yDhnL {
        padding: 0 8px;
        width: 100px;
        height: 60px;
    }
    .style_gridCellButton__b7zue {
        width: 80px;
        height: 36px;
    }
    .style_gridCellHeaderWrap__DQwNI {
        padding-top: 10px;
    }
    .style_highlightedPlan__dXZ_9 .style_gridCellHeader__p27Ld {
        height: 80px;
        padding-top: 10px;
    }
    .style_gridCellFooterWrap__16BrD {
        padding-bottom: 10px;
    }
    .style_highlightedPlan__dXZ_9 .style_gridCellFooter__yDhnL {
        height: 70px;
        padding-bottom: 10px;
    }
    .style_gridCellBtnWrap__voM1i {
        height: 68px;
        width: 100px;
        top: 80px;
    }
    .style_gridCellBtn__m_SIe {
        height: 68px;
        width: 100px;
    }
    .style_highlightedPlan__dXZ_9 .style_gridCellValue__0rvJj.style_lastChild__8fLk8 {
        width: 100px;
        height: 70px;
        padding-bottom: 10px;
    }
   
    .style_order__SVXsQ{
       width: 150px;
    }

    .style_gridCellButton__b7zue.style_subscriptionActionsWrap__UNjOT {
        width: 100%;
        min-width: 0;
        height: auto;
        min-height: 68px;
    }

    .style_cancelSubscription__5Lz9R,
    .style_cancelled__nHn1K {
        font-size: 10px;
        padding: 4px 6px;
        min-height: 26px;
        width: 100%;
    }

    .style_updatePayment__BCv1L {
        font-size: 10px;
    }

    .style_cancelledSuccess__sPUEh {
        padding: 20px 16px;
    }

    .style_cancelledSuccessBack__knuOR {
        flex-direction: column;
        min-width: 0;
        width: 100%;
        gap: 12px;
    }

    .style_cancelledSuccessBack__knuOR .style_order__SVXsQ {
        width: 100%;
        max-width: 240px;
    }
}

.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);
    max-height: calc(100dvh - 60px);
}
.style_close__I2fV9 {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.style_title__wAJo1 {
    margin-top: 26px;
    text-align: center;
}
.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;
}

@media (max-width: 768px) {
    .style_planeWrap__3vcfk {
        padding: 16px;
    }
    .style_notice__o1M__ {
        margin-top: 8px;
    }
}