.member-h5-only {
	display: none !important;
}

@media (max-width: 820px) {
	:root {
		--member-h5-bg: #030912;
		--member-h5-surface: #07172a;
		--member-h5-surface-strong: #0a1c31;
		--member-h5-border: #17456e;
		--member-h5-border-soft: #17334f;
		--member-h5-text: #f5f7fb;
		--member-h5-muted: #9aabc0;
		--member-h5-gold: #ffc44d;
		--member-h5-gold-deep: #b77918;
		--member-h5-cyan: #49c9e8;
		--member-h5-danger: #ff6b82;
	}

	html,
	body.page-user-plays,
	body.page-user-favs,
	body.user-info-page-wrap,
	body.cash-withdraw-page {
		min-width: 0;
		background: var(--member-h5-bg) !important;
	}

	body.page-user-plays,
	body.page-user-favs,
	body.user-info-page-wrap,
	body.cash-withdraw-page {
		padding-bottom: 68px !important;
		color: var(--member-h5-text);
	}

	.member-subpage-site-head,
	.member-subpage-pc,
	body.page-user-plays > .member-wrap,
	body.page-user-favs > .member-wrap,
	body.user-info-page-wrap > .member-wrap,
	body.cash-withdraw-page > #mac-user-cash-root {
		display: none !important;
	}

	body.page-user-plays > .fz-footer,
	body.page-user-favs > .fz-footer,
	body.user-info-page-wrap > .fz-footer,
	body.cash-withdraw-page > .fz-footer {
		display: none !important;
	}

	.member-h5-only {
		display: block !important;
	}

	.member-h5-page,
	.member-h5-page * {
		box-sizing: border-box;
	}

	.member-h5-page {
		width: 100%;
		max-width: 440px;
		min-height: calc(100vh - 68px);
		margin: 0 auto;
		padding: 0 12px 24px;
		background:
			radial-gradient(circle at 50% -12%, rgba(31, 101, 165, .2), transparent 34%),
			var(--member-h5-bg);
		color: var(--member-h5-text);
		font-size: 14px;
		line-height: 1.45;
	}

	.member-h5-page a,
	.member-h5-page button,
	.member-h5-page input {
		font: inherit;
		letter-spacing: 0;
	}

	.member-h5-page button,
	.member-h5-page a {
		-webkit-tap-highlight-color: transparent;
	}

	.member-h5-topbar {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 58px;
		margin: 0 -12px 12px;
		border-bottom: 1px solid rgba(67, 107, 146, .42);
		background: rgba(3, 9, 18, .94);
	}

	.member-h5-topbar__back,
	.member-h5-topbar__action {
		position: absolute;
		top: 9px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 40px;
		height: 40px;
		padding: 0 10px;
		border: 0;
		background: transparent;
		color: var(--member-h5-text);
		text-decoration: none;
		cursor: pointer;
	}

	.member-h5-topbar__back {
		left: 0;
	}

	.member-h5-topbar__action {
		right: 0;
		color: var(--member-h5-gold);
		font-size: 13px;
	}

	.member-h5-topbar__back svg {
		width: 24px;
		height: 24px;
		fill: none;
		stroke: currentColor;
		stroke-width: 2;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	.member-h5-topbar h1 {
		margin: 0;
		font-size: 19px;
		font-weight: 700;
		letter-spacing: 0;
	}

	.member-h5-filter {
		display: flex;
		gap: 8px;
		margin: 0 4px 12px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.member-h5-filter::-webkit-scrollbar {
		display: none;
	}

	.member-h5-filter a {
		flex: 1 0 auto;
		min-width: 72px;
		height: 38px;
		padding: 0 16px;
		border: 1px solid #315373;
		border-radius: 20px;
		background: #0a1829;
		color: #bcc8d8;
		line-height: 36px;
		text-align: center;
		text-decoration: none;
	}

	.member-h5-filter a.active {
		border-color: var(--member-h5-gold);
		background: linear-gradient(135deg, #d48e24, #8a5819);
		box-shadow: 0 0 14px rgba(255, 196, 77, .18);
		color: #fff;
	}

	.member-h5-bulk {
		display: none;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 6px;
		margin: 0 4px 12px;
		padding: 8px;
		border: 1px solid var(--member-h5-border-soft);
		border-radius: 6px;
		background: #09172a;
	}

	.member-h5-ulog.is-managing .member-h5-bulk {
		display: grid;
	}

	.member-h5-bulk button {
		height: 36px;
		border: 0;
		border-radius: 4px;
		background: transparent;
		color: #c3ccda;
		cursor: pointer;
	}

	.member-h5-bulk button:last-child,
	.member-h5-bulk button[data-h5-delete-selected] {
		color: var(--member-h5-danger);
	}

	.member-h5-list {
		display: grid;
		gap: 12px;
		margin: 0 4px;
		padding: 0;
		list-style: none;
	}

	.member-h5-content-card {
		position: relative;
		display: grid;
		grid-template-columns: 100px minmax(0, 1fr);
		gap: 14px;
		min-height: 150px;
		padding: 12px;
		border: 1px solid var(--member-h5-border-soft);
		border-radius: 7px;
		background:
			linear-gradient(135deg, rgba(20, 49, 79, .7), rgba(7, 19, 34, .94)),
			var(--member-h5-surface);
		box-shadow: 0 8px 18px rgba(0, 0, 0, .16);
		overflow: hidden;
	}

	.member-h5-card-check {
		display: none;
		position: absolute;
		left: 8px;
		top: 50%;
		z-index: 2;
		width: 22px;
		height: 22px;
		transform: translateY(-50%);
	}

	.member-h5-ulog.is-managing .member-h5-card-check {
		display: block;
	}

	.member-h5-ulog.is-managing .member-h5-content-card {
		padding-left: 38px;
		grid-template-columns: 88px minmax(0, 1fr);
	}

	.member-h5-card-check input {
		width: 20px;
		height: 20px;
		margin: 0;
		accent-color: var(--member-h5-gold);
	}

	.member-h5-card-poster {
		position: relative;
		display: block;
		width: 100%;
		aspect-ratio: 2 / 3;
		border-radius: 5px;
		background: #101c2c;
		overflow: hidden;
	}

	.member-h5-card-poster img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.member-h5-card-poster__type {
		position: absolute;
		left: 50%;
		top: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		border-radius: 50%;
		transform: translate(-50%, -50%);
		background: rgba(2, 9, 18, .75);
		color: #fff;
		font-size: 19px;
	}

	.member-h5-card-poster__type svg {
		width: 25px;
		height: 25px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.9;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	.member-h5-card-main {
		display: flex;
		min-width: 0;
		flex-direction: column;
	}

	.member-h5-card-title {
		margin: 2px 0 7px;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.3;
	}

	.member-h5-card-title a {
		display: -webkit-box;
		overflow: hidden;
		color: var(--member-h5-text);
		text-decoration: none;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.member-h5-card-meta {
		margin: 0 0 5px;
		color: var(--member-h5-muted);
		font-size: 13px;
	}

	.member-h5-progress {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 8px;
		margin-top: auto;
		color: #b5c2d2;
		font-size: 12px;
	}

	.member-h5-progress__track {
		height: 5px;
		border-radius: 5px;
		background: #3a4a5e;
		overflow: hidden;
	}

	.member-h5-progress__bar {
		display: block;
		height: 100%;
		border-radius: inherit;
		background: linear-gradient(90deg, #d48c22, #ffd36a);
	}

	.member-h5-card-actions {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		margin-top: 10px;
	}

	.member-h5-card-primary {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 94px;
		height: 38px;
		padding: 0 12px;
		border: 1px solid var(--member-h5-gold-deep);
		border-radius: 4px;
		background: rgba(8, 20, 35, .8);
		color: var(--member-h5-gold);
		font-weight: 700;
		text-decoration: none;
	}

	.member-h5-icon-button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 38px;
		height: 38px;
		border: 0;
		background: transparent;
		color: #aab8c9;
		cursor: pointer;
	}

	.member-h5-icon-button svg {
		width: 21px;
		height: 21px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.8;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	.member-h5-loading {
		margin: 24px 0;
		color: var(--member-h5-muted);
		text-align: center;
	}

	.member-h5-empty {
		padding: 48px 18px;
		border: 1px solid var(--member-h5-border-soft);
		border-radius: 7px;
		background: var(--member-h5-surface);
		color: var(--member-h5-muted);
		text-align: center;
	}

	.member-h5-pagination {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		margin: 16px 4px 0;
	}

	.member-h5-pagination button,
	.member-h5-pagination span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 36px;
		padding: 0 13px;
		border: 1px solid var(--member-h5-border);
		border-radius: 4px;
		background: var(--member-h5-surface);
		color: #c6d0de;
	}

	.member-h5-pagination button:disabled {
		opacity: .4;
	}

	.member-h5-section {
		margin: 0 0 12px;
		border: 1px solid var(--member-h5-border-soft);
		border-radius: 7px;
		background:
			linear-gradient(135deg, rgba(15, 42, 70, .54), rgba(6, 17, 31, .94)),
			var(--member-h5-surface);
		overflow: hidden;
	}

	.member-h5-stats {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		padding: 16px 8px;
	}

	.member-h5-stats--cash {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.member-h5-stat {
		position: relative;
		min-width: 0;
		padding: 2px 8px;
		text-align: center;
	}

	.member-h5-stat + .member-h5-stat::before {
		content: '';
		position: absolute;
		left: 0;
		top: 6px;
		bottom: 6px;
		width: 1px;
		background: rgba(87, 119, 153, .32);
	}

	.member-h5-stat span {
		display: block;
		margin-bottom: 5px;
		color: var(--member-h5-muted);
		font-size: 13px;
	}

	.member-h5-stat strong {
		display: block;
		overflow: hidden;
		color: var(--member-h5-gold);
		font-size: 24px;
		font-weight: 700;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.member-h5-stat--date strong {
		font-size: 17px;
	}

	.member-h5-form-row,
	.member-h5-nav-row {
		display: grid;
		grid-template-columns: 76px minmax(0, 1fr) auto;
		align-items: center;
		min-height: 54px;
		margin: 0 14px;
		border-bottom: 1px solid rgba(74, 106, 139, .25);
	}

	.member-h5-form-row:last-child,
	.member-h5-nav-row:last-child {
		border-bottom: 0;
	}

	.member-h5-form-row__label,
	.member-h5-nav-row__label {
		color: #d3dae5;
	}

	.member-h5-form-row input {
		width: 100%;
		height: 42px;
		padding: 0 8px;
		border: 0;
		outline: 0;
		background: transparent;
		color: var(--member-h5-text);
		text-align: right;
	}

	.member-h5-form-row__value,
	.member-h5-nav-row__value {
		min-width: 0;
		overflow: hidden;
		color: #b7c2d2;
		text-align: right;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.member-h5-row-action,
	.member-h5-row-chevron {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 38px;
		height: 38px;
		margin-left: 4px;
		border: 0;
		background: transparent;
		color: var(--member-h5-gold);
		text-decoration: none;
		cursor: pointer;
	}

	.member-h5-row-chevron {
		min-width: 20px;
		color: #96a6ba;
		font-size: 22px;
	}

	.member-h5-password-fields {
		display: none;
		border-top: 1px solid var(--member-h5-border-soft);
	}

	.member-h5-password-fields.is-open {
		display: block;
	}

	.member-h5-password-toggle {
		width: calc(100% - 28px);
		padding: 0;
		border-top: 0;
		border-right: 0;
		border-left: 0;
		background: transparent;
		color: inherit;
		text-align: left;
		cursor: pointer;
	}

	.member-h5-profile-actions {
		display: grid;
		gap: 10px;
		margin-top: 12px;
	}

	.member-h5-secondary,
	.member-h5-primary {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 46px;
		border-radius: 5px;
		font-weight: 700;
		cursor: pointer;
	}

	.member-h5-secondary {
		border: 1px solid var(--member-h5-border);
		background: #071426;
		color: #c2ccda;
	}

	.member-h5-primary {
		border: 1px solid #e7a735;
		background: linear-gradient(180deg, #ffd36f, #d99627);
		box-shadow: 0 7px 18px rgba(218, 151, 36, .22);
		color: #18130a;
	}

	.member-h5-primary:disabled,
	.member-h5-secondary:disabled {
		cursor: default;
		opacity: .55;
	}

	.member-h5-inline-status {
		display: none;
		margin: 10px 0 0;
		padding: 9px 12px;
		border: 1px solid var(--member-h5-border-soft);
		border-radius: 5px;
		background: #071426;
		color: var(--member-h5-muted);
		text-align: center;
	}

	.member-h5-inline-status.is-visible {
		display: block;
	}

	.member-h5-inline-status.is-error {
		border-color: rgba(255, 107, 130, .5);
		color: #ff9caf;
	}

	.member-h5-inline-status.is-ok {
		border-color: rgba(73, 201, 232, .45);
		color: var(--member-h5-cyan);
	}

	.member-h5-cash-tabs {
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin: 0 4px 12px;
		border: 1px solid #39516d;
		border-radius: 5px;
		overflow: hidden;
	}

	.member-h5-cash-tabs button {
		height: 44px;
		border: 0;
		background: #081528;
		color: #c2ccda;
		cursor: pointer;
	}

	.member-h5-cash-tabs button.is-active {
		background: linear-gradient(135deg, #d38c25, #9b611b);
		color: #fff;
		font-weight: 700;
	}

	.member-h5-cash-panel {
		display: none;
	}

	.member-h5-cash-panel.is-active {
		display: block;
	}

	.member-h5-cash-form {
		padding: 14px;
	}

	.member-h5-cash-field {
		display: block;
		margin-bottom: 12px;
	}

	.member-h5-cash-field > span {
		display: block;
		margin-bottom: 6px;
		color: #bdc8d7;
		font-size: 13px;
	}

	.member-h5-cash-input-wrap {
		display: flex;
		align-items: center;
		border: 1px solid #294866;
		border-radius: 5px;
		background: #061221;
		overflow: hidden;
	}

	.member-h5-cash-input-wrap input {
		min-width: 0;
		height: 44px;
		flex: 1;
		padding: 0 12px;
		border: 0;
		outline: 0;
		background: transparent;
		color: #fff;
	}

	.member-h5-cash-input-wrap button {
		height: 44px;
		padding: 0 12px;
		border: 0;
		background: transparent;
		color: var(--member-h5-gold);
		cursor: pointer;
	}

	.member-h5-cash-note {
		margin: 0 0 12px;
		color: var(--member-h5-muted);
		font-size: 12px;
	}

	.member-h5-record-title {
		display: flex;
		align-items: center;
		gap: 12px;
		margin: 18px 4px 10px;
		color: #cbd4df;
		font-size: 14px;
		font-weight: 400;
	}

	.member-h5-record-title::before,
	.member-h5-record-title::after {
		content: '';
		height: 1px;
		flex: 1;
		background: rgba(66, 102, 139, .38);
	}

	.member-h5-cash-record-tools {
		display: flex;
		justify-content: flex-end;
		margin: 0 0 10px;
	}

	.member-h5-cash-record-tools .member-h5-secondary {
		width: auto;
		height: 38px;
		padding: 0 16px;
	}

	.member-h5-cash-list {
		display: grid;
		gap: 10px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.member-h5-cash-record {
		position: relative;
		padding: 13px 74px 13px 14px;
		border: 1px solid var(--member-h5-border-soft);
		border-radius: 6px;
		background: var(--member-h5-surface);
	}

	.member-h5-cash-record strong,
	.member-h5-cash-record span {
		display: block;
	}

	.member-h5-cash-record strong {
		margin-bottom: 3px;
		font-size: 17px;
	}

	.member-h5-cash-record span {
		color: var(--member-h5-muted);
		font-size: 12px;
	}

	.member-h5-cash-record__status {
		position: absolute;
		right: 14px;
		top: 15px;
		color: var(--member-h5-gold) !important;
		font-size: 14px !important;
	}

	.member-h5-cash-record__status.is-done {
		color: var(--member-h5-cyan) !important;
	}

	.member-h5-cash-record__status.is-rejected {
		color: var(--member-h5-danger) !important;
	}

	@media (max-width: 370px) {
		.member-h5-page {
			padding-right: 8px;
			padding-left: 8px;
		}

		.member-h5-topbar {
			margin-right: -8px;
			margin-left: -8px;
		}

		.member-h5-content-card {
			grid-template-columns: 88px minmax(0, 1fr);
			gap: 10px;
			padding: 10px;
		}

		.member-h5-card-title {
			font-size: 16px;
		}
	}
}