k88936
125927e0e8
   TODO: 补充说明书链接 Reviewed-on: https://git.genarrative.world/git/GenarrativeAI/Genarrative/pulls/86 Co-authored-by: 王德宇 <kvtodev@outlook.com> Co-committed-by: 王德宇 <kvtodev@outlook.com>
93 lines
2.7 KiB
CSS
93 lines
2.7 KiB
CSS
.platform-profile-recharge-modal-backdrop {
|
|
background: var(--platform-overlay-fill);
|
|
color: var(--platform-text-strong);
|
|
backdrop-filter: blur(12px);
|
|
}
|
|
|
|
.platform-profile-recharge-modal,
|
|
.platform-recharge-modal {
|
|
border: 1px solid var(--platform-modal-border);
|
|
background: var(--platform-modal-fill);
|
|
box-shadow:
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.1),
|
|
0 24px 80px rgba(0, 0, 0, 0.18);
|
|
}
|
|
|
|
.platform-profile-recharge-modal__close {
|
|
border: 1px solid rgba(255, 255, 255, 0.32);
|
|
background: var(--platform-profile-chip-fill);
|
|
color: var(--platform-text-soft);
|
|
box-shadow: 0 10px 24px rgba(112, 57, 30, 0.08);
|
|
}
|
|
|
|
.platform-profile-recharge-modal__close:hover:not(:disabled) {
|
|
background: var(--platform-profile-chip-hover-fill);
|
|
color: var(--platform-text-strong);
|
|
}
|
|
|
|
.platform-profile-recharge-modal__subpanel {
|
|
border: 1px solid var(--platform-subpanel-border);
|
|
background: var(--platform-subpanel-fill);
|
|
}
|
|
|
|
.platform-profile-recharge-modal__interactive-card {
|
|
transition:
|
|
transform 160ms ease,
|
|
border-color 160ms ease,
|
|
box-shadow 160ms ease,
|
|
background 160ms ease;
|
|
}
|
|
|
|
.platform-profile-recharge-modal__interactive-card:hover:not(:disabled) {
|
|
border-color: var(--platform-surface-hover-border);
|
|
background: var(--platform-subpanel-fill);
|
|
box-shadow: 0 12px 26px rgba(112, 57, 30, 0.08);
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
.platform-profile-recharge-modal__interactive-card:active:not(:disabled) {
|
|
transform: translateY(0);
|
|
}
|
|
|
|
.platform-profile-recharge-modal__primary-button {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border: 1px solid var(--platform-button-primary-border);
|
|
background: var(--platform-button-primary-fill);
|
|
color: var(--platform-button-primary-text);
|
|
box-shadow: var(--platform-profile-action-shadow);
|
|
transition:
|
|
opacity 160ms ease,
|
|
transform 160ms ease,
|
|
box-shadow 160ms ease;
|
|
}
|
|
|
|
.platform-profile-recharge-modal__primary-button:hover:not(:disabled) {
|
|
box-shadow: 0 16px 34px rgba(182, 98, 63, 0.28);
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
.platform-profile-recharge-modal__primary-button:disabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.platform-profile-recharge-modal__status-error {
|
|
border: 1px solid var(--platform-button-danger-border);
|
|
background: var(--platform-button-danger-fill);
|
|
color: var(--platform-button-danger-text);
|
|
}
|
|
|
|
.platform-profile-recharge-modal__empty {
|
|
border: 1px solid var(--platform-subpanel-border);
|
|
background: var(--platform-subpanel-fill);
|
|
color: var(--platform-text-soft);
|
|
}
|
|
|
|
.platform-profile-recharge-modal__badge-warning {
|
|
border: 1px solid var(--platform-warm-border);
|
|
background: var(--platform-warm-bg);
|
|
color: var(--platform-warm-text);
|
|
}
|