/* Mobile and tablet membership center. The retired desktop glass layout has been removed. */
.qm-membership-panel {
	position: relative;
	min-width: 0;
}

.qm-membership-center {
	position: relative;
	width: 100%;
	min-height: 100dvh;
	overflow-x: hidden;
	background: #fff;
	color: #292929;
}

.qm-membership-center *,
.qm-membership-center *::before,
.qm-membership-center *::after {
	box-sizing: border-box;
}

.qm-membership-center a {
	color: inherit;
	text-decoration: none;
}

.qm-membership-center button,
.qm-membership-center a {
	-webkit-tap-highlight-color: transparent;
}

.qm-membership-center__hero {
	position: relative;
	overflow: hidden;
}

.qm-membership-center__topbar {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
}

.qm-membership-identity__name-text {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.qm-membership-card-stack {
	display: flex;
	scrollbar-width: none;
}

.qm-membership-card-stack::-webkit-scrollbar {
	display: none;
}

.qm-membership-section-head {
	display: flex;
}

.qm-membership-privileges__grid {
	display: grid;
}

.qm-membership-privileges__panel[hidden] {
	display: none;
}

.qm-membership-status-pill__icon,
.qm-membership-privilege__icon {
	display: grid;
	place-items: center;
}

.qm-membership-identity__avatar,
.qm-membership-progress-summary,
.qm-membership-purchase-bar,
.qm-membership-new-banner__text strong,
.qm-membership-new-banner__chevron {
	display: none;
}

@media (max-width: 1023.98px) {
	body.page-template-page-user-center:has(.qm-membership-panel.is-active),
	body.qm-header-fixed.page-template-page-user-center:has(.qm-membership-panel.is-active) {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		scroll-padding-bottom: 0 !important;
		background: #fff;
	}

	body.page-template-page-user-center:has(.qm-membership-panel.is-active) #qm-header,
	body.page-template-page-user-center:has(.qm-membership-panel.is-active) .qimeng-footer,
	body.page-template-page-user-center:has(.qm-membership-panel.is-active) #qm-bottom-nav {
		display: none !important;
	}

	.qm-user-center-root:has(.qm-membership-panel.is-active),
	.qm-user-center-shell:has(.qm-membership-panel.is-active),
	.qm-user-center-shell:has(.qm-membership-panel.is-active) .qm-uc-main {
		width: 100%;
		min-height: 0;
		margin: 0;
		padding: 0;
	}

	.qm-user-center-shell:has(.qm-membership-panel.is-active) {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		max-width: none;
	}

	.qm-user-center-shell:has(.qm-membership-panel.is-active) .qm-uc-desktop-profile,
	.qm-user-center-shell:has(.qm-membership-panel.is-active) .qm-uc-desktop-workspace {
		display: none !important;
	}

	.qm-membership-panel.is-active {
		min-height: 100dvh;
	}
}

