3851 lines
102 KiB
CSS
3851 lines
102 KiB
CSS
.index-module-scss-module__W0o1CG__downloadModal {
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
gap: 24px;
|
|
width: 100%;
|
|
padding: 0;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__W0o1CG__content {
|
|
border-radius: 12px;
|
|
flex-direction: column;
|
|
flex-basis: 480px;
|
|
align-items: center;
|
|
padding: 32px 40px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__W0o1CG__content
|
|
.index-module-scss-module__W0o1CG__title {
|
|
color: #222531;
|
|
text-align: center;
|
|
font-family: PingFang SC;
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: 28px;
|
|
}
|
|
.index-module-scss-module__W0o1CG__content
|
|
.index-module-scss-module__W0o1CG__button {
|
|
border-radius: 8px;
|
|
flex-grow: 1;
|
|
width: 0;
|
|
height: fit-content;
|
|
padding: 13px;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__W0o1CG__content
|
|
.index-module-scss-module__W0o1CG__input {
|
|
color: #0000004d;
|
|
border-radius: 8px;
|
|
height: 48px;
|
|
font-family: PingFang SC;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
}
|
|
.index-module-scss-module__W0o1CG__content
|
|
.index-module-scss-module__W0o1CG__input
|
|
* {
|
|
height: 100%;
|
|
}
|
|
.index-module-scss-module__W0o1CG__exchangeInput {
|
|
font-size: 14px;
|
|
}
|
|
.index-module-scss-module__W0o1CG__exchangeError {
|
|
font-size: 12px;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__root {
|
|
--model-points-card-modal-background: #fff;
|
|
--model-points-card-border: #e3e3e3;
|
|
--model-points-card-label: #af7200;
|
|
--model-points-card-foreground: var(--power-charge-text, #262626);
|
|
--model-points-card-foreground-muted: var(--power-charge-muted, #525252);
|
|
--model-points-card-close-icon-filter: var(
|
|
--power-charge-close-icon-filter,
|
|
none
|
|
);
|
|
--model-points-card-model-icon-filter: var(
|
|
--power-charge-model-card-icon-filter,
|
|
none
|
|
);
|
|
--model-points-card-promo-label: #af7200;
|
|
--model-points-card-buy-bar-border: #171717;
|
|
--model-points-card-hero-bg: url(https://liblibai-online.liblib.cloud/web/4e7115e6ee6947b78d73e0203a85fc56/ee71251d-53b7-488c-9d3d-5deb54913cf5.png);
|
|
--model-points-card-buy-bar-corner-bg: url(https://liblibai-online.liblib.cloud/web/4e7115e6ee6947b78d73e0203a85fc56/d8c57cfd-8ac6-4ee0-948e-b179112940bd.svg);
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__root:after {
|
|
z-index: 0;
|
|
background-color: #0000;
|
|
background-image: var(--model-points-card-hero-bg);
|
|
content: "";
|
|
pointer-events: none;
|
|
background-position: top;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
border-radius: 16px 16px 0 0;
|
|
height: 267px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
:is(
|
|
.dark .ModelPointsCardModal-module-scss-module__9GgTtG__root,
|
|
[data-mantine-color-scheme="dark"]
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__root
|
|
) {
|
|
--model-points-card-modal-background: #000;
|
|
--model-points-card-border: #363636;
|
|
--model-points-card-label: #fdc88c;
|
|
--model-points-card-promo-label: #ffc65d;
|
|
--model-points-card-buy-bar-border: #fff;
|
|
--model-points-card-hero-bg: url(https://liblibai-online.liblib.cloud/web/4e7115e6ee6947b78d73e0203a85fc56/89d9062a-6867-40f2-8492-96a2364df1c2.png);
|
|
--model-points-card-buy-bar-corner-bg: url(https://liblibai-online.liblib.cloud/web/4e7115e6ee6947b78d73e0203a85fc56/fd93f342-7171-46b6-87e6-bc4f4f3d3f3f.svg);
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__root {
|
|
box-sizing: border-box;
|
|
background: var(--model-points-card-modal-background);
|
|
border: 0.5px solid var(--model-points-card-border, #e3e3e3);
|
|
border-radius: 16px;
|
|
flex-direction: column;
|
|
width: 884px;
|
|
max-width: calc(100vw - 32px);
|
|
max-height: calc(100vh - 60px);
|
|
padding: 24px;
|
|
display: flex;
|
|
position: relative;
|
|
box-shadow: 0 4px 10px #0000000a;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__closeBtn {
|
|
z-index: 5;
|
|
cursor: pointer;
|
|
background: 0 0;
|
|
border: none;
|
|
border-radius: 8px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 24px;
|
|
height: 24px;
|
|
padding: 0;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 15.5px;
|
|
right: 16px;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__closeBtn:hover {
|
|
background: #0000000a;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__closeBtn img {
|
|
width: 14px;
|
|
height: 14px;
|
|
filter: var(--model-points-card-close-icon-filter);
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__divider {
|
|
box-sizing: border-box;
|
|
background: var(--model-points-card-border, #e3e3e3);
|
|
flex-shrink: 0;
|
|
width: calc(100% + 32px);
|
|
height: 1px;
|
|
margin-top: 0;
|
|
margin-left: -16px;
|
|
margin-right: -16px;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__tooltipWrap {
|
|
display: inline-flex;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__purchaseLimitTooltip {
|
|
border-radius: 8px;
|
|
max-width: 280px;
|
|
padding: 8px 12px;
|
|
font-size: 13px;
|
|
line-height: 1.5;
|
|
box-shadow: 0 4px 14px #00000073;
|
|
background: var(--power-charge-limit-tooltip-bg, #3a3a3a) !important;
|
|
color: var(--power-charge-limit-tooltip-fg, #f0f0f0) !important;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__purchaseLimitTooltipArrow {
|
|
background-color: var(--power-charge-limit-tooltip-bg, #3a3a3a) !important;
|
|
border: none !important;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__hero {
|
|
z-index: 1;
|
|
box-sizing: border-box;
|
|
border-radius: 16px 16px 0 0;
|
|
min-height: 108px;
|
|
padding: 12px 48px 30px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__heroTitleRow {
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 8px;
|
|
display: flex;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__heroTitle {
|
|
color: var(--model-points-card-foreground, #262626);
|
|
letter-spacing: -1.6px;
|
|
text-align: center;
|
|
margin: 0;
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
}
|
|
:is(
|
|
.dark .ModelPointsCardModal-module-scss-module__9GgTtG__heroTitle,
|
|
[data-mantine-color-scheme="dark"]
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__heroTitle
|
|
) {
|
|
-webkit-text-fill-color: #0000;
|
|
background: linear-gradient(90deg, #ebf9ff, #d7f2ff);
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__heroBadge {
|
|
color: #fff;
|
|
white-space: nowrap;
|
|
background: #05a3c5;
|
|
border-radius: 8px;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 4px 10px;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
display: inline-flex;
|
|
}
|
|
:is(
|
|
.dark .ModelPointsCardModal-module-scss-module__9GgTtG__heroBadge,
|
|
[data-mantine-color-scheme="dark"]
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__heroBadge
|
|
) {
|
|
color: #171717;
|
|
background: #5ddcff;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__heroSubtitle {
|
|
color: var(--model-points-card-foreground, #262626);
|
|
text-align: center;
|
|
font-size: 13px;
|
|
line-height: normal;
|
|
}
|
|
:is(
|
|
.dark .ModelPointsCardModal-module-scss-module__9GgTtG__heroSubtitle,
|
|
[data-mantine-color-scheme="dark"]
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__heroSubtitle
|
|
) {
|
|
font-size: 13px;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__grid {
|
|
box-sizing: border-box;
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
align-items: stretch;
|
|
gap: 12px;
|
|
width: 100%;
|
|
display: grid;
|
|
}
|
|
@media (max-width: 900px) {
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__grid {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__cardWrap {
|
|
position: relative;
|
|
overflow: visible;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__cardBadge {
|
|
z-index: 4;
|
|
color: #000;
|
|
white-space: nowrap;
|
|
background: #ffc65d;
|
|
border-radius: 8px 8px 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 21px;
|
|
margin-top: -10px;
|
|
padding: 4px 8px;
|
|
font-size: 12px;
|
|
line-height: normal;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__card {
|
|
box-sizing: border-box;
|
|
background: var(--card-bg-light, transparent);
|
|
border: 0.5px solid
|
|
var(--card-light-border, var(--model-points-card-border, #e3e3e3));
|
|
border-radius: 12px;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
min-height: 280px;
|
|
padding: 0;
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
:is(
|
|
.dark .ModelPointsCardModal-module-scss-module__9GgTtG__card,
|
|
[data-mantine-color-scheme="dark"]
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__card
|
|
) {
|
|
background: var(--card-bg-dark, transparent);
|
|
border-color: var(--card-dark-border, var(--model-points-card-border));
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__cardGlow {
|
|
z-index: 0;
|
|
filter: blur(75px);
|
|
opacity: 0.8;
|
|
pointer-events: none;
|
|
border-radius: 50%;
|
|
width: 219.67px;
|
|
height: 111.342px;
|
|
position: absolute;
|
|
top: -50px;
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__cardPattern {
|
|
z-index: 1;
|
|
background-image: var(--card-bg-image, none);
|
|
pointer-events: none;
|
|
background-position: 100% 0;
|
|
background-repeat: no-repeat;
|
|
background-size: auto;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
:is(
|
|
.dark .ModelPointsCardModal-module-scss-module__9GgTtG__cardPattern,
|
|
[data-mantine-color-scheme="dark"]
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__cardPattern
|
|
) {
|
|
background-image: var(--card-bg-image-dark, var(--card-bg-image, none));
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__cardBody {
|
|
z-index: 2;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
justify-content: space-between;
|
|
align-items: stretch;
|
|
min-height: 0;
|
|
padding: 24px 20px 12px;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__titleRow {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__titleLabel {
|
|
color: var(--model-points-card-label, #af7200);
|
|
white-space: nowrap;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__modelIcon {
|
|
object-fit: contain;
|
|
width: 32px;
|
|
height: 32px;
|
|
filter: var(--model-points-card-model-icon-filter, none);
|
|
flex-shrink: 0;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__modelName {
|
|
min-width: 0;
|
|
color: var(--model-points-card-foreground, #262626);
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
margin-top: 4px;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
overflow: hidden;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__centerBlock {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 4px;
|
|
margin-top: 12px;
|
|
display: flex;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__thunderIcon {
|
|
color: var(--model-points-card-foreground, #262626);
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__pointsNum {
|
|
color: var(--model-points-card-foreground, #262626);
|
|
margin: 0;
|
|
font-family:
|
|
Plus Jakarta Sans,
|
|
system-ui,
|
|
sans-serif;
|
|
font-size: 34px;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__bottomBlock {
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
width: 100%;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__promoLabel {
|
|
z-index: 999;
|
|
color: var(--model-points-card-promo-label, #af7200);
|
|
align-items: center;
|
|
gap: 2px;
|
|
font-size: 12px;
|
|
line-height: normal;
|
|
display: flex;
|
|
position: absolute;
|
|
top: -20px;
|
|
left: 0;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__buyBar {
|
|
border: 0.5px solid var(--model-points-card-buy-bar-border, #171717);
|
|
background: #ffc65d08;
|
|
border-radius: 8px;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
width: 152px;
|
|
height: 32px;
|
|
padding-right: 8px;
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__buyBar:after {
|
|
background-color: #0000;
|
|
background-image: var(--model-points-card-buy-bar-corner-bg);
|
|
content: "";
|
|
pointer-events: none;
|
|
background-position: 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
border-radius: 0;
|
|
width: 87px;
|
|
position: absolute;
|
|
top: -1px;
|
|
bottom: -1px;
|
|
right: -1px;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__pricePart {
|
|
z-index: 1;
|
|
min-width: 0;
|
|
color: var(--model-points-card-foreground, #262626);
|
|
flex: 1;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0 12px 0 8px;
|
|
font-family:
|
|
Plus Jakarta Sans,
|
|
system-ui,
|
|
sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__buyBtn {
|
|
z-index: 1;
|
|
color: #000;
|
|
cursor: pointer;
|
|
background: 0 0;
|
|
border: none;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 70px;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__buyBtn:disabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.45;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__restrictLine {
|
|
color: #919191;
|
|
text-align: center;
|
|
margin: 0;
|
|
font-size: 10px;
|
|
line-height: normal;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__footerNote {
|
|
color: var(--model-points-card-foreground-muted, #525252);
|
|
margin-top: 12px;
|
|
font-size: 13px;
|
|
line-height: normal;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__loadingArea {
|
|
min-height: 260px;
|
|
position: relative;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__empty {
|
|
box-sizing: border-box;
|
|
border: 1px dashed var(--model-points-card-border, #e3e3e3);
|
|
width: 100%;
|
|
color: var(--model-points-card-foreground-muted, #525252);
|
|
text-align: center;
|
|
border-radius: 12px;
|
|
padding: 32px 24px;
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__mainScroll {
|
|
z-index: 1;
|
|
box-sizing: border-box;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
width: 100%;
|
|
min-height: 0;
|
|
margin-top: -10px;
|
|
padding-top: 10px;
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden auto;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__mainScroll::-webkit-scrollbar {
|
|
width: 4px;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__mainScroll::-webkit-scrollbar-track {
|
|
background: 0 0;
|
|
}
|
|
.ModelPointsCardModal-module-scss-module__9GgTtG__mainScroll::-webkit-scrollbar-thumb {
|
|
background: var(--model-points-card-foreground-muted, #525252);
|
|
border-radius: 4px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__wrap {
|
|
--model-points-card-border: #e3e3e3;
|
|
box-sizing: border-box;
|
|
background: var(--power-charge-modal-bg, #fff);
|
|
border: 0.5px solid var(--power-charge-modal-border, #e3e3e3);
|
|
border-radius: 16px;
|
|
flex-direction: column;
|
|
width: 802px;
|
|
max-height: calc(100vh - 60px);
|
|
padding: 16px;
|
|
display: flex;
|
|
position: relative;
|
|
box-shadow: 0 4px 10px #0000000a;
|
|
}
|
|
:is(
|
|
.dark .index-module-scss-module__qRq4qa__wrap,
|
|
[data-mantine-color-scheme="dark"] .index-module-scss-module__qRq4qa__wrap
|
|
) {
|
|
--model-points-card-border: #363636;
|
|
}
|
|
.index-module-scss-module__qRq4qa__sectionHeader {
|
|
flex-shrink: 0;
|
|
padding-right: 32px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__userHeaderBlock {
|
|
flex-shrink: 0;
|
|
margin-top: 16px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__sectionTitle {
|
|
color: var(--power-charge-text, #262626);
|
|
margin: 0;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 22px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__sectionDivider {
|
|
box-sizing: border-box;
|
|
background: var(--power-charge-modal-border, #e3e3e3);
|
|
flex-shrink: 0;
|
|
width: calc(100% + 32px);
|
|
height: 1px;
|
|
margin-top: 16px;
|
|
margin-left: -16px;
|
|
margin-right: -16px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__mainColumn {
|
|
box-sizing: border-box;
|
|
flex: 1;
|
|
width: calc(100% + 8px);
|
|
margin-top: 16px;
|
|
margin-right: -4px;
|
|
padding-right: 4px;
|
|
overflow-y: auto;
|
|
}
|
|
.index-module-scss-module__qRq4qa__mainColumn::-webkit-scrollbar {
|
|
width: 4px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__mainColumn::-webkit-scrollbar-track {
|
|
background: 0 0;
|
|
}
|
|
.index-module-scss-module__qRq4qa__mainColumn::-webkit-scrollbar-thumb {
|
|
background: var(--power-charge-muted, #525252);
|
|
border-radius: 4px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__mainColumn > * {
|
|
flex-shrink: 0;
|
|
}
|
|
.index-module-scss-module__qRq4qa__close {
|
|
cursor: pointer;
|
|
background: 0 0;
|
|
border-radius: 8px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 24px;
|
|
height: 24px;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 15.5px;
|
|
right: 16px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__close:hover {
|
|
background: var(--power-charge-close-hover, #0000000a);
|
|
}
|
|
.index-module-scss-module__qRq4qa__close img {
|
|
width: 14px;
|
|
height: 14px;
|
|
filter: var(--power-charge-close-icon-filter, none);
|
|
}
|
|
.index-module-scss-module__qRq4qa__headerRow {
|
|
align-items: center;
|
|
gap: 12px;
|
|
padding-right: 32px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__avatar {
|
|
object-fit: cover;
|
|
border: 0.5px solid var(--power-charge-modal-border, #e3e3e3);
|
|
border-radius: 50%;
|
|
flex-shrink: 0;
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__userName {
|
|
color: var(--power-charge-text, #262626);
|
|
flex-shrink: 0;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__memberRow {
|
|
flex: 1;
|
|
align-items: center;
|
|
gap: 4px;
|
|
min-width: 0;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__memberIcon {
|
|
flex-shrink: 0;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__memberText {
|
|
min-width: 0;
|
|
color: var(--power-charge-muted, #525252);
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-size: 13px;
|
|
line-height: normal;
|
|
overflow: hidden;
|
|
}
|
|
.index-module-scss-module__qRq4qa__balanceRow {
|
|
align-items: center;
|
|
gap: 12px;
|
|
width: 100%;
|
|
min-width: 0;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__balancePrimary {
|
|
color: var(--power-charge-brand, #05a3c5);
|
|
flex-shrink: 0;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__balanceSub {
|
|
min-width: 0;
|
|
color: var(--power-charge-muted, #525252);
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
flex: 1;
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
overflow: hidden;
|
|
}
|
|
.index-module-scss-module__qRq4qa__toggleLabel {
|
|
color: var(--power-charge-text, #262626);
|
|
text-align: right;
|
|
flex-shrink: 0;
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__consumeSwitch.ant-switch.ant-switch-small {
|
|
background: var(--power-charge-switch-track-off, #e5e5e5) !important;
|
|
border-radius: 17.5px !important;
|
|
width: 24.5px !important;
|
|
min-width: 24.5px !important;
|
|
height: 14px !important;
|
|
line-height: 14px !important;
|
|
}
|
|
.index-module-scss-module__qRq4qa__consumeSwitch.ant-switch.ant-switch-small.ant-switch-checked {
|
|
background: var(--power-charge-switch-track-on, #141414) !important;
|
|
}
|
|
.index-module-scss-module__qRq4qa__consumeSwitch.ant-switch.ant-switch-small.ant-switch-checked:hover {
|
|
background: var(--power-charge-switch-track-on, #141414) !important;
|
|
}
|
|
.index-module-scss-module__qRq4qa__consumeSwitch.ant-switch.ant-switch-small:not(
|
|
.ant-switch-checked
|
|
):hover {
|
|
background: var(--power-charge-switch-track-off-hover, #d9d9d9) !important;
|
|
}
|
|
.index-module-scss-module__qRq4qa__consumeSwitch.ant-switch.ant-switch-small
|
|
.ant-switch-handle {
|
|
top: 1.75px !important;
|
|
width: 10.5px !important;
|
|
height: 10.5px !important;
|
|
box-shadow: none !important;
|
|
background: 0 0 !important;
|
|
border: none !important;
|
|
border-radius: 50% !important;
|
|
inset-inline-start: 1.75px !important;
|
|
}
|
|
.index-module-scss-module__qRq4qa__consumeSwitch.ant-switch.ant-switch-small.ant-switch-checked
|
|
.ant-switch-handle {
|
|
inset-inline-start: calc(100% - 12.25px) !important;
|
|
}
|
|
.index-module-scss-module__qRq4qa__consumeSwitch.ant-switch.ant-switch-small
|
|
.ant-switch-handle:before {
|
|
box-shadow: none !important;
|
|
background-color: var(--power-charge-switch-handle, #fff) !important;
|
|
border-radius: 50% !important;
|
|
}
|
|
.index-module-scss-module__qRq4qa__consumeSwitch.ant-switch.ant-switch-small.ant-switch-checked
|
|
.ant-switch-handle:before {
|
|
background-color: var(--power-charge-switch-handle-checked, #fff) !important;
|
|
}
|
|
.index-module-scss-module__qRq4qa__tabBar {
|
|
box-sizing: border-box;
|
|
border: 0.5px solid var(--power-charge-stroke-medium, #c4c4c4);
|
|
background: var(--power-charge-tab-bg, #f5f5f5);
|
|
isolation: isolate;
|
|
border-radius: 12px;
|
|
align-items: center;
|
|
gap: 0;
|
|
width: 100%;
|
|
padding: 4px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__tabItem {
|
|
min-width: 76px;
|
|
height: 32px;
|
|
color: var(--power-charge-tab-inactive, #919191);
|
|
cursor: pointer;
|
|
background: 0 0;
|
|
border: none;
|
|
border-radius: 8px;
|
|
flex: 1;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0;
|
|
padding: 8px 12px;
|
|
font-size: 13px;
|
|
line-height: normal;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__tabItemActive {
|
|
background: var(--power-charge-tab-active-bg, #fff);
|
|
color: var(--power-charge-text, #262626);
|
|
}
|
|
.index-module-scss-module__qRq4qa__tabBarPill {
|
|
border: none;
|
|
border-radius: 999px;
|
|
align-self: center;
|
|
align-items: stretch;
|
|
width: 480px;
|
|
max-width: 100%;
|
|
height: 48px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__tabBarPill
|
|
.index-module-scss-module__qRq4qa__tabItem {
|
|
border-radius: 999px;
|
|
height: 100%;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsCardSection {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 16px;
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsCardHeadline {
|
|
color: var(--power-charge-text, #262626);
|
|
text-align: center;
|
|
margin: 0;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__cardsRowModel {
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
align-items: stretch;
|
|
gap: 12px;
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuCardModelWrapper {
|
|
cursor: pointer;
|
|
transition:
|
|
border-color 0.15s,
|
|
box-shadow 0.15s,
|
|
transform 0.2s;
|
|
position: relative;
|
|
transform: translateY(0);
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuCardModel {
|
|
box-sizing: border-box;
|
|
border: 0.5px solid var(--model-points-card-border, #e3e3e3);
|
|
background: var(
|
|
--power-charge-model-card-bg,
|
|
var(--power-charge-card-surface, #0000000a)
|
|
);
|
|
border-radius: 12px;
|
|
flex-direction: column;
|
|
flex: none;
|
|
align-items: stretch;
|
|
width: 183px;
|
|
min-height: 264px;
|
|
padding: 0;
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuCardModelWrapper:hover {
|
|
transform: translateY(-2px);
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuCardModelSelected {
|
|
border: 1px solid var(--power-charge-selected, #07b8dd);
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuCardModelDisabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.55;
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuCardModelGlow {
|
|
filter: blur(80px);
|
|
z-index: 0;
|
|
pointer-events: none;
|
|
opacity: 0.4;
|
|
border-radius: 50%;
|
|
width: 100px;
|
|
height: 250px;
|
|
position: absolute;
|
|
top: -120px;
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuCardModelSvgBg {
|
|
pointer-events: none;
|
|
z-index: 1;
|
|
background-image: url(https://liblibai-online.liblib.cloud/web/4e7115e6ee6947b78d73e0203a85fc56/514db673-3592-48b1-b0ea-74fd60537b83.svg);
|
|
background-position: top;
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuCardModel
|
|
.index-module-scss-module__qRq4qa__badge {
|
|
z-index: 3;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsCardBody {
|
|
z-index: 2;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
align-items: flex-start;
|
|
min-height: 0;
|
|
padding: 16px;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsCardTitleRow {
|
|
align-items: center;
|
|
gap: 8px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsCardIcon {
|
|
object-fit: contain;
|
|
width: 20px;
|
|
height: 20px;
|
|
filter: var(--power-charge-model-card-icon-filter, none);
|
|
flex-shrink: 0;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsCardName {
|
|
color: var(--power-charge-text, #262626);
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsPriceRow {
|
|
color: var(--power-charge-text, #262626);
|
|
align-items: flex-end;
|
|
gap: 2px;
|
|
margin-top: 28px;
|
|
font-family:
|
|
Plus Jakarta Sans,
|
|
system-ui,
|
|
sans-serif;
|
|
font-weight: 600;
|
|
line-height: 1;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsPriceYuan {
|
|
padding-bottom: 4px;
|
|
font-size: 20px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsPriceNum {
|
|
font-size: 40px;
|
|
font-weight: 600;
|
|
line-height: 1;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsAmount {
|
|
color: var(--power-charge-text, #262626);
|
|
margin: 8px 0 0;
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsCardFooter {
|
|
width: 100%;
|
|
color: var(--power-charge-muted, #525252);
|
|
margin-top: auto;
|
|
padding-top: 12px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsCardBulletList {
|
|
color: var(--power-charge-muted, #525252);
|
|
margin: 0;
|
|
padding: 0 0 0 1.1em;
|
|
list-style-type: disc;
|
|
list-style-position: outside;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsCardBulletItem {
|
|
font-size: 11px;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsCardBulletItem::marker {
|
|
color: var(--power-charge-bullet, var(--power-charge-muted, #525252));
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsCardSkuHintBlock {
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
margin-top: 8px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsCardSkuHintBlock:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.index-module-scss-module__qRq4qa__modelPointsCardSkuHint {
|
|
color: var(--power-charge-muted, #525252);
|
|
margin: 0;
|
|
font-size: 11px;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuHintSecondary {
|
|
color: var(--power-charge-muted, #525252);
|
|
margin: 0;
|
|
font-size: 11px;
|
|
line-height: 1.4;
|
|
}
|
|
.index-module-scss-module__qRq4qa__emptyModel {
|
|
box-sizing: border-box;
|
|
border: 1px dashed var(--model-points-card-border, #e3e3e3);
|
|
width: 100%;
|
|
color: var(--power-charge-muted, #525252);
|
|
text-align: center;
|
|
border-radius: 12px;
|
|
min-height: 249px;
|
|
padding: 32px 24px;
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
}
|
|
.index-module-scss-module__qRq4qa__promoBanner {
|
|
border: 1px solid var(--power-charge-modal-border, #e3e3e3);
|
|
background: linear-gradient(120deg, #0f172a 0%, #1e3a5f 55%, #0c4a6e 100%);
|
|
border-radius: 12px;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
width: 100%;
|
|
min-height: 52px;
|
|
padding: 12px 48px;
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.index-module-scss-module__qRq4qa__promoInner {
|
|
z-index: 2;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 20px;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__qRq4qa__countdownGroup {
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 6px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__cdBox {
|
|
-webkit-backdrop-filter: blur(5px);
|
|
backdrop-filter: blur(5px);
|
|
color: #000;
|
|
background: #fffc;
|
|
border-radius: 4px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 28px;
|
|
height: 30px;
|
|
padding: 9px 8px 8px;
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.2;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__cdUnit {
|
|
color: #fffc;
|
|
font-size: 14px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__promoText {
|
|
color: #fff;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__generalPackagesGrid {
|
|
flex-wrap: wrap;
|
|
align-items: stretch;
|
|
gap: 12px;
|
|
width: 100%;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__generalPackagesGrid
|
|
.index-module-scss-module__qRq4qa__customCard {
|
|
flex: 100%;
|
|
min-width: 280px;
|
|
margin-top: 0;
|
|
}
|
|
.index-module-scss-module__qRq4qa__cardsRow {
|
|
flex-wrap: wrap;
|
|
align-items: stretch;
|
|
gap: 12px;
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuCard {
|
|
box-sizing: border-box;
|
|
border: 0.5px solid var(--power-charge-modal-border, #e3e3e3);
|
|
background: var(--power-charge-card-surface, #0000000a);
|
|
cursor: pointer;
|
|
border-radius: 12px;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
width: 248px;
|
|
height: 155px;
|
|
padding: 16px 24px;
|
|
transition:
|
|
border-color 0.15s,
|
|
box-shadow 0.15s,
|
|
transform 0.2s;
|
|
display: flex;
|
|
transform: translateY(0);
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuCard:hover {
|
|
transform: translateY(-2px);
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuCardPresetBg {
|
|
background-position: top;
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuCardInner {
|
|
flex-direction: column;
|
|
flex: 1;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 12px;
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuCategoryLabel {
|
|
color: var(--power-charge-muted, #525252);
|
|
text-align: center;
|
|
margin: 0;
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuPointsRow {
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 4px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__lightning {
|
|
width: 16px;
|
|
height: 20px;
|
|
color: var(--power-charge-text, #262626);
|
|
flex-shrink: 0;
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuPointsValue {
|
|
color: var(--power-charge-text, #262626);
|
|
font-family:
|
|
Plus Jakarta Sans,
|
|
system-ui,
|
|
sans-serif;
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuPriceLine {
|
|
color: var(--power-charge-text, #262626);
|
|
text-align: center;
|
|
margin: 0;
|
|
font-size: 16px;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__priceRow {
|
|
color: var(--power-charge-text, #262626);
|
|
align-items: flex-end;
|
|
gap: 2px;
|
|
height: 21px;
|
|
margin-top: 5px;
|
|
margin-bottom: -5px;
|
|
font-family:
|
|
Plus Jakarta Sans,
|
|
system-ui,
|
|
sans-serif;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__priceYuan {
|
|
padding-bottom: 2px;
|
|
font-size: 20px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__priceNum {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuHint {
|
|
color: var(--power-charge-muted, #525252);
|
|
text-align: center;
|
|
margin: 0;
|
|
font-size: 11px;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__badge {
|
|
background: var(--power-charge-corner-mark-bg, #535353);
|
|
color: var(--power-charge-corner-mark, #ffbc57);
|
|
border-radius: 8px 8px 0;
|
|
padding: 4px 8px;
|
|
font-size: 12px;
|
|
line-height: normal;
|
|
position: absolute;
|
|
top: -10px;
|
|
right: -1px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__cardWrap {
|
|
flex-basis: 248px;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__qRq4qa__customCard {
|
|
box-sizing: border-box;
|
|
border: 0.5px solid var(--power-charge-modal-border, #e3e3e3);
|
|
background: var(--power-charge-card-surface, #0000000a);
|
|
cursor: pointer;
|
|
border-radius: 12px;
|
|
flex-flow: wrap;
|
|
align-items: center;
|
|
gap: 61px;
|
|
width: 100%;
|
|
height: 137px;
|
|
padding: 16px 24px;
|
|
transition:
|
|
border-color 0.15s,
|
|
box-shadow 0.15s;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuCardSelected {
|
|
border: 1px solid var(--power-charge-selected, #a8a8a8);
|
|
}
|
|
.index-module-scss-module__qRq4qa__skuCardDisabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.55;
|
|
}
|
|
.index-module-scss-module__qRq4qa__customPointsLine {
|
|
color: var(--power-charge-text, #262626);
|
|
text-wrap: nowrap;
|
|
margin: 0;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__customPointsLabel {
|
|
color: #a8a8a8;
|
|
}
|
|
.index-module-scss-module__qRq4qa__customSliderRow {
|
|
align-items: center;
|
|
gap: 16px;
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__customSliderRow
|
|
.index-module-scss-module__qRq4qa__customSlider {
|
|
flex: 1;
|
|
min-width: 0;
|
|
max-width: none;
|
|
}
|
|
.index-module-scss-module__qRq4qa__customSlider {
|
|
width: 100%;
|
|
max-width: 400px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__customSectionTitle {
|
|
color: var(--power-charge-text, #262626);
|
|
margin: 0;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__customValueLine {
|
|
color: var(--power-charge-text, #262626);
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__customPointsInput {
|
|
box-sizing: border-box;
|
|
background: var(--power-charge-custom-input-bg, #fffffff2);
|
|
width: 80px;
|
|
min-width: 68px;
|
|
height: 28px;
|
|
color: var(--power-charge-custom-input-fg, #262626);
|
|
text-align: center;
|
|
border: none;
|
|
border-radius: 8px;
|
|
outline: none;
|
|
flex-shrink: 0;
|
|
padding: 0 8px;
|
|
font-size: 13px;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__customPointsInput::placeholder {
|
|
color: var(--power-charge-custom-input-placeholder, #a8a8a8);
|
|
}
|
|
.index-module-scss-module__qRq4qa__customPointsInput:focus-visible {
|
|
box-shadow: 0 0 0 1px var(--power-charge-brand, #05a3c5);
|
|
}
|
|
.index-module-scss-module__qRq4qa__mantineSliderTrack {
|
|
--slider-track-bg: #a8a8a8;
|
|
border-radius: 999px;
|
|
height: 4px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__mantineSliderTrack:before {
|
|
background-color: #a8a8a8;
|
|
border-radius: 999px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__mantineSliderBar {
|
|
border-radius: 24px;
|
|
background-color: #5ddcff !important;
|
|
}
|
|
.index-module-scss-module__qRq4qa__mantineSliderThumb {
|
|
box-shadow: none !important;
|
|
background-color: #171717 !important;
|
|
border: 0.5px solid #f0f0f0 !important;
|
|
}
|
|
.index-module-scss-module__qRq4qa__mantineSliderThumb:where([data-dragging]) {
|
|
transform: translate(-50%, -50%);
|
|
box-shadow: none !important;
|
|
}
|
|
.index-module-scss-module__qRq4qa__customLeft {
|
|
width: 138px;
|
|
min-width: 138px;
|
|
max-width: 138px;
|
|
color: var(--power-charge-text, #262626);
|
|
flex-direction: column;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
gap: 12px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__customDivider {
|
|
background: var(--power-charge-modal-border, #e3e3e3);
|
|
flex-shrink: 0;
|
|
align-self: center;
|
|
width: 0.5px;
|
|
height: 77px;
|
|
margin: 0;
|
|
}
|
|
.index-module-scss-module__qRq4qa__customRight {
|
|
flex-direction: column;
|
|
flex: 1;
|
|
gap: 8px;
|
|
min-width: 0;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__sliderHint {
|
|
color: #a8a8a8;
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__sliderHint strong {
|
|
color: var(--power-charge-text, #262626);
|
|
font-weight: 400;
|
|
}
|
|
.index-module-scss-module__qRq4qa__sliderEnds {
|
|
width: 100%;
|
|
max-width: 364px;
|
|
color: var(--power-charge-tab-inactive, #919191);
|
|
justify-content: space-between;
|
|
font-size: 11px;
|
|
line-height: normal;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__disclaimer {
|
|
color: var(--power-charge-muted, #525252);
|
|
font-size: 12px;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__footer {
|
|
flex-shrink: 0;
|
|
justify-content: end;
|
|
align-items: center;
|
|
gap: 12px;
|
|
width: 100%;
|
|
padding-top: 12px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__upgradeHint {
|
|
color: var(--power-charge-text, #262626);
|
|
font-size: 13px;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__qRq4qa__ctaTooltipWrap {
|
|
display: inline-flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__purchaseLimitTooltip {
|
|
border-radius: 8px;
|
|
max-width: 280px;
|
|
padding: 8px 12px;
|
|
font-size: 13px;
|
|
line-height: 1.5;
|
|
box-shadow: 0 4px 14px #00000073;
|
|
background: var(--power-charge-limit-tooltip-bg, #3a3a3a) !important;
|
|
color: var(--power-charge-limit-tooltip-fg, #f0f0f0) !important;
|
|
}
|
|
.index-module-scss-module__qRq4qa__purchaseLimitTooltipArrow {
|
|
background-color: var(--power-charge-limit-tooltip-bg, #3a3a3a) !important;
|
|
border: none !important;
|
|
}
|
|
.index-module-scss-module__qRq4qa__cta {
|
|
background: var(--power-charge-cta, #09caf5);
|
|
height: 32px;
|
|
color: var(--power-charge-cta-text, #000);
|
|
cursor: pointer;
|
|
border: none;
|
|
border-radius: 8px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 8px 12px;
|
|
font-size: 13px;
|
|
line-height: normal;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__cta:disabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.5;
|
|
}
|
|
.index-module-scss-module__qRq4qa__paySlot {
|
|
width: 100%;
|
|
margin-top: 16px;
|
|
}
|
|
.index-module-scss-module__qRq4qa__teamTip {
|
|
border: 1px solid var(--power-charge-team-tip-border, #f7b25280);
|
|
background: var(--power-charge-team-tip-bg, #fffbf3e6);
|
|
border-radius: 8px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
padding: 10px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__qRq4qa__teamTipText {
|
|
color: var(--power-charge-team-tip-text, #814600);
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
}
|
|
.index-module-scss-module__qRq4qa__loading {
|
|
min-height: 270px;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__qRq4qa__empty {
|
|
color: var(--power-charge-muted, #525252);
|
|
text-align: center;
|
|
padding: 24px;
|
|
font-size: 14px;
|
|
}
|
|
.index-module-scss-module__7shbRG__arrow {
|
|
z-index: 1;
|
|
pointer-events: none;
|
|
--arrow-size: 10px;
|
|
--arrow-border-width: 2px;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
.index-module-scss-module__7shbRG__arrow
|
|
.index-module-scss-module__7shbRG__arrowLeft {
|
|
cursor: pointer;
|
|
pointer-events: auto;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding-right: 12px;
|
|
display: flex;
|
|
position: relative;
|
|
left: -32px;
|
|
}
|
|
.index-module-scss-module__7shbRG__arrow
|
|
.index-module-scss-module__7shbRG__arrowRight {
|
|
cursor: pointer;
|
|
pointer-events: auto;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding-left: 12px;
|
|
display: flex;
|
|
position: relative;
|
|
right: -24px;
|
|
}
|
|
.number-up-down-module-scss-module__k7KkhW__number .ant-input-number {
|
|
border: 1px solid var(--team-vip-input-border);
|
|
text-align: center;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-radius: 0;
|
|
width: 70px;
|
|
height: 32px;
|
|
background-color: var(--team-vip-modal-bg) !important;
|
|
}
|
|
.number-up-down-module-scss-module__k7KkhW__number
|
|
.ant-input-number
|
|
.ant-input-number-input {
|
|
text-align: center;
|
|
background-color: var(--team-vip-modal-bg);
|
|
font-weight: 500;
|
|
color: var(--team-vip-selected-text) !important;
|
|
}
|
|
.number-up-down-module-scss-module__k7KkhW__number
|
|
.number-up-down-module-scss-module__k7KkhW__changeBtnL,
|
|
.number-up-down-module-scss-module__k7KkhW__number
|
|
.number-up-down-module-scss-module__k7KkhW__changeBtnR {
|
|
border: 1px solid var(--team-vip-input-border);
|
|
background: var(--team-vip-input-bg);
|
|
color: var(--team-vip-text-secondary);
|
|
}
|
|
.number-up-down-module-scss-module__k7KkhW__number
|
|
.number-up-down-module-scss-module__k7KkhW__changeBtnL:not(:disabled):hover,
|
|
.number-up-down-module-scss-module__k7KkhW__number
|
|
.number-up-down-module-scss-module__k7KkhW__changeBtnR:not(:disabled):hover {
|
|
color: var(--team-vip-selected-text) !important;
|
|
background: var(--team-vip-input-bg) !important;
|
|
border-color: var(--team-vip-input-border) !important;
|
|
}
|
|
.number-up-down-module-scss-module__k7KkhW__number
|
|
.number-up-down-module-scss-module__k7KkhW__changeBtnL:disabled,
|
|
.number-up-down-module-scss-module__k7KkhW__number
|
|
.number-up-down-module-scss-module__k7KkhW__changeBtnR:disabled {
|
|
color: var(--team-vip-text-muted) !important;
|
|
}
|
|
.number-up-down-module-scss-module__k7KkhW__number
|
|
.number-up-down-module-scss-module__k7KkhW__changeBtnL {
|
|
border-radius: 4px 0 0 4px;
|
|
}
|
|
.number-up-down-module-scss-module__k7KkhW__number
|
|
.number-up-down-module-scss-module__k7KkhW__changeBtnR {
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.index-module-scss-module__UJFI7q__modalStyle .ant-modal {
|
|
padding: 0;
|
|
}
|
|
.index-module-scss-module__UJFI7q__modalStyle .ant-modal-content {
|
|
border: var(--team-vip-modal-content-border, none);
|
|
border-radius: 20px;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
.index-module-scss-module__UJFI7q__modalStyle .ant-input-number {
|
|
box-shadow: none;
|
|
}
|
|
.index-module-scss-module__UJFI7q__leftContainer {
|
|
background-position: 0 0;
|
|
background-repeat: no-repeat;
|
|
flex: 1;
|
|
position: relative;
|
|
overflow: hidden;
|
|
background-size: 100% 100% !important;
|
|
}
|
|
.index-module-scss-module__UJFI7q__close {
|
|
cursor: pointer;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: absolute;
|
|
}
|
|
.index-module-scss-module__UJFI7q__close img {
|
|
filter: var(--team-vip-icon-filter);
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop {
|
|
color: var(--team-vip-text-secondary);
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem {
|
|
margin-bottom: 20px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__priceName {
|
|
align-items: center;
|
|
margin-bottom: 16px;
|
|
margin-right: 24px;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__priceName
|
|
.index-module-scss-module__UJFI7q__leftLine {
|
|
background: linear-gradient(#1aadff 3.12%, #3c95fa 100%);
|
|
border-radius: 4px;
|
|
width: 3px;
|
|
height: 16px;
|
|
margin-right: 8px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__peopleNumTips {
|
|
color: var(--team-vip-text-muted);
|
|
margin-left: 12px;
|
|
font-size: 12px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__priceCheck {
|
|
align-items: center;
|
|
margin-top: 8px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType {
|
|
gap: 8px;
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckVip {
|
|
border: 1px solid var(--team-vip-border);
|
|
background: var(--team-vip-card-bg);
|
|
-webkit-backdrop-filter: blur(5.3px);
|
|
backdrop-filter: blur(5.3px);
|
|
cursor: pointer;
|
|
border-radius: 8px;
|
|
flex-direction: column;
|
|
flex: 0 0 102px;
|
|
align-items: center;
|
|
gap: 4px;
|
|
width: 102px;
|
|
min-width: 0;
|
|
max-width: 102px;
|
|
margin-top: 8px;
|
|
padding: 12px 16px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckVip
|
|
.index-module-scss-module__UJFI7q__title {
|
|
color: var(--team-vip-text-secondary);
|
|
text-align: center;
|
|
font-family: PingFang SC;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckVip
|
|
.index-module-scss-module__UJFI7q__desc {
|
|
color: var(--team-vip-text-muted);
|
|
text-align: center;
|
|
font-family: PingFang SC;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckVip
|
|
.index-module-scss-module__UJFI7q__vipState {
|
|
color: var(--team-vip-text-secondary);
|
|
font-family: PingFang SC;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: 14px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckVip
|
|
.index-module-scss-module__UJFI7q__skuGroup {
|
|
gap: 8px;
|
|
margin-top: 8px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckVip
|
|
.index-module-scss-module__UJFI7q__priceCheckItem {
|
|
border: 1px solid var(--team-vip-border);
|
|
cursor: pointer;
|
|
border-radius: 8px;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
justify-content: center;
|
|
align-items: center;
|
|
min-width: 137px;
|
|
height: 72px;
|
|
padding: 8px 4px;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckVip
|
|
.index-module-scss-module__UJFI7q__priceCheckItem:hover {
|
|
border: 1px solid var(--team-vip-selected-border);
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckVip
|
|
.index-module-scss-module__UJFI7q__priceCheckItem
|
|
.index-module-scss-module__UJFI7q__bottom {
|
|
align-items: center;
|
|
gap: 4px;
|
|
margin-top: 4px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckVip
|
|
.index-module-scss-module__UJFI7q__priceCheckItem
|
|
.index-module-scss-module__UJFI7q__skuTitle {
|
|
color: var(--team-vip-text-secondary);
|
|
font-family: PingFang SC;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: 14px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckVip
|
|
.index-module-scss-module__UJFI7q__priceCheckItem
|
|
.index-module-scss-module__UJFI7q__addMoney {
|
|
color: var(--team-vip-text-muted);
|
|
font-size: 12px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckVip
|
|
.index-module-scss-module__UJFI7q__priceCheckItem
|
|
.index-module-scss-module__UJFI7q__moneyNum {
|
|
color: var(--team-vip-text-secondary);
|
|
align-items: center;
|
|
font-size: 12px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckVip
|
|
.index-module-scss-module__UJFI7q__priceCheckItem
|
|
.index-module-scss-module__UJFI7q__moneyNum
|
|
.index-module-scss-module__UJFI7q__moneyIcon {
|
|
align-self: self-end;
|
|
font-size: 14px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckVip
|
|
.index-module-scss-module__UJFI7q__priceCheckItem
|
|
.index-module-scss-module__UJFI7q__moneyNum
|
|
.index-module-scss-module__UJFI7q__nums {
|
|
font-size: 16px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckVip
|
|
.index-module-scss-module__UJFI7q__priceCheckItem
|
|
.index-module-scss-module__UJFI7q__discount {
|
|
color: var(--team-vip-discount-text, #171717);
|
|
background: var(--team-vip-discount-bg, #5ddcff);
|
|
white-space: nowrap;
|
|
border-radius: 0 4px;
|
|
padding: 0 4px;
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
position: absolute;
|
|
top: -10px;
|
|
right: 0;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckedItem {
|
|
background-color: var(--team-vip-selected-bg);
|
|
border: 1px solid var(--team-vip-selected-border) !important;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckedItem
|
|
.index-module-scss-module__UJFI7q__title,
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckedItem
|
|
.index-module-scss-module__UJFI7q__skuTitle,
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckedItem
|
|
.index-module-scss-module__UJFI7q__moneyNum {
|
|
color: var(--team-vip-selected-text) !important;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
.index-module-scss-module__UJFI7q__priceCheckedItem
|
|
.index-module-scss-module__UJFI7q__addMoney {
|
|
opacity: 0.5;
|
|
color: var(--team-vip-selected-text) !important;
|
|
}
|
|
.index-module-scss-module__UJFI7q__container
|
|
.index-module-scss-module__UJFI7q__rightContainer
|
|
.index-module-scss-module__UJFI7q__rightTop
|
|
.index-module-scss-module__UJFI7q__priceItem
|
|
.index-module-scss-module__UJFI7q__MembershipType
|
|
:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.index-module-scss-module__UJFI7q__payTime {
|
|
margin-top: 16px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__payTime
|
|
.index-module-scss-module__UJFI7q__carouselContainer {
|
|
margin-top: 8px;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__UJFI7q__payTime
|
|
.index-module-scss-module__UJFI7q__timeLong {
|
|
gap: 12px;
|
|
padding: 1px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__UJFI7q__payTime
|
|
.index-module-scss-module__UJFI7q__timeLong
|
|
.index-module-scss-module__UJFI7q__timeLongItemSelected {
|
|
color: var(--team-vip-selected-text) !important;
|
|
background-color: var(--team-vip-selected-bg) !important;
|
|
outline: 1px solid var(--team-vip-selected-border) !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
.index-module-scss-module__UJFI7q__payTime
|
|
.index-module-scss-module__UJFI7q__timeLong
|
|
.index-module-scss-module__UJFI7q__timeLongItem {
|
|
background-color: var(--team-vip-modal-bg);
|
|
cursor: pointer;
|
|
color: var(--team-vip-text-secondary);
|
|
outline: 1px solid var(--team-vip-border);
|
|
border-radius: 8px;
|
|
flex-direction: column;
|
|
flex-shrink: 0;
|
|
min-width: 175px;
|
|
padding: 12px 16px;
|
|
font-size: 16px;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__UJFI7q__payTime
|
|
.index-module-scss-module__UJFI7q__timeLong
|
|
.index-module-scss-module__UJFI7q__timeLongItem:hover {
|
|
outline: 1px solid var(--team-vip-selected-border);
|
|
}
|
|
.index-module-scss-module__UJFI7q__payTime
|
|
.index-module-scss-module__UJFI7q__timeLong
|
|
.index-module-scss-module__UJFI7q__timeLongItem
|
|
.index-module-scss-module__UJFI7q__discount {
|
|
color: var(--team-vip-discount-text, #171717);
|
|
background: var(--team-vip-discount-bg, #5ddcff);
|
|
white-space: nowrap;
|
|
border-radius: 0 4px;
|
|
padding: 0 4px;
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
position: absolute;
|
|
top: -1px;
|
|
right: -1px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__shadow {
|
|
border-top: 1px dashed var(--team-vip-shadow-border);
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
min-height: 130px;
|
|
padding-top: 16px;
|
|
display: flex;
|
|
position: relative;
|
|
background-color: var(--team-vip-modal-bg, #fff) !important;
|
|
}
|
|
.index-module-scss-module__UJFI7q__shadow
|
|
.index-module-scss-module__UJFI7q__payBox {
|
|
color: var(--team-vip-text-secondary);
|
|
font-size: 14px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__shadow
|
|
.index-module-scss-module__UJFI7q__payBox
|
|
.index-module-scss-module__UJFI7q__payNumBox {
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-size: 14px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__UJFI7q__shadow
|
|
.index-module-scss-module__UJFI7q__payBox
|
|
.index-module-scss-module__UJFI7q__payNumBox
|
|
.index-module-scss-module__UJFI7q__payNum {
|
|
gap: 14px;
|
|
margin-top: 8px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__UJFI7q__shadow
|
|
.index-module-scss-module__UJFI7q__payBox
|
|
.index-module-scss-module__UJFI7q__payNumBox
|
|
.index-module-scss-module__UJFI7q__payNum
|
|
.index-module-scss-module__UJFI7q__payCurrentCn {
|
|
color: var(--team-vip-text-muted);
|
|
margin-right: 8px;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
}
|
|
.index-module-scss-module__UJFI7q__shadow
|
|
.index-module-scss-module__UJFI7q__payBox
|
|
.index-module-scss-module__UJFI7q__payNumBox
|
|
.index-module-scss-module__UJFI7q__payNum
|
|
.index-module-scss-module__UJFI7q__payCurrent {
|
|
color: var(--team-vip-text-secondary);
|
|
align-items: baseline;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 16px;
|
|
display: inline-flex;
|
|
}
|
|
.index-module-scss-module__UJFI7q__shadow
|
|
.index-module-scss-module__UJFI7q__payBox
|
|
.index-module-scss-module__UJFI7q__payNumBox
|
|
.index-module-scss-module__UJFI7q__payNum
|
|
.index-module-scss-module__UJFI7q__payPrice {
|
|
color: var(--team-vip-text-muted);
|
|
margin-top: 4px;
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__shadow
|
|
.index-module-scss-module__UJFI7q__payBox
|
|
.index-module-scss-module__UJFI7q__payNumBox
|
|
.index-module-scss-module__UJFI7q__payNum
|
|
.index-module-scss-module__UJFI7q__payPrice
|
|
span {
|
|
text-decoration: line-through;
|
|
}
|
|
.index-module-scss-module__UJFI7q__rightButton {
|
|
padding: 0 32px 12px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__rightButton
|
|
.index-module-scss-module__UJFI7q__qrtext {
|
|
height: 18px;
|
|
margin-top: 12px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__rightButton
|
|
.index-module-scss-module__UJFI7q__qrtext
|
|
.index-module-scss-module__UJFI7q__qrlefttext {
|
|
color: var(--team-vip-text-muted);
|
|
font-size: 12px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__rightButton
|
|
.index-module-scss-module__UJFI7q__qrtext
|
|
.index-module-scss-module__UJFI7q__qrRightext {
|
|
color: var(--team-vip-link);
|
|
word-wrap: break-word;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
}
|
|
.index-module-scss-module__UJFI7q__rightButton
|
|
.index-module-scss-module__UJFI7q__payBtn {
|
|
color: #fff;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
background: linear-gradient(90deg, #1aadff 0%, #3c95fa 100%);
|
|
border-radius: 4px;
|
|
width: 100%;
|
|
padding: 17px 0;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
}
|
|
.index-module-scss-module__UJFI7q__rightButton
|
|
.index-module-scss-module__UJFI7q__disPayBtn {
|
|
color: #fff;
|
|
text-align: center;
|
|
cursor: not-allowed;
|
|
background: #ddd;
|
|
border-radius: 4px;
|
|
width: 100%;
|
|
height: 52px;
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 52px;
|
|
}
|
|
.index-module-scss-module__UJFI7q__renewalHint {
|
|
min-width: 0;
|
|
color: var(--team-vip-text-muted);
|
|
flex: 1;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
}
|
|
.index-module-scss-module__UJFI7q__failurePromptBox {
|
|
border: 1px solid var(--team-vip-failure-border);
|
|
background: var(--team-vip-failure-bg);
|
|
color: #ff4d4f;
|
|
z-index: 1;
|
|
border-radius: 4px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 38px;
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
padding-left: 8px;
|
|
font-size: 12px;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__UJFI7q__failurePromptBox
|
|
.index-module-scss-module__UJFI7q__default {
|
|
color: var(--team-vip-text-secondary);
|
|
}
|
|
.index-module-scss-module__cCfmdq__container {
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__close {
|
|
cursor: pointer;
|
|
width: 24px;
|
|
height: 24px;
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 6px;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__close
|
|
img {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabtitle {
|
|
text-align: center;
|
|
background: linear-gradient(#f5bc464d 0%, #ffffff4d 100%);
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
justify-content: center;
|
|
padding-top: 24px;
|
|
line-height: 28px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabtitle
|
|
.index-module-scss-module__cCfmdq__paymentDetail {
|
|
color: var(--team-vip-text-secondary);
|
|
word-wrap: break-word;
|
|
margin-right: 12px;
|
|
font-family: PingFang SC;
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabtitle
|
|
.index-module-scss-module__cCfmdq__paymentVip {
|
|
color: #814600;
|
|
word-wrap: break-word;
|
|
font-family: PingFang SC;
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode {
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCode {
|
|
border: 1px solid var(--team-vip-qr-border);
|
|
background: linear-gradient(
|
|
0deg,
|
|
var(--team-vip-qr-bg) 0%,
|
|
var(--team-vip-qr-bg) 100%
|
|
);
|
|
text-align: center;
|
|
border-radius: 8px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 112px;
|
|
height: 112px;
|
|
margin-right: 16px;
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCode
|
|
.index-module-scss-module__cCfmdq__qrCodeReal {
|
|
border-radius: 4px;
|
|
width: 112px;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCode
|
|
.index-module-scss-module__cCfmdq__maskBlue {
|
|
background: linear-gradient(#006eff00 0%, #006eff66 100%);
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 112px;
|
|
height: 48px;
|
|
display: flex;
|
|
position: absolute;
|
|
bottom: 0%;
|
|
left: 0%;
|
|
right: 0;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCode
|
|
.index-module-scss-module__cCfmdq__mask {
|
|
cursor: pointer;
|
|
background: #0009;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 112px;
|
|
height: 112px;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 0%;
|
|
left: 0%;
|
|
right: 0;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCode
|
|
.index-module-scss-module__cCfmdq__mask
|
|
span {
|
|
color: #fff;
|
|
word-wrap: break-word;
|
|
font-family: PingFang SC;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCodeRight {
|
|
align-self: flex-end;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCodeRight
|
|
.index-module-scss-module__cCfmdq__RightAmount {
|
|
color: var(--team-vip-qr-amount);
|
|
word-wrap: break-word;
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCodeRight
|
|
.index-module-scss-module__cCfmdq__RightAmount
|
|
span:nth-child(2) {
|
|
margin-right: 6px;
|
|
font-size: 24px;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCodeRight
|
|
.index-module-scss-module__cCfmdq__RightAmount
|
|
span:nth-child(3) {
|
|
font-size: 36px;
|
|
display: inline-block;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCodeRight
|
|
.index-module-scss-module__cCfmdq__RightAmount
|
|
.index-module-scss-module__cCfmdq__discount {
|
|
color: #fff;
|
|
white-space: nowrap;
|
|
background: linear-gradient(90deg, #ffa700 0%, #ff006b 100%);
|
|
border-radius: 4px;
|
|
width: fit-content;
|
|
margin-left: 8px;
|
|
padding: 3px 8px;
|
|
font-family: PingFang SC;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
line-height: 18px;
|
|
bottom: 2px;
|
|
left: 0;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCodeRight
|
|
.index-module-scss-module__cCfmdq__qricon {
|
|
flex: 1;
|
|
align-items: center;
|
|
height: 20px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCodeRight
|
|
.index-module-scss-module__cCfmdq__qricon
|
|
img {
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-right: 2px;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCodeRight
|
|
.index-module-scss-module__cCfmdq__qricon
|
|
span {
|
|
color: var(--team-vip-qr-text);
|
|
word-wrap: break-word;
|
|
flex: 1;
|
|
margin-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCodeRight
|
|
.index-module-scss-module__cCfmdq__payReminder {
|
|
height: 18px;
|
|
color: var(--team-vip-text-muted);
|
|
margin-top: 12px;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCodeRight
|
|
.index-module-scss-module__cCfmdq__qrtext {
|
|
height: 18px;
|
|
margin-top: 12px;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCodeRight
|
|
.index-module-scss-module__cCfmdq__qrtext
|
|
.index-module-scss-module__cCfmdq__qrlefttext {
|
|
color: var(--team-vip-text-muted);
|
|
word-wrap: break-word;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
}
|
|
.index-module-scss-module__cCfmdq__container
|
|
.index-module-scss-module__cCfmdq__tabCode
|
|
.index-module-scss-module__cCfmdq__qrCodeRight
|
|
.index-module-scss-module__cCfmdq__qrtext
|
|
.index-module-scss-module__cCfmdq__qrRightext {
|
|
color: #814600;
|
|
word-wrap: break-word;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
}
|
|
.index-module-scss-module__cCfmdq__infoColor {
|
|
margin-right: 6px;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
color: var(--team-vip-qr-text) !important;
|
|
}
|
|
.index-module-scss-module__Z0Nwwa__tabTitle {
|
|
border: 0.5px solid var(--vip-modal-border, #e3e3e3);
|
|
background: var(--vip-tab-bg, #f0f0f0);
|
|
border-radius: 12px;
|
|
flex-shrink: 0;
|
|
align-self: center;
|
|
width: fit-content;
|
|
margin: auto;
|
|
padding: 4px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__Z0Nwwa__tabTitle
|
|
.index-module-scss-module__Z0Nwwa__tabItem {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
border-radius: 8px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 4px;
|
|
width: 160px;
|
|
min-width: 160px;
|
|
height: 44px;
|
|
line-height: 36px;
|
|
transition: all 0.2s;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__Z0Nwwa__tabTitle
|
|
.index-module-scss-module__Z0Nwwa__tabItemWide {
|
|
width: 160px;
|
|
min-width: 160px;
|
|
}
|
|
.index-module-scss-module__Z0Nwwa__tabTitle
|
|
.index-module-scss-module__Z0Nwwa__selected {
|
|
color: var(--vip-tab-selected-text, #0d0d0d);
|
|
background-color: var(--vip-tab-selected-bg, #fff);
|
|
font-weight: 500;
|
|
}
|
|
.index-module-scss-module__Z0Nwwa__tabTitle
|
|
.index-module-scss-module__Z0Nwwa__unselected {
|
|
color: var(--vip-tab-unselected-text, #303030);
|
|
background-color: #0000;
|
|
}
|
|
.index-module-scss-module__Z0Nwwa__tabTitle
|
|
.index-module-scss-module__Z0Nwwa__title {
|
|
color: inherit;
|
|
font-family: PingFang SC;
|
|
font-size: 15px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__Z0Nwwa__tabTitle
|
|
.index-module-scss-module__Z0Nwwa__selectedLabel {
|
|
color: var(--vip-tab-badge-active-text, #fff);
|
|
background: var(--vip-tab-badge-active-bg, #ff6430);
|
|
border-radius: 4px;
|
|
padding: 1px 4px;
|
|
font-family: PingFang SC;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__Z0Nwwa__tabTitle
|
|
.index-module-scss-module__Z0Nwwa__unselectedLabel {
|
|
color: var(--vip-tab-badge-inactive-text, #fff);
|
|
background: var(--vip-tab-badge-inactive-bg, #a8a8a8);
|
|
border-radius: 4px;
|
|
padding: 1px 4px;
|
|
font-family: PingFang SC;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__Z0Nwwa__tabTitle
|
|
.index-module-scss-module__Z0Nwwa__periodArrowHit {
|
|
cursor: pointer;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: -8px -8px -8px -6px;
|
|
padding: 8px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__Z0Nwwa__tabTitle
|
|
.index-module-scss-module__Z0Nwwa__periodArrow {
|
|
opacity: 0.6;
|
|
flex-shrink: 0;
|
|
}
|
|
.index-module-scss-module__Z0Nwwa__periodDropdown {
|
|
border: 0.5px solid var(--vip-modal-border, #e3e3e3);
|
|
background-color: var(--vip-dropdown-bg, #fff);
|
|
border-radius: 12px;
|
|
padding: 4px;
|
|
box-shadow: 0 4px 12px #00000014;
|
|
}
|
|
.index-module-scss-module__Z0Nwwa__periodMenuItem {
|
|
height: 32px;
|
|
color: var(--vip-tab-unselected-text, #303030);
|
|
border-radius: 6px;
|
|
padding: 8px;
|
|
font-family: PingFang SC;
|
|
font-size: 13px;
|
|
}
|
|
.index-module-scss-module__Z0Nwwa__periodMenuItem:hover {
|
|
background: var(--vip-tab-bg, #f0f0f0);
|
|
}
|
|
.index-module-scss-module__eMRGGG__modalWrapper .ant-modal-content {
|
|
box-shadow: none !important;
|
|
background: 0 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
.index-module-scss-module__eMRGGG__container {
|
|
background: #2a2a2a;
|
|
border: 0.5px solid #ffffff1a;
|
|
border-radius: 16px;
|
|
flex-direction: column;
|
|
gap: 32px;
|
|
width: 480px;
|
|
padding: 32px;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__eMRGGG__closeBtn {
|
|
cursor: pointer;
|
|
color: #fff9;
|
|
background: 0 0;
|
|
border-radius: 8px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 40px;
|
|
height: 40px;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 16px;
|
|
right: 16px;
|
|
}
|
|
.index-module-scss-module__eMRGGG__closeBtn:hover {
|
|
color: #ffffffe6;
|
|
background: #ffffff14;
|
|
}
|
|
.index-module-scss-module__eMRGGG__content {
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__eMRGGG__title {
|
|
color: #fff;
|
|
text-align: center;
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__eMRGGG__description {
|
|
color: #ffffffd9;
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__eMRGGG__benefitList {
|
|
color: #ffffffa6;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__eMRGGG__benefitList li {
|
|
margin-left: 21px;
|
|
list-style: outside;
|
|
}
|
|
.index-module-scss-module__eMRGGG__benefitList
|
|
.index-module-scss-module__eMRGGG__benefitItemEnphasis {
|
|
color: #09caf5;
|
|
}
|
|
.index-module-scss-module__eMRGGG__divider {
|
|
border-top: 0.5px solid #ffffff1a;
|
|
width: 100%;
|
|
height: 0;
|
|
}
|
|
.index-module-scss-module__eMRGGG__actions {
|
|
gap: 12px;
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__eMRGGG__cancelBtn {
|
|
color: #fff;
|
|
cursor: pointer;
|
|
background: #ffffff1f;
|
|
border: none;
|
|
border-radius: 8px;
|
|
outline: none;
|
|
flex: 1;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 40px;
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__eMRGGG__cancelBtn:hover {
|
|
background: #ffffff2e;
|
|
}
|
|
.index-module-scss-module__eMRGGG__confirmBtn {
|
|
color: #000;
|
|
cursor: pointer;
|
|
background: #09caf5;
|
|
border: none;
|
|
border-radius: 8px;
|
|
outline: none;
|
|
flex: 1;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 40px;
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__eMRGGG__confirmBtn:hover {
|
|
background: #1dd6ff;
|
|
}
|
|
.index-module-scss-module__eMRGGG__confirmBtn:disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
.index-module-scss-module__g2SFMW__modalStyle .ant-modal-content {
|
|
background: #1a1a1a;
|
|
border: 0.5px solid #ffffff14;
|
|
border-radius: 36px;
|
|
overflow: hidden;
|
|
}
|
|
.index-module-scss-module__g2SFMW__container {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 24px;
|
|
padding: 24px;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__g2SFMW__toast {
|
|
z-index: 10;
|
|
-webkit-backdrop-filter: blur(16px);
|
|
color: #fff;
|
|
white-space: nowrap;
|
|
pointer-events: none;
|
|
background: #121212e0;
|
|
border: 1px solid #ffffff29;
|
|
border-radius: 12px;
|
|
align-items: center;
|
|
gap: 12px;
|
|
width: 132px;
|
|
height: 40px;
|
|
padding: 8px 16px;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.6;
|
|
animation: 0.2s index-module-scss-module__g2SFMW__toastFadeIn;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 30px;
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
box-shadow:
|
|
0 4px 10px #0000001a,
|
|
0 2px 4px #00000005;
|
|
}
|
|
.index-module-scss-module__g2SFMW__toastIcon {
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 18px;
|
|
height: 18px;
|
|
display: inline-flex;
|
|
}
|
|
@keyframes index-module-scss-module__g2SFMW__toastFadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate(-50%) translateY(-8px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translate(-50%) translateY(0);
|
|
}
|
|
}
|
|
.index-module-scss-module__g2SFMW__successHeader {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 8px;
|
|
padding-top: 16px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__g2SFMW__successTitle {
|
|
text-align: center;
|
|
color: #f0f0f0;
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__g2SFMW__successSubtitle {
|
|
text-align: center;
|
|
color: #a8a8a8;
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__g2SFMW__successSubtitle
|
|
.index-module-scss-module__g2SFMW__highlight {
|
|
color: #f7f7f7;
|
|
}
|
|
.index-module-scss-module__g2SFMW__inviteSection {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
gap: 16px;
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__g2SFMW__inviteCard {
|
|
background: #ffffff0d;
|
|
border-radius: 24px;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 32px;
|
|
width: 100%;
|
|
padding: 24px;
|
|
display: flex;
|
|
overflow: hidden;
|
|
}
|
|
.index-module-scss-module__g2SFMW__inviteCardBody {
|
|
align-items: center;
|
|
gap: 24px;
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__g2SFMW__inviteCountText {
|
|
color: #fff;
|
|
white-space: nowrap;
|
|
flex-shrink: 0;
|
|
padding-left: 60px;
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__g2SFMW__inviteCountNum {
|
|
color: #fff;
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
}
|
|
.index-module-scss-module__g2SFMW__inviteRewardList {
|
|
flex-direction: column;
|
|
flex: 1;
|
|
gap: 8px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__g2SFMW__inviteRewardItem {
|
|
color: #f0f0f0;
|
|
white-space: nowrap;
|
|
align-items: center;
|
|
gap: 4px;
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__g2SFMW__inviteRewardIcon {
|
|
flex-shrink: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.index-module-scss-module__g2SFMW__inviteRewardAmount {
|
|
color: #09caf5;
|
|
}
|
|
.index-module-scss-module__g2SFMW__inviteActionSection {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 2px;
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__g2SFMW__inviteActionBtnWrap {
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__g2SFMW__inviteActionBtn {
|
|
cursor: pointer;
|
|
color: #000;
|
|
text-align: center;
|
|
background: #09caf5;
|
|
border: none;
|
|
border-radius: 12px;
|
|
width: 275px;
|
|
height: 40px;
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
transition: background 0.2s;
|
|
}
|
|
.index-module-scss-module__g2SFMW__inviteActionBtn:hover {
|
|
background: #07b8dd;
|
|
}
|
|
.index-module-scss-module__g2SFMW__inviteActionBadge {
|
|
color: #171717;
|
|
white-space: nowrap;
|
|
background: #ffbc57;
|
|
border-radius: 8px;
|
|
padding: 4px 8px;
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
position: absolute;
|
|
top: -12px;
|
|
right: 24px;
|
|
transform: translate(-50%);
|
|
}
|
|
.index-module-scss-module__g2SFMW__inviteActionSubtext {
|
|
color: #a8a8a8;
|
|
text-align: center;
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
font-size: 11px;
|
|
font-weight: 400;
|
|
line-height: 1.8;
|
|
}
|
|
.index-module-scss-module__g2SFMW__noteText {
|
|
text-align: left;
|
|
color: #919191;
|
|
padding: 0 12px;
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__g2SFMW__closeBtn {
|
|
cursor: pointer;
|
|
color: #fff9;
|
|
border-radius: 8px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 40px;
|
|
height: 40px;
|
|
transition:
|
|
background 0.2s,
|
|
color 0.2s;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 15.5px;
|
|
right: 15.5px;
|
|
}
|
|
.index-module-scss-module__g2SFMW__closeBtn:hover {
|
|
color: #ffffffe0;
|
|
background: #ffffff1a;
|
|
}
|
|
.index-module-scss-module__sR6gnW__container {
|
|
cursor: pointer;
|
|
border-radius: 12px;
|
|
flex-direction: column;
|
|
padding: 32px 20px 28px;
|
|
transition:
|
|
transform 0.3s,
|
|
box-shadow 0.3s;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__sR6gnW__container:hover {
|
|
transform: translateY(-4px);
|
|
box-shadow: 0 2px 20px #0000000d;
|
|
}
|
|
.index-module-scss-module__sR6gnW__container
|
|
.index-module-scss-module__sR6gnW__common {
|
|
z-index: 10;
|
|
text-align: right;
|
|
background: 100%/100% 100% no-repeat;
|
|
flex-shrink: 0;
|
|
width: fit-content;
|
|
height: 32px;
|
|
padding-top: 4px;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 16px;
|
|
position: absolute;
|
|
top: -11px;
|
|
right: 0;
|
|
}
|
|
.index-module-scss-module__sR6gnW__container
|
|
.index-module-scss-module__sR6gnW__style1 {
|
|
color: #fff;
|
|
background-image: url(https://model-ai-test.liblib.cloud/web/9866452643564128839cc748a0dac502/0d5526fd-a336-4023-af17-d660a661a734.svg);
|
|
}
|
|
.index-module-scss-module__sR6gnW__container
|
|
.index-module-scss-module__sR6gnW__style2 {
|
|
color: #985f12;
|
|
background-image: url(https://model-ai-test.liblib.cloud/web/9866452643564128839cc748a0dac502/d6475d39-a3e1-4ad0-8584-9cf3874e0be4.svg);
|
|
}
|
|
.index-module-scss-module__sR6gnW__container
|
|
.index-module-scss-module__sR6gnW__contentContainer {
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__sR6gnW__container
|
|
.index-module-scss-module__sR6gnW__contentContainer
|
|
.index-module-scss-module__sR6gnW__header {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__sR6gnW__container
|
|
.index-module-scss-module__sR6gnW__contentContainer
|
|
.index-module-scss-module__sR6gnW__header
|
|
.index-module-scss-module__sR6gnW__skuName {
|
|
word-wrap: break-word;
|
|
color: var(--team-vip-sku-text-primary, #303030);
|
|
text-align: center;
|
|
z-index: 1;
|
|
font-family: PingFang SC;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__sR6gnW__container
|
|
.index-module-scss-module__sR6gnW__contentContainer
|
|
.index-module-scss-module__sR6gnW__rmb {
|
|
justify-content: flex-start;
|
|
align-items: baseline;
|
|
width: 100%;
|
|
margin-top: 24px;
|
|
padding: 0;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__sR6gnW__container
|
|
.index-module-scss-module__sR6gnW__contentContainer
|
|
.index-module-scss-module__sR6gnW__rmb
|
|
.index-module-scss-module__sR6gnW__rmbIcon {
|
|
color: var(--team-vip-sku-price-color, #0d0d0d);
|
|
margin-right: 4px;
|
|
font-family:
|
|
Plus Jakarta Sans,
|
|
Noto Sans JP,
|
|
sans-serif;
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 25px;
|
|
}
|
|
.index-module-scss-module__sR6gnW__container
|
|
.index-module-scss-module__sR6gnW__contentContainer
|
|
.index-module-scss-module__sR6gnW__rmb
|
|
.index-module-scss-module__sR6gnW__rmbNumber {
|
|
color: var(--team-vip-sku-price-color, #0d0d0d);
|
|
font-family:
|
|
Plus Jakarta Sans,
|
|
sans-serif;
|
|
font-size: 36px;
|
|
font-weight: 600;
|
|
line-height: 35px;
|
|
}
|
|
.index-module-scss-module__sR6gnW__container
|
|
.index-module-scss-module__sR6gnW__contentContainer
|
|
.index-module-scss-module__sR6gnW__rmb
|
|
.index-module-scss-module__sR6gnW__rmbPeriod {
|
|
color: var(--team-vip-sku-price-color, #0d0d0d);
|
|
align-self: flex-end;
|
|
margin-bottom: 2px;
|
|
font-family: PingFang SC;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 16px;
|
|
}
|
|
.index-module-scss-module__sR6gnW__container
|
|
.index-module-scss-module__sR6gnW__contentContainer
|
|
.index-module-scss-module__sR6gnW__rmb
|
|
.index-module-scss-module__sR6gnW__rmbOrigin {
|
|
color: var(--team-vip-sku-price-original, #787878);
|
|
-webkit-font-smoothing: antialiased;
|
|
margin-left: 8px;
|
|
font-family:
|
|
Plus Jakarta Sans,
|
|
Noto Sans JP,
|
|
sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
text-decoration: line-through;
|
|
}
|
|
.index-module-scss-module__sR6gnW__container
|
|
.index-module-scss-module__sR6gnW__contentContainer
|
|
.index-module-scss-module__sR6gnW__selectedTipStyle {
|
|
color: var(--team-vip-sku-text-secondary, #424242);
|
|
white-space: pre-line;
|
|
align-self: flex-start;
|
|
min-height: auto;
|
|
margin-top: 12px;
|
|
font-family: PingFang SC;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
}
|
|
.index-module-scss-module__sR6gnW__container
|
|
.index-module-scss-module__sR6gnW__contentContainer
|
|
.index-module-scss-module__sR6gnW__becomeVipBtn {
|
|
background: var(--team-vip-sku-btn-cta-bg, #303030);
|
|
color: var(--team-vip-sku-btn-cta-text, #ffeab5);
|
|
cursor: pointer;
|
|
border-radius: 8px;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 40px;
|
|
font-family: PingFang SC;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__sR6gnW__container
|
|
.index-module-scss-module__sR6gnW__defaultChoice {
|
|
border: 1px solid var(--team-vip-sku-card-border-selected, #ffa501);
|
|
border-radius: 8px;
|
|
}
|
|
.index-module-scss-module__sR6gnW__container
|
|
.index-module-scss-module__sR6gnW__noChoice {
|
|
border: 1px solid #0000;
|
|
border-radius: 8px;
|
|
}
|
|
.index-module-scss-module__sR6gnW__cornerBottom {
|
|
background: var(--team-vip-sku-corner-bottom-bg, #fff7ec);
|
|
color: var(--team-vip-sku-corner-bottom-text, #ff5e61);
|
|
text-align: center;
|
|
border-radius: 0 0 12px 12px;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 4px;
|
|
width: 196px;
|
|
padding: 5px 4px;
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__sR6gnW__tooltip {
|
|
padding-top: 4px;
|
|
}
|
|
.index-module-scss-module__sR6gnW__tooltip:first-child {
|
|
padding-bottom: 4px;
|
|
}
|
|
.index-module-scss-module__sR6gnW__freeLevel {
|
|
border: 0.5px solid var(--team-vip-sku-card-border, #f0f0f080);
|
|
background: var(--team-vip-sku-card-bg, #fff);
|
|
border-radius: 20px;
|
|
flex-shrink: 0;
|
|
width: 280px;
|
|
min-width: 280px;
|
|
}
|
|
.index-module-scss-module__sR6gnW__baseLevel {
|
|
border: 0.5px solid var(--team-vip-sku-card-border, #0d0d0d1a);
|
|
background: var(--team-vip-sku-card-bg, #fff);
|
|
border-radius: 16px;
|
|
flex: 1;
|
|
min-width: 280px;
|
|
max-width: 323px;
|
|
}
|
|
.index-module-scss-module__sR6gnW__proLevel {
|
|
border: 0.5px solid var(--team-vip-sku-card-border-pro, #dbecff);
|
|
background: var(
|
|
--team-vip-sku-card-bg-pro,
|
|
linear-gradient(180deg, #edfeff 10%, #fff 20%)
|
|
);
|
|
border-radius: 16px;
|
|
flex: 1;
|
|
min-width: 280px;
|
|
max-width: 323px;
|
|
}
|
|
.index-module-scss-module__sR6gnW__materLevel {
|
|
border: 0.5px solid var(--team-vip-sku-card-border-master, #dbecff);
|
|
background: var(
|
|
--team-vip-sku-card-bg-master,
|
|
linear-gradient(180deg, #eaf8ff 10%, #fff 20%)
|
|
);
|
|
border-radius: 16px;
|
|
flex: 1;
|
|
min-width: 280px;
|
|
max-width: 323px;
|
|
}
|
|
.index-module-scss-module__sR6gnW__premiumLevel {
|
|
border: 0.5px solid var(--team-vip-sku-card-border-premium, #dbecff);
|
|
background: var(
|
|
--team-vip-sku-card-bg-premium,
|
|
linear-gradient(180deg, #edf2ff 10%, #fff 20%)
|
|
);
|
|
border-radius: 16px;
|
|
flex: 1;
|
|
min-width: 280px;
|
|
max-width: 323px;
|
|
}
|
|
.index-module-scss-module__sR6gnW__ssuperLevel {
|
|
border: 0.5px solid var(--team-vip-sku-card-border-ultimate, #e68754);
|
|
background: var(
|
|
--team-vip-sku-card-bg-ultimate,
|
|
linear-gradient(180deg, #fffaf7 10%, #fff 20%)
|
|
);
|
|
border-radius: 16px;
|
|
flex: 1;
|
|
min-width: 280px;
|
|
max-width: 323px;
|
|
}
|
|
@keyframes index-module-scss-module__sR6gnW__shine {
|
|
0% {
|
|
left: -100%;
|
|
}
|
|
to {
|
|
left: 200%;
|
|
}
|
|
}
|
|
.index-module-scss-module__sR6gnW__premiumLevelBtn {
|
|
background: var(
|
|
--team-vip-sku-btn-cta-premium-bg,
|
|
linear-gradient(90deg, #ffb833 0%, #ffcd58 100%)
|
|
);
|
|
color: var(--team-vip-sku-btn-cta-premium-text, #0d0d0d);
|
|
cursor: pointer;
|
|
border-radius: 8px;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 40px;
|
|
padding: 8px 16px;
|
|
font-family: PingFang SC;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__sR6gnW__disabledBtn {
|
|
text-align: center;
|
|
border-radius: 8px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 40px;
|
|
font-family: PingFang SC;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
display: flex;
|
|
position: relative;
|
|
background: var(--team-vip-sku-btn-disabled-bg, #adadad) !important;
|
|
color: #fff !important;
|
|
cursor: not-allowed !important;
|
|
}
|
|
.index-module-scss-module__sR6gnW__promoteLabel {
|
|
color: #4d2700;
|
|
background: linear-gradient(#ffa74a 0% 100%), #ff6932;
|
|
border-radius: 6px;
|
|
padding: 4px 8px;
|
|
font-family: PingFang SC;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__sR6gnW__groupInviteBtn {
|
|
color: var(--text-icon-white, #171717);
|
|
cursor: pointer;
|
|
background: linear-gradient(90deg, #e9fbff 0%, #9dcdda 100%);
|
|
border-radius: 8px;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 48px;
|
|
font-family: PingFang SC;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__sR6gnW__groupInviteBtnUltimate {
|
|
background: linear-gradient(90deg, #fffdf3 19.23%, #d2bd80 100%);
|
|
}
|
|
.index-module-scss-module__sR6gnW__btnAvatarGroup {
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding-right: 8px;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__sR6gnW__btnAvatarLeader {
|
|
border: 0.5px solid var(--stroke-selected-dark, #0690ae);
|
|
object-fit: cover;
|
|
z-index: 2;
|
|
border-radius: 50%;
|
|
width: 24px;
|
|
height: 24px;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__sR6gnW__btnAvatarEmpty {
|
|
border: 0.5px solid var(--stroke-light, #e3e3e3);
|
|
background: var(--text-icon-light-gray, #a8a8a8);
|
|
color: #fff;
|
|
opacity: 0.3;
|
|
z-index: 1;
|
|
border-radius: 50%;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin-left: -8px;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__sR6gnW__cornerMark {
|
|
background: var(
|
|
--vip-corner-mark-bg,
|
|
linear-gradient(0deg, #ff6932 0%, #ff6932 100%),
|
|
linear-gradient(246deg, #ffa1a1 9.42%, #ffcc6c 94.95%)
|
|
);
|
|
color: var(--vip-corner-mark-text, #fff);
|
|
z-index: 10;
|
|
border-radius: 6px 6px 0;
|
|
padding: 4px 8px;
|
|
font-family: PingFang SC;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
position: absolute;
|
|
top: -11px;
|
|
}
|
|
.index-module-scss-module__mF24Aa__tabRowWithPointsStore {
|
|
grid-template-columns: 1fr auto 1fr;
|
|
align-items: center;
|
|
gap: 12px;
|
|
width: 100%;
|
|
min-height: 0;
|
|
display: grid;
|
|
}
|
|
.index-module-scss-module__mF24Aa__tabRowLead {
|
|
min-width: 0;
|
|
}
|
|
.index-module-scss-module__mF24Aa__tabRowCenter {
|
|
justify-content: center;
|
|
min-width: 0;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__mF24Aa__tabRowTrail {
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
min-width: 0;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__mF24Aa__skuBg {
|
|
background: linear-gradient(#fff5e2 0%, #fff 106.56%);
|
|
flex-shrink: 0;
|
|
height: 400px;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.index-module-scss-module__mF24Aa__vipPurchaseWrap {
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__mF24Aa__shadowLeft:before {
|
|
content: "";
|
|
z-index: 1;
|
|
pointer-events: none;
|
|
background: linear-gradient(90deg, #0000000d, #0000);
|
|
width: 40px;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
.index-module-scss-module__mF24Aa__shadowRight:after {
|
|
content: "";
|
|
z-index: 1;
|
|
pointer-events: none;
|
|
background: linear-gradient(270deg, #0000000d, #0000);
|
|
width: 40px;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
.index-module-scss-module__mF24Aa__vipPurchase {
|
|
backface-visibility: hidden;
|
|
touch-action: pan-y;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
scroll-behavior: smooth;
|
|
scrollbar-width: none;
|
|
flex: 1;
|
|
justify-content: center;
|
|
gap: 12px;
|
|
min-width: 0;
|
|
margin-top: -15px;
|
|
padding-top: 15px;
|
|
display: flex;
|
|
overflow-x: auto;
|
|
}
|
|
.index-module-scss-module__mF24Aa__vipPurchase::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.index-module-scss-module__mF24Aa__scrollable {
|
|
justify-content: flex-start;
|
|
margin-top: -15px;
|
|
padding: 15px 0 0;
|
|
}
|
|
.index-module-scss-module__mF24Aa__iconButton {
|
|
border: 0.5px solid var(--vip-home-scroll-btn-border, #e3e3e3);
|
|
background: var(--vip-home-scroll-btn-bg, #fff);
|
|
width: 32px;
|
|
height: 32px;
|
|
color: var(--vip-home-scroll-btn-icon, #171717);
|
|
z-index: 2;
|
|
cursor: pointer;
|
|
border-radius: 8px;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition: opacity 0.2s;
|
|
display: flex;
|
|
position: sticky;
|
|
top: 50vh;
|
|
transform: translateY(-50%);
|
|
}
|
|
.index-module-scss-module__mF24Aa__iconButton:disabled {
|
|
opacity: 0.45;
|
|
cursor: not-allowed;
|
|
}
|
|
.index-module-scss-module__mF24Aa__leftButton {
|
|
margin-left: -31px;
|
|
}
|
|
.index-module-scss-module__mF24Aa__rightButton {
|
|
margin-right: -31px;
|
|
}
|
|
.index-module-scss-module__mF24Aa__iconArrow {
|
|
font-size: 18px;
|
|
line-height: 1;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
.index-module-scss-module__mF24Aa__teamPurchase {
|
|
border: 1px solid #fff;
|
|
border-radius: 8px;
|
|
flex-direction: column;
|
|
flex-shrink: 0;
|
|
align-items: center;
|
|
width: 217px;
|
|
margin-top: 32px;
|
|
padding: 18px 30px;
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.index-module-scss-module__mF24Aa__teamPurchase
|
|
.index-module-scss-module__mF24Aa__baseHead {
|
|
color: #275c82;
|
|
font-family: Alibaba Sans Thai;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
}
|
|
.index-module-scss-module__mF24Aa__teamPurchase
|
|
.index-module-scss-module__mF24Aa__selectedTipStyle {
|
|
color: #275c82;
|
|
margin-bottom: 14px;
|
|
font-size: 12px;
|
|
}
|
|
.index-module-scss-module__mF24Aa__teamPurchase
|
|
.index-module-scss-module__mF24Aa__rmb {
|
|
color: #23587e;
|
|
text-align: center;
|
|
margin-bottom: 34px;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
}
|
|
.index-module-scss-module__mF24Aa__teamPurchase
|
|
.index-module-scss-module__mF24Aa__becomeVipBtn {
|
|
color: #fff;
|
|
cursor: pointer;
|
|
background: linear-gradient(90deg, #1aadff 0%, #3c95fa 100%);
|
|
border-radius: 20px;
|
|
padding: 6px 32px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
}
|
|
.index-module-scss-module__rHsOna__tabRowWithPointsStore {
|
|
grid-template-columns: 1fr auto 1fr;
|
|
align-items: center;
|
|
gap: 12px;
|
|
width: 100%;
|
|
min-height: 0;
|
|
display: grid;
|
|
}
|
|
.index-module-scss-module__rHsOna__tabRowLead {
|
|
min-width: 0;
|
|
}
|
|
.index-module-scss-module__rHsOna__tabRowCenter {
|
|
justify-content: center;
|
|
min-width: 0;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__rHsOna__tabRowTrail {
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
min-width: 0;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__rHsOna__skuBg {
|
|
background: linear-gradient(
|
|
180deg,
|
|
var(--vip-modal-bg, #fff5e2) 0%,
|
|
var(--vip-modal-bg, #fff) 106.56%
|
|
);
|
|
flex-shrink: 0;
|
|
height: 400px;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.index-module-scss-module__rHsOna__vipPurchaseWrap {
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.index-module-scss-module__rHsOna__shadowLeft:before {
|
|
content: "";
|
|
z-index: 1;
|
|
pointer-events: none;
|
|
background: linear-gradient(90deg, #0000000d, #0000);
|
|
width: 40px;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
.index-module-scss-module__rHsOna__shadowRight:after {
|
|
content: "";
|
|
z-index: 1;
|
|
pointer-events: none;
|
|
background: linear-gradient(270deg, #0000000d, #0000);
|
|
width: 40px;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
.index-module-scss-module__rHsOna__vipPurchase {
|
|
backface-visibility: hidden;
|
|
touch-action: pan-y;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
scroll-behavior: smooth;
|
|
scrollbar-width: none;
|
|
flex: 1;
|
|
justify-content: center;
|
|
gap: 12px;
|
|
min-width: 0;
|
|
margin-top: -15px;
|
|
padding-top: 15px;
|
|
display: flex;
|
|
overflow-x: auto;
|
|
}
|
|
.index-module-scss-module__rHsOna__vipPurchase::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.index-module-scss-module__rHsOna__scrollable {
|
|
justify-content: flex-start;
|
|
margin-top: -15px;
|
|
padding: 15px 0 0;
|
|
}
|
|
.index-module-scss-module__rHsOna__iconButton {
|
|
border: 0.5px solid var(--vip-home-scroll-btn-border, #e3e3e3);
|
|
background: var(--vip-home-scroll-btn-bg, #fff);
|
|
width: 32px;
|
|
height: 32px;
|
|
color: var(--vip-home-scroll-btn-icon, #171717);
|
|
z-index: 2;
|
|
cursor: pointer;
|
|
border-radius: 8px;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition: opacity 0.2s;
|
|
display: flex;
|
|
position: sticky;
|
|
top: 50vh;
|
|
transform: translateY(-50%);
|
|
}
|
|
.index-module-scss-module__rHsOna__iconButton:disabled {
|
|
opacity: 0.45;
|
|
cursor: not-allowed;
|
|
}
|
|
.index-module-scss-module__rHsOna__leftButton {
|
|
margin-left: -31px;
|
|
}
|
|
.index-module-scss-module__rHsOna__rightButton {
|
|
margin-right: -31px;
|
|
}
|
|
.index-module-scss-module__rHsOna__groupPurchaseFooter {
|
|
width: 100%;
|
|
color: var(--vip-text-footer, #787878);
|
|
margin-top: 16px;
|
|
font-family: PingFang SC;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.6;
|
|
}
|
|
.index-module-scss-module__rHsOna__footerLink {
|
|
color: #1f6dff;
|
|
text-decoration: underline;
|
|
}
|
|
.index-module-scss-module__rHsOna__inviteContextBar {
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 4px;
|
|
width: 100%;
|
|
padding: 8px 0;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__rHsOna__inviteContextAvatar {
|
|
border: 0.5px solid var(--stroke-selected-dark, #0690ae);
|
|
object-fit: cover;
|
|
border-radius: 50%;
|
|
flex-shrink: 0;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.index-module-scss-module__rHsOna__inviteContextNickname {
|
|
color: #fff;
|
|
white-space: nowrap;
|
|
margin-left: 4px;
|
|
font-family: PingFang SC;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
}
|
|
.index-module-scss-module__rHsOna__inviteContextText {
|
|
color: #fff;
|
|
white-space: nowrap;
|
|
margin-left: 12px;
|
|
font-family: PingFang SC;
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__overlay {
|
|
z-index: var(--z-modal);
|
|
background: #0009;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: fixed;
|
|
inset: 0;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__panel {
|
|
border: 0.5px solid var(--border-default);
|
|
border-radius: var(--radius-2xl);
|
|
background: var(--bg-surface);
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
width: 720px;
|
|
max-height: 80vh;
|
|
padding: 16px;
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__header {
|
|
border-bottom: 0.5px solid var(--border-default);
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding-bottom: 16px;
|
|
display: flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__title {
|
|
color: var(--fg-default);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__closeBtn {
|
|
border-radius: var(--radius-lg);
|
|
width: 24px;
|
|
height: 24px;
|
|
color: var(--fg-muted);
|
|
cursor: pointer;
|
|
background: 0 0;
|
|
border: 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0;
|
|
display: flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__closeBtn:hover {
|
|
background: var(--btn-ghost-bg-hover);
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__banner {
|
|
border-radius: var(--radius-xl);
|
|
background: linear-gradient(135deg, #0d2b3a 0%, #0a1e2a 100%);
|
|
border: 0.5px solid #ffffff1a;
|
|
flex-shrink: 0;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
min-height: 52px;
|
|
padding: 0 24px;
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__bannerText {
|
|
color: var(--fg-default);
|
|
white-space: nowrap;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__countdown {
|
|
align-items: center;
|
|
gap: 6px;
|
|
display: flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__countdownUnit {
|
|
border-radius: var(--radius-sm);
|
|
-webkit-backdrop-filter: blur(5px);
|
|
backdrop-filter: blur(5px);
|
|
color: #000;
|
|
background: #eeec;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 28px;
|
|
height: 30px;
|
|
font-family: Inter, sans-serif;
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
display: flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__countdownLabel {
|
|
color: var(--fg-muted);
|
|
font-size: 14px;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__statsRow {
|
|
gap: 12px;
|
|
display: flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__statCard {
|
|
border-radius: var(--radius-xl);
|
|
background: var(--bg-surface-secondary);
|
|
flex-direction: column;
|
|
flex: 1;
|
|
gap: 4px;
|
|
padding: 12px 24px;
|
|
display: flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__statValue {
|
|
color: var(--fg-default);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__statLabel {
|
|
color: var(--fg-muted);
|
|
font-size: 13px;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__scrollArea {
|
|
flex-direction: column;
|
|
flex: 1;
|
|
gap: 12px;
|
|
min-height: 0;
|
|
display: flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__teamSection {
|
|
border-radius: var(--radius-xl);
|
|
background: var(--bg-surface-secondary);
|
|
flex-direction: column;
|
|
flex-shrink: 0;
|
|
gap: 12px;
|
|
padding: 16px;
|
|
display: flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__teamHeader {
|
|
border-bottom: 0.5px solid var(--border-default);
|
|
align-items: center;
|
|
gap: 24px;
|
|
padding-bottom: 12px;
|
|
display: flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__teamHeaderContent {
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__teamTitleRow {
|
|
align-items: center;
|
|
gap: 8px;
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__teamTitleRow
|
|
.InviteDetailModal-module-scss-module__-V9WEG__inviteBtn {
|
|
margin-left: auto;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__teamName {
|
|
color: var(--fg-default);
|
|
font-size: 14px;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__teamDate {
|
|
color: var(--fg-muted);
|
|
flex: 1;
|
|
font-size: 14px;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__inviteBtn {
|
|
border-radius: var(--radius-lg);
|
|
background: var(--btn-invert-bg);
|
|
height: 28px;
|
|
color: var(--btn-invert-text);
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
border: 0;
|
|
align-items: center;
|
|
gap: 4px;
|
|
padding: 0 12px;
|
|
font-size: 13px;
|
|
display: flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__inviteBtn:hover {
|
|
opacity: 0.85;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__tableHeader {
|
|
height: 20px;
|
|
color: var(--fg-muted);
|
|
align-items: center;
|
|
gap: 12px;
|
|
font-size: 14px;
|
|
display: flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__colUser,
|
|
.InviteDetailModal-module-scss-module__-V9WEG__colType,
|
|
.InviteDetailModal-module-scss-module__-V9WEG__colTime {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__colReward {
|
|
text-align: right;
|
|
flex-shrink: 0;
|
|
width: 80px;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__memberRow {
|
|
align-items: center;
|
|
gap: 12px;
|
|
height: 28px;
|
|
display: flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__userCell {
|
|
flex: 1;
|
|
align-items: center;
|
|
gap: 8px;
|
|
min-width: 0;
|
|
display: flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__avatar {
|
|
object-fit: cover;
|
|
border-radius: 50%;
|
|
flex-shrink: 0;
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__nickname {
|
|
color: var(--fg-default);
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
max-width: 140px;
|
|
font-size: 14px;
|
|
overflow: hidden;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__leaderTag {
|
|
border-radius: var(--radius-lg);
|
|
color: #05a3c5;
|
|
white-space: nowrap;
|
|
background: #05a3c50d;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0 8px;
|
|
font-size: 14px;
|
|
display: inline-flex;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__typeCell,
|
|
.InviteDetailModal-module-scss-module__-V9WEG__timeCell {
|
|
color: var(--fg-muted);
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
flex: 1;
|
|
min-width: 0;
|
|
font-size: 14px;
|
|
overflow: hidden;
|
|
}
|
|
.InviteDetailModal-module-scss-module__-V9WEG__rewardCell {
|
|
text-align: right;
|
|
color: #05a3c5;
|
|
flex-shrink: 0;
|
|
width: 80px;
|
|
font-size: 14px;
|
|
}
|
|
.index-module-scss-module__jlFoZa__dropdownIcon {
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
}
|
|
.index-module-scss-module__jlFoZa__container {
|
|
background: var(---, #fff);
|
|
width: 428px;
|
|
box-shadow:
|
|
0 0 1px 0 #0d0d0d1a,
|
|
0 8px 40px -2px #0d0d0d1a,
|
|
0 0 0 2px var(---, #fff) inset;
|
|
border: 0.5px solid var(--10, #0d0d0d1a);
|
|
border-radius: 16px;
|
|
position: relative;
|
|
right: 16px;
|
|
}
|
|
.dark .index-module-scss-module__jlFoZa__container {
|
|
background: var(---, #1c1c1c);
|
|
box-shadow: none;
|
|
-webkit-backdrop-filter: none;
|
|
backdrop-filter: none;
|
|
border: 0.5px solid #fff3;
|
|
}
|
|
.index-module-scss-module__Mww5iq__changeDescription {
|
|
color: var(---, #424242);
|
|
cursor: pointer;
|
|
font-family: PingFang SC;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
}
|
|
.dark .index-module-scss-module__Mww5iq__changeDescription {
|
|
color: var(---, #c7c7c7);
|
|
}
|
|
.index-module-scss-module__Mww5iq__btn {
|
|
color: var(---, var(---, #424242));
|
|
cursor: pointer;
|
|
font-family: PingFang SC;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
}
|
|
.dark .index-module-scss-module__Mww5iq__btn {
|
|
color: var(---, #c7c7c7);
|
|
}
|
|
.index-module-scss-module__rn_A7a__container {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
cursor: pointer;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.index-module-scss-module__rn_A7a__container:active,
|
|
.index-module-scss-module__rn_A7a__container:hover {
|
|
background: var(--bg-topbar-hover);
|
|
border-radius: 8px;
|
|
}
|
|
.index-module-scss-module__rn_A7a__container.index-module-scss-module__rn_A7a__justify-start {
|
|
justify-content: start;
|
|
}
|
|
.index-module-scss-module__rn_A7a__container.index-module-scss-module__rn_A7a__justify-center {
|
|
justify-content: center;
|
|
}
|
|
.index-module-scss-module__rn_A7a__container.index-module-scss-module__rn_A7a__type-settings {
|
|
border-radius: 8px;
|
|
min-height: 40px;
|
|
padding: 0 8px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 42px;
|
|
color: var(--color-text-img-info) !important;
|
|
}
|
|
.index-module-scss-module__rn_A7a__container.index-module-scss-module__rn_A7a__type-settings
|
|
img {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.index-module-scss-module__rn_A7a__container.index-module-scss-module__rn_A7a__type-settings
|
|
.index-module-scss-module__rn_A7a__inner {
|
|
width: 100%;
|
|
margin-left: 10px;
|
|
}
|
|
.index-module-scss-module__rn_A7a__container.index-module-scss-module__rn_A7a__type-upload {
|
|
border-radius: 8px;
|
|
min-height: 40px;
|
|
padding: 0 8px;
|
|
font-size: 14px;
|
|
color: var(--imgModal-text-primary) !important;
|
|
}
|
|
.index-module-scss-module__rn_A7a__container.index-module-scss-module__rn_A7a__type-upload:hover {
|
|
color: var(--color-text-img-info) !important;
|
|
}
|
|
.index-module-scss-module__rn_A7a__container.index-module-scss-module__rn_A7a__type-upload
|
|
img {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.index-module-scss-module__rn_A7a__container.index-module-scss-module__rn_A7a__type-upload
|
|
.index-module-scss-module__rn_A7a__inner {
|
|
width: 100%;
|
|
margin-left: 6px;
|
|
}
|