@media (min-width: 320px) and (max-width: 1023.98px) {
	body.page-template-page-user-center:has(.qm-membership-panel.is-active),
	body.qm-header-fixed.page-template-page-user-center:has(.qm-membership-panel.is-active),
	body.page-template-page-user-center:has(.qm-membership-panel.is-active) .qm-user-center-root,
	.qm-membership-panel.is-active {
		background: #fff;
	}

	.qm-membership-center {
		--qm-mc-bg: #fff;
		--qm-mc-text: #292929;
		--qm-mc-muted: #9d9d9d;
		--qm-mc-faint: #9d9d9d;
		--qm-mc-gold: #f3cf50;
		--qm-mc-line: #eaeaea;
		--qm-mc-radius-card: 4.5px;
		--qm-mc-safe-top: max(11px, env(safe-area-inset-top, 0px));

		flex: 1 1 auto;
		width: 100%;
		min-height: 100vh;
		min-height: 100dvh;
		overflow-x: hidden;
		overflow-y: visible;
		background: #fff;
		color: #292929;
		font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
		font-size: 13px;
		line-height: 1.4;
		letter-spacing: 0;
		overscroll-behavior: auto;
	}

	.qm-membership-center *,
	.qm-membership-center *::before,
	.qm-membership-center *::after {
		animation: none !important;
	}

	.qm-membership-center [data-liquid],
	.qm-membership-center .qm-membership-glass {
		isolation: auto;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		filter: none !important;
	}

	.qm-membership-center [data-liquid]::after,
	.qm-membership-center .qm-membership-glass::after {
		display: none;
	}

	.qm-membership-center a[data-liquid]:active,
	.qm-membership-center button:active,
	.qm-membership-center .qm-membership-glass:active {
		transform: none;
	}

	.qm-membership-center__hero {
		height: calc(152.5px + var(--qm-mc-safe-top));
		background: linear-gradient(135deg, #afafaf 0%, #8e8e8e 48%, #535353 100%);
	}

	.qm-membership-center__hero::before,
	.qm-membership-center__hero::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		pointer-events: none;
	}

	.qm-membership-center__hero::before {
		z-index: 1;
		left: 0;
		width: 181px;
		background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(0, 0, 0, 0.03));
		clip-path: polygon(0 0, 100% 0, 48% 100%, 0 100%);
	}

	.qm-membership-center__hero::after {
		z-index: 2;
		left: 85px;
		width: 165px;
		background: linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(0, 0, 0, 0.045));
		clip-path: polygon(42% 0, 100% 0, 56% 100%, 0 100%);
	}

	.qm-membership-center__hero-scrim {
		display: none;
	}

	.qm-membership-center__topbar,
	.qm-membership-center__topbar[data-liquid] {
		display: grid;
		grid-template-columns: 32px minmax(0, 1fr) 32px;
		align-items: center;
		min-height: calc(33px + var(--qm-mc-safe-top));
		padding: var(--qm-mc-safe-top) 8px 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.qm-membership-center .qm-membership-center__topbar-button {
		width: 25px;
		height: 25px;
		border-radius: 0;
		color: #fff;
		font-size: 25px;
	}

	.qm-membership-center__topbar-button:hover,
	.qm-membership-center__topbar-button:focus-visible {
		background: transparent;
	}

	.qm-membership-center__topbar-title {
		justify-self: center;
		color: #fff;
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		text-align: center;
	}

	.qm-membership-center__topbar-spacer {
		width: 32px;
		height: 25px;
	}

	.qm-membership-identity {
		position: relative;
		z-index: 6;
		display: block;
		width: calc(100% - 20.5px);
		height: 164px;
		min-height: 0;
		margin: -111.5px 11px 0 9.5px;
		overflow: hidden;
		padding: 0;
		border-radius: 5px;
		background: #f9f9f9;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
		text-align: left;
	}

	.qm-membership-identity::before {
		content: "";
		position: absolute;
		z-index: 0;
		top: 0;
		bottom: 0;
		left: 0;
		width: 58%;
		background: linear-gradient(120deg, rgba(255, 255, 255, 0.48), rgba(205, 205, 205, 0.18));
		clip-path: polygon(0 0, 70% 0, 100% 52%, 70% 100%, 0 100%);
		pointer-events: none;
	}

	.qm-membership-identity::after {
		content: "";
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		bottom: 0;
		width: 54%;
		background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(185, 185, 185, 0.18));
		clip-path: polygon(0 0, 58% 0, 100% 50%, 58% 100%, 0 100%, 44% 50%);
		pointer-events: none;
	}

	.qm-membership-identity__avatar {
		position: absolute;
		z-index: 2;
		top: 15.5px;
		left: 16.5px;
		display: block;
		width: 55px;
		height: 55px;
		overflow: hidden;
		border-radius: 50%;
		background: #eef1ff;
	}

	.qm-membership-identity__avatar img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.qm-membership-identity h1 {
		position: absolute;
		z-index: 2;
		top: 15.5px;
		left: 86.5px;
		right: 104px;
		justify-content: flex-start;
		max-width: none;
		margin: 0;
		color: #929292;
		font-size: 16px;
		font-weight: 500;
		line-height: 21px;
		text-align: left;
	}

	.qm-membership-identity__level-badge {
		width: 50px;
		height: 20px;
	}

	.qm-membership-identity > p {
		position: absolute;
		z-index: 2;
		top: 40.5px;
		left: 86.5px;
		right: 104px;
		margin: 0;
		overflow: hidden;
		color: #999;
		font-size: 13px;
		font-weight: 400;
		line-height: 18px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.qm-membership-center .qm-membership-status-pill[data-liquid] {
		position: absolute;
		z-index: 2;
		top: 11px;
		right: 15.5px;
		display: flex;
		width: 56px;
		height: 64px;
		min-height: 0;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.qm-membership-status-pill__icon {
		width: 56px;
		height: 64px;
		border-radius: 0;
		background: transparent;
		color: #a7a7a7;
		font-size: 34px;
	}

	.qm-membership-status-pill__icon img {
		width: 56px;
		height: 64px;
		object-fit: contain;
		filter: drop-shadow(0 6px 6px rgba(0, 0, 0, 0.18));
	}

	.qm-membership-status-pill__copy,
	.qm-membership-status-pill > i {
		display: none;
	}

	.qm-membership-center[data-member-active="true"] .qm-membership-identity {
		overflow: visible;
	}

	.qm-membership-center[data-member-active="true"] .qm-membership-status-pill[data-liquid] {
		z-index: 3;
		top: -12px;
		right: -10px;
		width: 112px;
		height: 112px;
	}

	.qm-membership-center[data-member-active="true"] .qm-membership-status-pill__icon,
	.qm-membership-center[data-member-active="true"] .qm-membership-status-pill__icon img {
		width: 112px;
		height: 112px;
	}

	.qm-membership-center[data-member-active="true"] .qm-membership-status-pill__icon {
		font-size: 60px;
	}

	.qm-membership-center[data-member-active="true"] .qm-membership-status-pill__icon img {
		-webkit-box-reflect: below -18px linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent 30%);
	}

	.qm-membership-progress-summary {
		position: absolute;
		z-index: 2;
		top: 99px;
		left: 16px;
		right: 16px;
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 16px;
		height: 50px;
	}

	.qm-membership-progress-summary__growth {
		display: grid;
		gap: 6px;
		min-width: 0;
	}

	.qm-membership-progress-summary__row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		min-width: 0;
	}

	.qm-membership-progress-summary__row span,
	.qm-membership-progress-summary__expiry span {
		display: block;
		color: #9d9d9d;
		font-size: 11px;
		font-weight: 400;
		line-height: 15px;
	}

	.qm-membership-progress-summary__row strong {
		overflow: hidden;
		color: #666;
		font-size: 11px;
		font-weight: 500;
		line-height: 15px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.qm-membership-progress-summary__track {
		height: 5px;
		overflow: hidden;
		border-radius: 3px;
		background: #e5e5e5;
	}

	.qm-membership-progress-summary__track > span {
		display: block;
		width: var(--qm-membership-growth-progress, 0%);
		height: 100%;
		border-radius: inherit;
		background: linear-gradient(90deg, #dfba68, #f3cf50);
	}

	.qm-membership-progress-summary__expiry {
		display: grid;
		gap: 2px;
		min-width: 82px;
		padding-left: 14px;
		border-left: 1px solid #e4e4e4;
	}

	.qm-membership-progress-summary__expiry strong {
		display: block;
		max-width: 92px;
		overflow: hidden;
		color: #666;
		font-size: 12px;
		font-weight: 500;
		line-height: 17px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.qm-membership-content {
		display: flex;
		flex-direction: column;
		padding-bottom: calc(30px + env(safe-area-inset-bottom));
	}

	.qm-membership-body {
		display: contents;
	}

	.qm-membership-new-banner {
		order: 1;
		margin-top: 17.5px;
	}

	.qm-membership-new-banner > .qm-membership-section-head {
		display: none;
	}

	.qm-membership-new-banner__card,
	.qm-membership-new-banner__card[data-liquid] {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 14px;
		align-items: center;
		gap: 6px;
		width: calc(100% - 30px);
		height: 50px;
		min-height: 50px;
		overflow: hidden;
		margin: 0 16px 0 14px;
		padding: 0 8px;
		border: 0;
		border-radius: 5px;
		background: #ffd6db;
		box-shadow: none;
		color: #bc2c2f;
	}

	.qm-membership-new-banner__card[data-liquid]:has(> img) {
		grid-template-columns: 107px minmax(0, 1fr) 14px;
	}

	.qm-membership-new-banner__card > img {
		grid-column: 1;
		grid-row: 1;
		width: 96px;
		height: 48px;
		justify-self: start;
		object-fit: contain;
		transform: scale(1.12);
		transform-origin: left center;
	}

	.qm-membership-new-banner__text {
		grid-column: 1;
		grid-row: 1;
		min-width: 0;
	}

	.qm-membership-new-banner__card[data-liquid]:has(> img) .qm-membership-new-banner__text {
		grid-column: 2;
	}

	.qm-membership-new-banner__text strong,
	.qm-membership-new-banner__text span {
		display: block;
		overflow: hidden;
		color: #bc2c2f;
		font-weight: 400;
		line-height: 18px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.qm-membership-new-banner__text strong {
		font-size: 14.5px;
		font-weight: 600;
	}

	.qm-membership-new-banner__text span {
		margin: 0;
		font-size: 11px;
		line-height: 15px;
	}

	.qm-membership-new-banner__chevron {
		display: block;
		grid-column: -2;
		grid-row: 1;
		justify-self: end;
		color: #bc2c2f;
		font-size: 15px;
	}

	.qm-membership-packages {
		order: 2;
		padding-top: 18.5px;
		scroll-margin-top: 10px;
	}

	.qm-membership-section-head--packages {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 20px;
		margin: 0 17px 17.5px;
	}

	.qm-membership-section-head--packages > div {
		min-width: 0;
	}

	.qm-membership-section-head--packages h2 {
		display: none;
	}

	.qm-membership-section-head--packages span {
		display: block;
		margin: 0;
		color: #292929;
		font-size: 12.5px;
		font-weight: 400;
		line-height: 18px;
	}

	.qm-membership-section-head--packages a {
		min-height: 20px;
		color: #9d9d9d;
		font-size: 12px;
		line-height: 17px;
	}

	.qm-membership-card-stack {
		height: 124.5px;
		gap: 8px;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 7.5px 14px 0;
		scroll-padding-inline: 14px;
		scroll-snap-type: x mandatory;
	}

	.qm-membership-card {
		flex: 0 0 99.5px;
		height: 117px;
		opacity: 1;
		transform: none;
		scroll-snap-align: start;
	}

	.qm-membership-card:not(.is-active) {
		opacity: 1;
		transform: none;
	}

	.qm-membership-card-stack.is-single .qm-membership-card {
		flex-basis: 99.5px;
	}

	.qm-membership-card__surface[data-liquid],
	.qm-membership-card.is-active .qm-membership-card__surface[data-liquid],
	.qm-membership-card__surface.is-without-media {
		display: block;
		width: 100%;
		height: 117px;
		min-height: 117px;
		aspect-ratio: auto;
		overflow: visible;
		padding: 12px 7px 7px;
		border: 1px solid #eaeaea;
		border-radius: 4.5px;
		background: #fff;
		box-shadow: none;
	}

	.qm-membership-card.is-active .qm-membership-card__surface[data-liquid] {
		border-color: #f3cf50;
		background: #faf3d8;
	}

	.qm-membership-card__copy {
		position: relative;
		display: grid;
		grid-template-rows: 28px 35px minmax(0, 1fr);
		width: 100%;
		height: 100%;
		text-align: center;
	}

	.qm-membership-card__topline {
		display: block;
		grid-row: 1;
		min-width: 0;
	}

	.qm-membership-card__topline h3 {
		width: 100%;
		margin: 0;
		color: #292929;
		font-size: 12.5px;
		font-weight: 500;
		line-height: 17px;
		text-align: center;
	}

	.qm-membership-card__topline em {
		position: absolute;
		top: -20.5px;
		right: -8px;
		display: grid;
		min-width: 32px;
		height: 17px;
		min-height: 17px;
		padding: 0 6px;
		place-items: center;
		border: 0;
		border-radius: 3.5px 3.5px 0 3.5px;
		background: #f4463d;
		color: #fff;
		font-size: 11px;
		font-weight: 400;
		line-height: 17px;
	}

	.qm-membership-card.is-active .qm-membership-card__topline em {
		background: linear-gradient(90deg, #7118e8, #cd11e9);
	}

	.qm-membership-card__copy > p {
		display: none;
	}

	.qm-membership-card__mobile-meta {
		position: absolute;
		top: 62px;
		left: 0;
		right: 0;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		max-height: 30px;
		overflow: hidden;
		color: #9d9d9d;
		font-size: 11.5px;
		font-weight: 400;
		line-height: 15px;
		text-align: center;
	}

	.qm-membership-card__mobile-meta span:not(:last-child)::after {
		content: "，";
	}

	.qm-membership-card__offer {
		display: flex;
		grid-row: 2;
		align-items: start;
		justify-content: center;
		margin: 0;
	}

	.qm-membership-card__price {
		display: inline-flex;
		align-items: flex-end;
		gap: 3px;
		justify-content: center;
		width: 100%;
	}

	.qm-membership-card__price > span {
		color: #f3cf50;
		font-size: 26px;
		font-weight: 600;
		line-height: 29px;
	}

	.qm-membership-card__price small {
		font-size: 13px;
		font-weight: 500;
	}

	.qm-membership-card__price strong {
		font-size: 26px;
		font-weight: 600;
	}

	.qm-membership-card__price del {
		display: block;
		max-width: 33px;
		margin-bottom: 2px;
		overflow: hidden;
		color: #aaa;
		font-size: 9px;
		font-weight: 400;
		line-height: 11px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.qm-membership-card__action,
	.qm-membership-card__benefits,
	.qm-membership-card__media,
	.qm-membership-package-tabs {
		display: none;
	}

	.qm-membership-center .qm-membership-purchase-bar {
		display: grid;
		width: calc(100% - 30.5px);
		height: 39.5px;
		margin: 21px 16px 0 14.5px;
		padding: 0 18px;
		place-items: center;
		border-radius: 20px;
		background: linear-gradient(90deg, #ffdd84 0%, #f3ce62 52%, #f8d06a 100%);
		box-shadow: 0 5px 11px rgba(246, 206, 103, 0.28);
		color: #fff;
		font-size: 15px;
		font-weight: 400;
		line-height: 20px;
		text-align: center;
		white-space: nowrap;
	}

	.qm-membership-purchase-bar.is-disabled {
		cursor: default;
		opacity: 0.52;
	}

	.qm-membership-purchase-bar:focus-visible {
		outline: 2px solid #bc2c2f;
		outline-offset: 2px;
	}

	.qm-membership-privileges {
		order: 3;
		margin-top: 36px;
	}

	.qm-membership-privileges .qm-membership-section-head {
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		margin: 0 14px 16px;
	}

	.qm-membership-privileges .qm-membership-section-head > div > span {
		margin: 0;
		color: #292929;
		font-size: 15px;
		font-weight: 500;
		line-height: 21px;
	}

	.qm-membership-privileges .qm-membership-section-head h2 {
		display: none;
	}

	.qm-membership-privileges__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 18px 4px;
		padding: 0 14px;
	}

	.qm-membership-center .qm-membership-privilege[data-liquid] {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		justify-items: center;
		gap: 7px;
		min-height: 64px;
		overflow: visible;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		color: #292929;
		text-align: center;
	}

	.qm-membership-privilege__icon {
		position: relative;
		isolation: isolate;
		width: 34px;
		height: 34px;
		border-radius: 0;
		background: transparent;
		color: #292929;
		font-size: 23px;
	}

	.qm-membership-privilege__icon i {
		color: transparent;
		-webkit-text-fill-color: transparent;
		-webkit-text-stroke: 1px #292929;
	}

	.qm-membership-privilege__icon::before {
		content: "";
		position: absolute;
		z-index: -1;
		right: 1px;
		bottom: 1px;
		width: 19px;
		height: 19px;
		border-radius: 3px;
		background: #f4dfb3;
	}

	.qm-membership-privilege > div {
		min-width: 0;
		width: 100%;
	}

	.qm-membership-privilege strong {
		width: 100%;
		color: #555;
		font-size: 12px;
		font-weight: 400;
		line-height: 17px;
		text-align: center;
	}

	.qm-membership-privilege small {
		display: none;
	}

	.qm-membership-empty[data-liquid] {
		border: 1px solid #eaeaea;
		border-radius: 5px;
		background: #fff;
		box-shadow: none;
		color: #292929;
	}

	.qm-membership-empty p {
		color: #9d9d9d;
	}

	body.page-template-page-user-center:has(.qm-membership-center[data-member-theme="ready"]),
	body.qm-header-fixed.page-template-page-user-center:has(.qm-membership-center[data-member-theme="ready"]),
	body.page-template-page-user-center:has(.qm-membership-center[data-member-theme="ready"]) .qm-user-center-root,
	.qm-membership-panel.is-active:has(.qm-membership-center[data-member-theme="ready"]) {
		background:
			linear-gradient(145deg, rgba(var(--qm-member-primary-rgb), 0.09), rgba(var(--qm-member-accent-rgb), 0.1) 34%, #fff 62%, rgba(var(--qm-member-secondary-rgb), 0.07));
	}

	.qm-membership-center[data-member-theme="ready"] {
		--qm-mc-gold: var(--qm-member-primary);

		background:
			radial-gradient(circle at 88% 30%, rgba(var(--qm-member-accent-rgb), 0.18), transparent 34%),
			linear-gradient(180deg, rgba(var(--qm-member-primary-rgb), 0.08), #fff 50%, rgba(var(--qm-member-secondary-rgb), 0.055));
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-center__hero {
		background:
			radial-gradient(circle at 82% 16%, rgba(var(--qm-member-accent-rgb), 0.56), transparent 34%),
			linear-gradient(135deg, var(--qm-member-deep) 0%, var(--qm-member-primary) 52%, var(--qm-member-secondary) 100%);
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-center__topbar-title,
	.qm-membership-center[data-member-theme="ready"] .qm-membership-center__topbar-button {
		color: #fff;
		text-shadow: 0 1px 4px rgba(var(--qm-member-deep-rgb), 0.38);
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-identity {
		background:
			linear-gradient(125deg, rgba(255, 255, 255, 0.96), rgba(var(--qm-member-accent-rgb), 0.22) 58%, rgba(var(--qm-member-secondary-rgb), 0.18)),
			#fff;
		box-shadow: 0 8px 18px rgba(var(--qm-member-deep-rgb), 0.16);
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-identity::before {
		background: linear-gradient(120deg, rgba(255, 255, 255, 0.66), rgba(var(--qm-member-primary-rgb), 0.16));
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-identity::after {
		background: linear-gradient(135deg, rgba(var(--qm-member-accent-rgb), 0.14), rgba(var(--qm-member-secondary-rgb), 0.2));
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-identity h1,
	.qm-membership-center[data-member-theme="ready"] .qm-membership-progress-summary__row strong,
	.qm-membership-center[data-member-theme="ready"] .qm-membership-progress-summary__expiry strong {
		color: var(--qm-member-deep);
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-identity > p,
	.qm-membership-center[data-member-theme="ready"] .qm-membership-progress-summary__row span,
	.qm-membership-center[data-member-theme="ready"] .qm-membership-progress-summary__expiry span {
		color: rgba(var(--qm-member-deep-rgb), 0.62);
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-status-pill__icon img {
		filter: drop-shadow(0 7px 7px rgba(var(--qm-member-deep-rgb), 0.24));
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-progress-summary__track {
		background: rgba(var(--qm-member-primary-rgb), 0.14);
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-progress-summary__track > span {
		background: linear-gradient(90deg, var(--qm-member-deep), var(--qm-member-primary) 52%, var(--qm-member-accent));
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-progress-summary__expiry {
		border-left-color: rgba(var(--qm-member-primary-rgb), 0.2);
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-new-banner__card,
	.qm-membership-center[data-member-theme="ready"] .qm-membership-new-banner__card[data-liquid] {
		background: linear-gradient(105deg, rgba(var(--qm-member-accent-rgb), 0.3), rgba(var(--qm-member-primary-rgb), 0.16), rgba(var(--qm-member-secondary-rgb), 0.22));
		color: var(--qm-member-deep);
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-new-banner__text strong,
	.qm-membership-center[data-member-theme="ready"] .qm-membership-new-banner__text span,
	.qm-membership-center[data-member-theme="ready"] .qm-membership-new-banner__chevron,
	.qm-membership-center[data-member-theme="ready"] .qm-membership-section-head--packages a {
		color: var(--qm-member-deep);
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-section-head--packages a {
		opacity: 0.62;
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-card__surface[data-liquid],
	.qm-membership-center[data-member-theme="ready"] .qm-membership-card__surface.is-without-media {
		border-color: rgba(var(--qm-member-primary-rgb), 0.16);
		background: rgba(255, 255, 255, 0.9);
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-card.is-active .qm-membership-card__surface[data-liquid] {
		border-color: var(--qm-member-primary);
		background: linear-gradient(145deg, rgba(var(--qm-member-accent-rgb), 0.28), rgba(var(--qm-member-primary-rgb), 0.12) 58%, rgba(var(--qm-member-secondary-rgb), 0.15));
		box-shadow: 0 5px 13px rgba(var(--qm-member-deep-rgb), 0.12);
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-card__topline em,
	.qm-membership-center[data-member-theme="ready"] .qm-membership-card.is-active .qm-membership-card__topline em {
		background: linear-gradient(105deg, var(--qm-member-deep), var(--qm-member-primary), var(--qm-member-secondary));
		color: var(--qm-member-on-primary);
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-card__price > span {
		background: linear-gradient(110deg, var(--qm-member-deep), var(--qm-member-primary) 54%, var(--qm-member-secondary));
		background-clip: text;
		-webkit-background-clip: text;
		color: transparent;
		-webkit-text-fill-color: transparent;
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-purchase-bar {
		background: linear-gradient(105deg, var(--qm-member-button-primary), var(--qm-member-button-secondary));
		box-shadow: 0 7px 16px rgba(var(--qm-member-deep-rgb), 0.25);
		color: #fff;
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-purchase-bar:focus-visible {
		outline-color: var(--qm-member-primary);
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-privileges .qm-membership-section-head > div > span,
	.qm-membership-center[data-member-theme="ready"] .qm-membership-privilege strong {
		color: var(--qm-member-deep);
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-privilege__icon i {
		-webkit-text-stroke-color: var(--qm-member-deep);
	}

	.qm-membership-center[data-member-theme="ready"] .qm-membership-privilege__icon::before {
		background: linear-gradient(135deg, rgba(var(--qm-member-accent-rgb), 0.72), rgba(var(--qm-member-secondary-rgb), 0.42));
	}

	.qm-membership-agreement {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex: 0 0 auto;
		column-gap: 6px;
		margin-left: auto;
		white-space: nowrap;
		color: #9d9d9d;
	}

	.qm-membership-body > .qm-membership-agreement {
		align-self: flex-end;
		order: 4;
		margin: 24px 14px 0 0;
	}
}

/* ========== 会员中心暗色模式 ========== */
.dark .qm-membership-center,
body.dark .qm-membership-center,
body.dark-mode .qm-membership-center {
	--qm-mc-bg: var(--qm-bg-dark);
	--qm-mc-text: var(--qm-text-secondary);
	--qm-mc-muted: var(--qm-text-muted);
	--qm-mc-faint: var(--qm-text-muted);
	--qm-mc-line: var(--qm-border-dark-600);
	--qm-mc-surface: var(--qm-bg-dark-800);

	background: var(--qm-bg-dark);
	color: var(--qm-text-secondary);
}

html.dark body.page-template-page-user-center:has(.qm-membership-panel.is-active),
html.dark body.qm-header-fixed.page-template-page-user-center:has(.qm-membership-panel.is-active),
html.dark .qm-user-center-root:has(.qm-membership-panel.is-active),
html.dark .qm-membership-panel.is-active,
html.dark .qm-membership-panel.is-active:has(.qm-membership-center) {
	background: var(--qm-bg-dark);
}

.dark .qm-membership-center :is(h1, h2, h3, h4, h5, h6) {
	color: var(--qm-text-primary);
}

.dark .qm-membership-center .qm-membership-section-head > div > span,
.dark .qm-membership-center .qm-membership-section-head--packages span,
.dark .qm-membership-center .qm-membership-card__topline h3 {
	color: var(--qm-text-secondary);
}

.dark .qm-membership-center .qm-membership-privilege[data-liquid],
.dark .qm-membership-center .qm-membership-privilege__icon {
	color: var(--qm-text-secondary);
}

.dark .qm-membership-center .qm-membership-privilege__icon i {
	-webkit-text-stroke: 1px var(--qm-text-secondary);
}

.dark .qm-membership-center .qm-membership-card__surface[data-liquid],
.dark .qm-membership-center .qm-membership-card.is-active .qm-membership-card__surface,
.dark .qm-membership-center .qm-membership-empty[data-liquid] {
	border-color: var(--qm-border-dark-600);
	background: var(--qm-bg-dark-800);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.3);
	color: var(--qm-text-secondary);
}

.dark .qm-membership-center .qm-membership-identity {
	background: linear-gradient(125deg, rgba(255, 255, 255, 0.06), rgba(var(--qm-member-accent-rgb), 0.18) 58%, rgba(var(--qm-member-secondary-rgb), 0.14)), var(--qm-bg-dark-800);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.3);
}

.dark .qm-membership-center .qm-membership-identity::before {
	background: linear-gradient(120deg, rgba(255, 255, 255, 0.08), rgba(var(--qm-member-primary-rgb), 0.14));
}

.dark .qm-membership-center[data-member-theme="ready"] {
	background:
		radial-gradient(circle at 88% 30%, rgba(var(--qm-member-accent-rgb), 0.14), transparent 34%),
		linear-gradient(180deg, rgba(var(--qm-member-primary-rgb), 0.07), var(--qm-bg-dark) 50%, rgba(var(--qm-member-secondary-rgb), 0.05));
}

html.dark body.page-template-page-user-center:has(.qm-membership-center[data-member-theme="ready"]),
html.dark .qm-membership-panel.is-active:has(.qm-membership-center[data-member-theme="ready"]) {
	background:
		linear-gradient(145deg, rgba(var(--qm-member-primary-rgb), 0.07), rgba(var(--qm-member-accent-rgb), 0.08) 34%, var(--qm-bg-dark) 62%, rgba(var(--qm-member-secondary-rgb), 0.05));
}