.xsdm-mycenter-mobile {
	display: none;
}

/* Desktop-UA fallback for account pages whose real touch templates cannot be forced by mobile=2. */
.xsdm-responsive-account-surface {
	display: none;
}

.xsdm-pm-compose-mobile-appbar,
.xsdm-pm-compose-mobile-tabs,
.xsdm-pm-friend-sheet-mobile,
.xsdm-pm-friend-sheet-confirm,
.xsdm-pm-compose-counter,
.xsdm-pm-friend-avatar,
.xsdm-pm-friend-check-off,
.xsdm-pm-friend-check-on {
	display: none;
}

@media (max-width: 760px) {
	body.xsdm-account-local-fallback {
		min-width: 0;
		background: #f3f5f7 !important;
	}

	body.xsdm-account-local-fallback :is(.xsdm-site-header, #ft, #scrolltop, .xsdm-responsive-menu-mask, .xsdm-responsive-menu) {
		display: none !important;
	}

	body.xsdm-account-local-fallback #wp.xsdm-page {
		width: 100% !important;
		max-width: none !important;
		min-height: 100vh;
		margin: 0 !important;
		padding: 0 !important;
		background: #f3f5f7 !important;
	}

	body.xsdm-account-local-fallback .xsdm-account-desktop-diy,
	body.xsdm-account-local-fallback .xsdm-account-desktop-surface {
		display: none !important;
	}

	body.xsdm-account-local-fallback .xsdm-responsive-account-surface {
		display: block;
	}

	.xsdm-responsive-touch-footer {
		box-sizing: border-box;
		width: 100%;
		max-width: 480px;
		margin: 14px auto 0;
		padding: 16px 10px calc(14px + env(safe-area-inset-bottom, 0));
		border-top: 1px solid #e2e9f2;
		background: #fff;
		color: #7d8998;
		font-size: 12px;
		line-height: 22px;
		text-align: center;
	}

	.xsdm-responsive-touch-footer a,
	.xsdm-responsive-touch-footer span,
	.xsdm-responsive-touch-footer p {
		color: #7d8998 !important;
	}

	.xsdm-responsive-touch-footer span {
		margin: 0 4px;
	}

	.xsdm-responsive-touch-footer p {
		margin: 0;
	}

	.xsdm-responsive-pm-surface {
		box-sizing: border-box;
		width: 100%;
		min-height: 100vh;
		background: #f4f7fb;
		color: #172033;
		font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
		font-size: 14px;
		line-height: 1.5;
	}

	.xsdm-responsive-pm-surface,
	.xsdm-responsive-pm-surface *,
	.xsdm-responsive-pm-surface *::before,
	.xsdm-responsive-pm-surface *::after {
		box-sizing: border-box;
	}

	.xsdm-responsive-pm-surface a {
		color: #172033;
		text-decoration: none;
	}

	.xsdm-responsive-legacy-nav {
		position: relative;
		height: 48px;
		padding: 8px 48px;
		border-bottom: 1px solid #dce7f4;
		background: #fff;
		box-shadow: 0 2px 10px rgba(13, 54, 94, .05);
		font-size: 17px;
		line-height: 30px;
		text-align: center;
	}

	.xsdm-responsive-pm-title {
		display: block;
		height: 30px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.xsdm-responsive-pm-back,
	.xsdm-responsive-pm-edit {
		position: absolute;
		top: 8px;
		display: flex;
		width: 30px;
		height: 30px;
		align-items: center;
		justify-content: center;
	}

	.xsdm-responsive-pm-back {
		left: 12px;
	}

	.xsdm-responsive-pm-back img {
		display: block;
		width: 28px;
		height: 28px;
	}

	.xsdm-responsive-pm-edit {
		right: 12px;
	}

	.xsdm-responsive-pm-edit > a {
		display: block;
		width: 28px;
		height: 28px;
		background: url("../../../static/image/mobile/images/icon.png") no-repeat -84px 0;
		font-size: 0;
		overflow: hidden;
	}

	.xsdm-responsive-pm-edit .none {
		display: none;
	}

	.xsdm-responsive-pmbox {
		margin-top: 10px;
		border-top: 1px solid #e6ecf4;
		border-bottom: 1px solid #e6ecf4;
		background: #fff;
	}

	.xsdm-responsive-pmbox ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.xsdm-responsive-pmbox li {
		position: relative;
		height: 55px;
		border-bottom: 1px solid #edf1f6;
		color: #a5a5a5;
		font-size: 14px;
		overflow: hidden;
	}

	.xsdm-responsive-pmbox li:last-child {
		border-bottom: 0;
	}

	.xsdm-responsive-pmbox li > a {
		display: block;
		height: 55px;
		padding: 5px 10px 5px 55px;
	}

	.xsdm-responsive-pm-avatar img {
		position: absolute;
		top: 7px;
		left: 10px;
		display: block;
		width: 38px;
		height: 38px;
		padding: 2px;
		border: 1px solid #e9e9e9;
		background: #f2f2f2;
		object-fit: cover;
	}

	.xsdm-responsive-pm-name {
		color: #333;
	}

	.xsdm-responsive-pm-num {
		float: right;
		height: 21px;
		padding: 0 10px;
		border-radius: 10px;
		background: #0875cf;
		color: #fff;
		font-size: 14px;
		line-height: 21px;
	}

	.xsdm-responsive-pm-summary {
		color: #a5a5a5;
		font-size: 12px;
		line-height: 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.xsdm-responsive-pm-time {
		float: right;
		margin-left: 8px;
	}

	.xsdm-responsive-pm-group-summary {
		display: block;
		padding-left: 20px;
	}

	.xsdm-responsive-pm-conversation {
		padding: 10px;
	}

	.xsdm-responsive-pm-messages {
		min-height: 120px;
	}

	.xsdm-responsive-friend-message,
	.xsdm-responsive-self-message {
		display: flex;
		gap: 8px;
		padding: 5px 0;
	}

	.xsdm-responsive-self-message {
		flex-direction: row-reverse;
	}

	.xsdm-responsive-message-avatar {
		flex: 0 0 36px;
	}

	.xsdm-responsive-message-avatar img {
		display: block;
		width: 36px;
		height: 36px;
		padding: 1px;
		border: 1px solid #bababa;
		background: #f2f2f2;
		object-fit: cover;
	}

	.xsdm-responsive-message-dialog {
		max-width: calc(100% - 52px);
	}

	.xsdm-responsive-message-dialog > div {
		padding: 9px 12px;
		border: 1px solid #dce5ef;
		border-radius: 4px 10px 10px;
		background: #fff;
		color: #364152;
		line-height: 22px;
		word-break: break-word;
	}

	.xsdm-responsive-message-dialog.is-self > div {
		border-color: #cfe0f6;
		border-radius: 10px 4px 10px 10px;
		background: #eef5ff;
	}

	.xsdm-responsive-message-dialog time {
		display: block;
		padding: 3px 2px 0;
		color: #bebebd;
		font-size: 12px;
	}

	.xsdm-responsive-message-dialog.is-self time {
		text-align: right;
	}

	.xsdm-responsive-pm-reply {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 58px;
		gap: 8px;
		margin-top: 10px;
	}

	.xsdm-responsive-pm-reply input.px {
		width: 100%;
		height: 38px;
		padding: 7px 10px;
		border: 1px solid #d9d8d8;
		border-radius: 4px;
		background: #fff;
		font-size: 14px;
	}

	.xsdm-responsive-pm-reply button {
		height: 38px;
		border: 0;
		border-radius: 4px;
		background: #0875cf;
		color: #fff;
		font-size: 13px;
	}

	.xsdm-responsive-pm-messages .pg {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
		justify-content: center;
		margin: 14px 0;
	}

	.xsdm-responsive-pm-messages .pg a,
	.xsdm-responsive-pm-messages .pg strong {
		min-width: 32px;
		height: 32px;
		padding: 0 8px;
		border: 1px solid #dce5ef;
		border-radius: 4px;
		background: #fff;
		line-height: 30px;
		text-align: center;
	}

	.xsdm-responsive-pm-error {
		margin: 10px;
		padding: 18px 12px;
		border-radius: 5px;
		background: #fff;
		color: #7a8494;
		text-align: center;
	}

	/* Modern private-message center shared by mobile=2 and desktop-UA narrow fallback. */
	.xsdm-account-mobile.xsdm-pm-modern-center {
		min-height: 100vh;
		background: #fff;
		color: #172033;
	}

	body.xsdm-theme .xsdm-responsive-pm-surface.xsdm-pm-modern-center {
		max-width: none;
	}

	.xsdm-pm-modern-center .xsdm-pm-modern-appbar {
		position: sticky;
		z-index: 30;
		top: 0;
		border-bottom: 0;
		background: rgba(255, 255, 255, .98);
		box-shadow: none;
	}

	.xsdm-pm-modern-center .xsdm-pm-modern-appbar h1 {
		color: #111820;
		font-size: 18px;
		font-weight: 600;
	}

	.xsdm-pm-modern-center .xsdm-pm-modern-appbar > a {
		color: #0a5dcc;
		font-size: 22px;
	}

	.xsdm-pm-modern-tabs {
		display: flex;
		align-items: stretch;
		height: 52px;
		padding: 0 10px;
		border-bottom: 1px solid #e3e8ee;
		background: #fff;
	}

	.xsdm-pm-modern-tabs > a {
		position: relative;
		display: flex;
		flex: 1 1 0;
		align-items: center;
		justify-content: center;
		min-width: 0;
		padding: 0 6px;
		color: #475467;
		font-size: 15px;
		font-weight: 400;
		white-space: nowrap;
	}

	.xsdm-pm-modern-tabs > a:hover,
	.xsdm-pm-modern-tabs > a:active,
	.xsdm-pm-modern-tabs > a:focus {
		background: #fff !important;
	}

	.xsdm-pm-modern-tabs > a.is-active {
		color: #075fd1;
		font-weight: 500;
	}

	.xsdm-pm-modern-tabs > a.is-active::after {
		position: absolute;
		left: 19%;
		right: 19%;
		bottom: -1px;
		height: 3px;
		border-radius: 2px 2px 0 0;
		background: #0869df;
		content: "";
	}

	.xsdm-pm-modern-list.xsdm-responsive-pmbox {
		margin: 0 20px;
		border: 0;
		background: #fff;
	}

	.xsdm-pm-modern-list.xsdm-responsive-pmbox > ul {
		margin: 0;
		padding: 0;
	}

	.xsdm-pm-modern-list.xsdm-responsive-pmbox li {
		position: relative;
		height: auto;
		min-height: 96px;
		border-bottom: 1px solid #e8ecf1;
		color: #172033;
		overflow: visible;
	}

	.xsdm-pm-modern-list.xsdm-responsive-pmbox li:last-child {
		border-bottom: 0;
	}

	.xsdm-pm-modern-list.xsdm-responsive-pmbox li > a {
		display: block;
		height: auto;
		min-height: 96px;
		padding: 18px 0 16px 66px;
	}

	.xsdm-pm-modern-list .xsdm-responsive-pm-avatar {
		position: absolute;
		top: 19px;
		left: 0;
		width: 48px;
		height: 48px;
	}

	.xsdm-pm-modern-list .xsdm-responsive-pm-avatar img {
		position: static;
		display: block;
		width: 48px;
		height: 48px;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: #eef2f6;
		object-fit: cover;
	}

	.xsdm-pm-modern-list .xsdm-responsive-pm-avatar.is-system img,
	.xsdm-pm-modern-announcement .xsdm-responsive-pm-avatar.is-system img {
		padding: 10px;
		background: #edf5ff;
		object-fit: contain;
	}

	.xsdm-pm-modern-list .xsdm-responsive-pm-avatar em {
		position: absolute;
		top: -5px;
		right: -7px;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 21px;
		height: 21px;
		padding: 0 5px;
		border: 2px solid #fff;
		border-radius: 11px;
		background: #0869df;
		color: #fff;
		font-size: 11px;
		font-style: normal;
		font-weight: 600;
		line-height: 17px;
	}

	.xsdm-pm-modern-row-head {
		display: flex;
		align-items: center;
		gap: 10px;
		min-width: 0;
		line-height: 24px;
	}

	.xsdm-pm-modern-list .xsdm-responsive-pm-name {
		min-width: 0;
		flex: 1 1 auto;
		color: #121923;
		font-size: 16px;
		font-weight: 500;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.xsdm-pm-modern-list li.is-unread .xsdm-responsive-pm-name {
		font-weight: 600;
	}

	.xsdm-pm-modern-list .xsdm-responsive-pm-time {
		float: none;
		flex: 0 0 auto;
		margin: 0;
		color: #8895a7;
		font-size: 13px;
		font-weight: 400;
		white-space: nowrap;
	}

	.xsdm-pm-modern-list .xsdm-responsive-pm-summary {
		display: block;
		max-width: 100%;
		margin: 3px 0 0;
		color: #7d8a9d;
		font-size: 14px;
		line-height: 22px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.xsdm-pm-modern-list .xsdm-account-empty {
		min-height: 300px;
		border-top: 1px solid #eef1f4;
	}

	.xsdm-pm-modern-center .xsdm-pm-modern-settings {
		min-height: 100vh;
		margin: 0;
		background: #f3f6fa;
	}

	.xsdm-pm-modern-settings,
	.xsdm-pm-modern-settings *,
	.xsdm-pm-modern-settings *::before,
	.xsdm-pm-modern-settings *::after {
		box-sizing: border-box;
	}

	.xsdm-pm-modern-settings .xsdm-pm-modern-appbar,
	.xsdm-pm-modern-settings .xsdm-pm-modern-tabs {
		background: #fff;
	}

	.xsdm-pm-modern-settings-body {
		min-height: calc(100vh - 102px);
		padding: 0 0 34px;
		background: #f3f6fa;
	}

	.xsdm-pm-modern-setting-card {
		width: 100%;
		border: 0;
		border-radius: 0;
		background: #fff;
		box-shadow: none;
	}

	.xsdm-pm-modern-switch-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 64px;
		padding: 0 18px;
	}

	.xsdm-pm-modern-switch-row > strong {
		min-width: 0;
		padding-right: 16px;
		color: #111827;
		font-size: 15px;
		font-weight: 500;
		line-height: 24px;
	}

	.xsdm-pm-switch {
		position: relative;
		display: block;
		width: 54px;
		height: 32px;
		flex: 0 0 54px;
		cursor: pointer;
	}

	.xsdm-pm-switch > input {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: 0;
		opacity: 0;
		overflow: hidden;
	}

	.xsdm-pm-switch > span {
		position: absolute;
		inset: 0;
		border-radius: 16px;
		background: #c8d0da;
		box-shadow: inset 0 0 0 1px rgba(19, 33, 51, .06);
		transition: background-color .18s ease;
	}

	.xsdm-pm-switch > span::after {
		position: absolute;
		top: 3px;
		left: 3px;
		width: 26px;
		height: 26px;
		border-radius: 50%;
		background: #fff;
		box-shadow: 0 2px 5px rgba(15, 31, 50, .2);
		content: "";
		transition: transform .18s ease;
	}

	.xsdm-pm-switch > input:checked + span {
		background: #075fd1;
	}

	.xsdm-pm-switch > input:checked + span::after {
		transform: translateX(22px);
	}

	.xsdm-pm-switch > input:focus-visible + span {
		outline: 3px solid rgba(7, 95, 209, .22);
		outline-offset: 2px;
	}

	.xsdm-pm-modern-ignore-card {
		margin-top: 16px;
		padding: 19px 18px 18px;
	}

	.xsdm-pm-modern-ignore-card > label {
		display: block;
		margin-bottom: 14px;
		color: #111827;
		font-size: 17px;
		font-weight: 600;
		line-height: 24px;
	}

	.xsdm-pm-modern-ignore-field {
		position: relative;
	}

	.xsdm-pm-modern-ignore-field textarea {
		display: block;
		width: 100%;
		min-height: 180px;
		margin: 0;
		padding: 14px 14px 34px;
		border: 0;
		border-radius: 8px;
		background: #f5f8fc;
		color: #263244;
		font-family: inherit;
		font-size: 14px;
		line-height: 22px;
		outline: 0;
		resize: none;
	}

	.xsdm-pm-modern-ignore-field textarea::placeholder {
		color: #a5adb8;
	}

	.xsdm-pm-modern-ignore-field textarea:focus {
		border-color: #075fd1;
		box-shadow: 0 0 0 3px rgba(7, 95, 209, .1);
	}

	.xsdm-pm-modern-ignore-field > span {
		position: absolute;
		right: 12px;
		bottom: 10px;
		color: #8b94a1;
		font-size: 12px;
		line-height: 18px;
	}

	.xsdm-pm-modern-ignore-field > span b {
		font-weight: 400;
	}

	.xsdm-pm-modern-ignore-card > p {
		margin: 14px 0 0;
		color: #667085;
		font-size: 13px;
		line-height: 1.8;
	}

	.xsdm-pm-modern-settings-submit {
		display: block;
		width: calc(100% - 36px);
		height: 50px;
		margin: 18px 18px 0;
		padding: 0 16px;
		border: 0;
		border-radius: 7px;
		background: #075fd1;
		color: #fff;
		font-family: inherit;
		font-size: 18px;
		font-weight: 600;
		line-height: 50px;
		text-align: center;
		cursor: pointer;
		appearance: none;
	}

	.xsdm-pm-modern-settings-submit:active {
		background: #064fae;
	}

	/* Full-page private-message composer shared by mobile=2 and desktop-UA narrow fallback. */
	body.xsdm-pm-compose-page {
		min-width: 0;
		background: #fff !important;
	}

	body.xsdm-pm-compose-page #wp.xsdm-page {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #fff !important;
	}

	body.xsdm-pm-compose-page #ct.xsdm-pm-page {
		display: block;
		box-sizing: border-box;
		width: 100% !important;
		max-width: 480px;
		min-height: 100vh;
		margin: 0 auto !important;
		padding: 0 !important;
		background: #fff;
		color: #172033;
		font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
	}

	body.xsdm-pm-compose-page.xsdm-account-local-fallback #ct.xsdm-pm-page {
		max-width: none;
	}

	body.xsdm-pm-compose-page #ct.xsdm-pm-page,
	body.xsdm-pm-compose-page #ct.xsdm-pm-page *,
	body.xsdm-pm-compose-page #ct.xsdm-pm-page *::before,
	body.xsdm-pm-compose-page #ct.xsdm-pm-page *::after {
		box-sizing: border-box;
	}

	body.xsdm-pm-compose-page #ct.xsdm-pm-page > .rtj1009_sz_mn,
	body.xsdm-pm-compose-page #ct.xsdm-pm-page .xsdm-pm-card {
		float: none !important;
		width: 100% !important;
		min-height: 100vh;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: #fff !important;
		box-shadow: none !important;
		overflow: visible !important;
	}

	body.xsdm-pm-compose-page .xsdm-pm-heading,
	body.xsdm-pm-compose-page .xsdm-pm-toolbar,
	body.xsdm-pm-compose-page #ct.xsdm-pm-page > .xsdm-pm-sidebar {
		display: none !important;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-mobile-appbar {
		position: sticky;
		z-index: 40;
		top: 0;
		display: grid;
		grid-template-columns: 50px minmax(0, 1fr) 50px;
		align-items: center;
		height: calc(50px + env(safe-area-inset-top));
		padding-top: env(safe-area-inset-top);
		background: rgba(255, 255, 255, .98);
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-mobile-appbar > a,
	body.xsdm-pm-compose-page .xsdm-pm-compose-mobile-appbar > span {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 50px;
		color: #172033;
		font-size: 22px;
		text-decoration: none;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-mobile-appbar h1 {
		min-width: 0;
		margin: 0;
		color: #111820;
		font-size: 18px;
		font-weight: 600;
		line-height: 24px;
		text-align: center;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-mobile-tabs {
		display: flex;
		align-items: stretch;
		height: 42px;
		margin: 10px 20px 0;
		padding: 2px;
		border-radius: 22px;
		background: #f2f4f7;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-mobile-tabs > a {
		position: relative;
		display: flex;
		flex: 1 1 0;
		align-items: center;
		justify-content: center;
		min-width: 0;
		border-radius: 20px;
		color: #344054;
		font-size: 14px;
		font-weight: 400;
		line-height: 38px;
		text-decoration: none;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-mobile-tabs > a.is-active {
		background: #fff;
		box-shadow: 0 1px 4px rgba(25, 47, 76, .08);
		color: #075fd1;
		font-weight: 500;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-mobile-tabs > a.is-active::after {
		position: absolute;
		left: 30%;
		right: 30%;
		bottom: -2px;
		height: 2px;
		border-radius: 2px;
		background: #075fd1;
		content: "";
	}

	body.xsdm-pm-compose-page .xsdm-pm-card > .ren_sz_z {
		width: 100% !important;
		padding: 18px 20px 28px !important;
		background: #fff;
		overflow: visible !important;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-form,
	body.xsdm-pm-compose-page .xsdm-pm-compose-fields {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-table,
	body.xsdm-pm-compose-page .xsdm-pm-compose-table > tbody {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-table > tbody > tr {
		box-sizing: border-box;
		width: 100% !important;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-label-punctuation {
		display: none;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-recipient-row,
	body.xsdm-pm-compose-page .xsdm-pm-compose-subject-row {
		display: grid !important;
		grid-template-columns: 62px minmax(0, 1fr);
		align-items: start;
		margin: 6px 0 0;
		border-bottom: 1px solid #e2e7ee;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-subject-row {
		margin-bottom: 12px;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-recipient-row > th,
	body.xsdm-pm-compose-page .xsdm-pm-compose-subject-row > th {
		display: block !important;
		width: auto !important;
		padding: 0 !important;
		color: #172033 !important;
		font-size: 15px;
		font-weight: 500;
		line-height: 44px !important;
		text-align: left;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-recipient-row > td,
	body.xsdm-pm-compose-page .xsdm-pm-compose-subject-row > td {
		display: block !important;
		width: auto !important;
		padding: 0 !important;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-recipient-control {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: start !important;
		gap: 8px !important;
		width: 100%;
	}

	body.xsdm-pm-compose-page .pmform .xsdm-pm-compose-recipient-input,
	body.xsdm-pm-compose-page .xsdm-pm-compose-subject-row .un_selector {
		display: flex;
		float: none !important;
		align-items: center;
		width: 100% !important;
		min-height: 44px;
		padding: 4px 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		overflow: hidden;
	}

	body.xsdm-pm-compose-page .pmform .un_selector input,
	body.xsdm-pm-compose-page .pmform .un_selector input:hover,
	body.xsdm-pm-compose-page .pmform .un_selector input:focus {
		min-width: 80px;
		height: 36px !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: #263244;
		font-size: 14px;
		line-height: 36px !important;
		outline: 0 !important;
	}

	body.xsdm-pm-compose-page .pmform .un_selector input::placeholder {
		color: #a2acb9;
	}

	body.xsdm-pm-compose-page .pmform #showSelectBox {
		display: flex;
		float: none !important;
		align-items: center;
		justify-content: center;
		height: 44px;
		padding: 0 0 0 8px;
		margin: 0 !important;
		color: #075fd1 !important;
		font-size: 14px;
		font-weight: 500;
		line-height: 44px;
		white-space: nowrap;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-recipient-row > td > .d {
		margin: 8px 0 0;
		color: #8b96a7;
		font-size: 12px;
		line-height: 20px;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-content-row {
		display: block !important;
		margin-top: 18px;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-content-row > th,
	body.xsdm-pm-compose-page .xsdm-pm-compose-content-row > td {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-content-row > th {
		margin-bottom: 10px;
		color: #172033 !important;
		font-size: 15px;
		font-weight: 500;
		line-height: 24px !important;
		text-align: left;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-content-row .tedt {
		width: 100% !important;
		margin: 0 !important;
		border: 0 !important;
		border-radius: 6px !important;
		background: #f6f8fb !important;
		box-shadow: none !important;
		overflow: hidden;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-content-row .tedt .bar {
		display: flex;
		align-items: center;
		min-height: 48px;
		padding: 7px 10px !important;
		border: 0 !important;
		border-bottom: 1px solid #e2e7ee !important;
		background: #f6f8fb !important;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-content-row .tedt .bar .fpd {
		display: flex;
		align-items: center;
		gap: 11px;
		height: auto;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-content-row .tedt .bar .fpd > a {
		float: none;
		margin: 0;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-content-row .tedt .area {
		position: relative;
		padding: 0;
		background: #f6f8fb !important;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-content-row .tedt .area textarea.pt {
		display: block;
		width: 100% !important;
		min-height: 280px;
		min-height: clamp(280px, calc(100vh - 405px), 430px);
		padding: 14px 14px 36px !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: #f6f8fb !important;
		box-shadow: none !important;
		color: #263244;
		font-size: 14px;
		line-height: 22px;
		outline: 0 !important;
		resize: none;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-content-row .tedt .area textarea.pt::placeholder {
		color: #a2acb9;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-counter {
		position: absolute;
		right: 12px;
		bottom: 9px;
		display: block;
		color: #8b96a7;
		font-size: 12px;
		font-weight: 400;
		line-height: 18px;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-counter b {
		font-weight: 400;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-submit-row {
		display: block !important;
		margin-top: 22px;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-submit-row > th {
		display: none !important;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-submit-row > td {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-submit-row .pn.pnc {
		display: block;
		width: 100%;
		height: 52px;
		padding: 0 16px;
		border: 0 !important;
		border-radius: 7px;
		background: #075fd1 !important;
		box-shadow: none !important;
		color: #fff !important;
		font-size: 18px;
		font-weight: 500;
		line-height: 52px;
		text-align: center;
	}

	body.xsdm-pm-compose-page .xsdm-pm-compose-submit-row .pn.pnc strong {
		color: inherit;
		font-size: inherit;
		font-weight: inherit;
	}

	body.xsdm-pm-compose-page .xsdm-pm-friend-sheet-confirm,
	body.xsdm-pm-compose-page .xsdm-pm-friend-sheet-mobile {
		display: block;
	}

	body.xsdm-pm-friend-sheet-open {
		overflow: hidden;
	}

	body.xsdm-pm-friend-sheet-open::before {
		position: fixed;
		z-index: 1190;
		inset: 0;
		background: rgba(25, 35, 49, .42);
		content: "";
	}

	body.xsdm-pm-compose-page #showSelectBox_menu {
		box-sizing: border-box;
		width: min(100%, 480px) !important;
		max-width: 480px !important;
		height: min(72vh, 620px);
		max-height: calc(100vh - 64px);
		padding: 0 16px calc(14px + env(safe-area-inset-bottom)) !important;
		border: 0 !important;
		border-radius: 20px 20px 0 0;
		background: #fff !important;
		box-shadow: 0 -10px 34px rgba(18, 31, 49, .14) !important;
		overflow: hidden !important;
	}

	body.xsdm-pm-friend-sheet-open #showSelectBox_menu {
		position: fixed !important;
		z-index: 1200 !important;
		top: auto !important;
		right: auto !important;
		bottom: 0 !important;
		left: 50% !important;
		display: flex !important;
		flex-direction: column;
		transform: translateX(-50%);
	}

	body.xsdm-pm-compose-page .xsdm-pm-friend-sheet-mobile > header {
		padding: 20px 0 14px;
		color: #111820;
		font-size: 18px;
		font-weight: 600;
		line-height: 26px;
		text-align: center;
	}

	body.xsdm-pm-compose-page .xsdm-pm-friend-search {
		display: grid;
		grid-template-columns: 36px minmax(0, 1fr);
		align-items: center;
		height: 44px;
		border: 1px solid #d7dee8;
		border-radius: 22px;
		background: #fff;
		color: #8b96a7;
	}

	body.xsdm-pm-compose-page .xsdm-pm-friend-search > i {
		padding-left: 13px;
		font-size: 17px;
	}

	body.xsdm-pm-compose-page .xsdm-pm-friend-search > input {
		width: 100%;
		height: 42px;
		padding: 0 12px 0 0;
		border: 0;
		background: transparent;
		color: #263244;
		font-family: inherit;
		font-size: 14px;
		line-height: 42px;
		outline: 0;
		appearance: none;
	}

	body.xsdm-pm-compose-page .xsdm-pm-friend-search > input::placeholder {
		color: #a2acb9;
	}

	body.xsdm-pm-compose-page .xsdm-pm-friend-groups {
		display: flex;
		gap: 8px;
		margin: 12px 0 8px;
		padding-bottom: 2px;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
	}

	body.xsdm-pm-compose-page .xsdm-pm-friend-groups::-webkit-scrollbar {
		display: none;
	}

	body.xsdm-pm-compose-page .xsdm-pm-friend-group {
		flex: 0 0 auto;
		height: 32px;
		padding: 0 13px;
		border: 0;
		border-radius: 16px;
		background: #f2f4f7;
		color: #344054;
		font-family: inherit;
		font-size: 13px;
		line-height: 32px;
		white-space: nowrap;
	}

	body.xsdm-pm-compose-page .xsdm-pm-friend-group.is-active {
		background: #edf5ff;
		color: #075fd1;
		font-weight: 500;
	}

	body.xsdm-pm-compose-page #showSelectBox_menu > .pbm {
		display: none;
	}

	body.xsdm-pm-compose-page #showSelectBox_menu #selBox {
		min-height: 0;
		flex: 1 1 auto;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: #fff !important;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	body.xsdm-pm-compose-page #selectorBox {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	body.xsdm-pm-compose-page #selectorBox > li {
		float: none;
		width: 100%;
		min-height: 54px;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #edf0f3;
	}

	body.xsdm-pm-compose-page #selectorBox > li > label {
		position: relative;
		display: flex;
		align-items: center;
		gap: 10px;
		min-height: 54px;
		padding: 7px 38px 7px 0;
		color: #172033;
		cursor: pointer;
	}

	body.xsdm-pm-compose-page #selectorBox .pc {
		position: absolute;
		width: 1px;
		height: 1px;
		opacity: 0;
		overflow: hidden;
	}

	body.xsdm-pm-compose-page #selectorBox .xsdm-pm-friend-avatar {
		display: block;
		width: 36px;
		height: 36px;
		flex: 0 0 36px;
		border-radius: 50%;
		background: #edf1f5;
		object-fit: cover;
	}

	body.xsdm-pm-compose-page #selectorBox .xi2 {
		min-width: 0;
		flex: 1 1 auto;
		color: #172033 !important;
		font-size: 14px;
		font-weight: 500;
		line-height: 22px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	body.xsdm-pm-compose-page #selectorBox .xsdm-pm-friend-check-off,
	body.xsdm-pm-compose-page #selectorBox .xsdm-pm-friend-check-on {
		position: absolute;
		right: 1px;
		top: 50%;
		color: #aab6c6;
		font-size: 21px;
		line-height: 1;
		transform: translateY(-50%);
	}

	body.xsdm-pm-compose-page #selectorBox .xsdm-pm-friend-check-off {
		display: block;
	}

	body.xsdm-pm-compose-page #selectorBox .xsdm-pm-friend-check-on {
		display: none;
		color: #075fd1;
	}

	body.xsdm-pm-compose-page #selectorBox .pc:checked ~ .xsdm-pm-friend-check-off {
		display: none;
	}

	body.xsdm-pm-compose-page #selectorBox .pc:checked ~ .xsdm-pm-friend-check-on {
		display: block;
	}

	body.xsdm-pm-compose-page .xsdm-pm-friend-sheet-actions {
		display: block;
		flex: 0 0 auto;
		padding-top: 12px;
	}

	body.xsdm-pm-compose-page .xsdm-pm-friend-desktop-close {
		display: none !important;
	}

	body.xsdm-pm-compose-page .xsdm-pm-friend-sheet-confirm {
		width: 100%;
		height: 52px;
		padding: 0 16px;
		border: 0;
		border-radius: 7px;
		background: #075fd1;
		color: #fff;
		font-family: inherit;
		font-size: 18px;
		font-weight: 500;
		line-height: 52px;
		text-align: center;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-compose-form {
		display: block;
		width: 100%;
		margin: 0;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-field {
		display: grid;
		grid-template-columns: 62px minmax(0, 1fr);
		align-items: start;
		border-bottom: 1px solid #e2e7ee;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-field > label {
		color: #172033;
		font-size: 15px;
		font-weight: 500;
		line-height: 44px;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-subject-field > input {
		box-sizing: border-box;
		width: 100%;
		height: 44px;
		padding: 0;
		border: 0;
		background: transparent;
		color: #263244;
		font-family: inherit;
		font-size: 14px;
		line-height: 44px;
		outline: 0;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-recipient-control {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: start;
		gap: 8px;
		min-width: 0;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-recipient-field {
		border-bottom: 0;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-recipient-field > label,
	body.xsdm-pm-compose-page .xsdm-pm-touch-recipient-control {
		border-bottom: 1px solid #e2e7ee;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-recipient-box {
		display: flex;
		align-items: center;
		min-width: 0;
		min-height: 44px;
		flex-wrap: wrap;
		gap: 5px;
		padding: 4px 0;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-recipient-box > input {
		min-width: 88px;
		height: 34px;
		flex: 1 1 88px;
		padding: 0;
		border: 0;
		background: transparent;
		color: #263244;
		font-family: inherit;
		font-size: 14px;
		outline: 0;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-recipient-control > button {
		height: 44px;
		padding: 0 0 0 8px;
		border: 0;
		background: transparent;
		color: #075fd1;
		font-family: inherit;
		font-size: 14px;
		font-weight: 500;
		white-space: nowrap;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-recipient-field > p {
		grid-column: 1 / -1;
		display: flex;
		align-items: center;
		gap: 7px;
		margin: 8px 0 0;
		padding: 9px 12px;
		border: 0;
		background: #f5f5f5;
		color: #888;
		font-size: 12px;
		line-height: 20px;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-recipient-tip > i {
		flex: 0 0 auto;
		color: #ffc400;
		font-size: 16px;
		line-height: 1;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-recipient-tip > span {
		min-width: 0;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-recipient-chip {
		display: inline-flex;
		align-items: center;
		max-width: 100%;
		height: 28px;
		gap: 2px;
		padding: 0 4px 0 9px;
		border-radius: 14px;
		background: #edf5ff;
		color: #075fd1;
		font-size: 12px;
		line-height: 28px;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-recipient-chip > em {
		max-width: 110px;
		font-style: normal;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-recipient-chip > button {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 22px;
		height: 22px;
		padding: 0;
		border: 0;
		background: transparent;
		color: inherit;
		font-size: 16px;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-content-label {
		display: block;
		margin-bottom: 10px;
		color: #172033;
		font-size: 15px;
		font-weight: 500;
		line-height: 24px;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-editor-tools > button {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
		padding: 0;
		border: 0;
		background: transparent;
		color: #172033;
		font-family: inherit;
		font-size: 19px;
		line-height: 32px;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-editor-tools > button[data-action="bold"] {
		font-family: Georgia, "Times New Roman", serif;
		font-size: 20px;
	}

	body.xsdm-pm-compose-page .xsdm-pm-touch-submit {
		display: block;
		width: 100%;
		height: 52px;
		margin: 22px 0 0;
		padding: 0 16px;
		border: 0;
		border-radius: 7px;
		background: #075fd1;
		color: #fff;
		font-family: inherit;
		font-size: 18px;
		font-weight: 500;
		line-height: 52px;
		text-align: center;
	}

	body.xsdm-pm-compose-page #selectorBox .xsdm-pm-touch-friend-group-label {
		flex: 0 0 auto;
		margin-right: 28px;
		color: #7f8b9c;
		font-size: 12px;
		font-weight: 400;
		white-space: nowrap;
	}

	body.xsdm-pm-compose-page #selectorBox > .xsdm-pm-touch-friend-status {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 160px;
		border: 0;
		color: #8b96a7;
		font-size: 13px;
		text-align: center;
	}

	.xsdm-pm-modern-announcement {
		padding: 16px 20px 30px;
	}

	.xsdm-pm-modern-announcement > article {
		padding: 18px;
		border: 1px solid #e5eaf0;
		border-radius: 12px;
		background: #fff;
		box-shadow: 0 5px 18px rgba(23, 42, 67, .05);
	}

	.xsdm-pm-modern-announcement-head {
		display: flex;
		align-items: center;
		gap: 12px;
		padding-bottom: 14px;
		border-bottom: 1px solid #edf0f3;
	}

	.xsdm-pm-modern-announcement-head .xsdm-responsive-pm-avatar {
		position: static;
		display: block;
		flex: 0 0 44px;
		width: 44px;
		height: 44px;
	}

	.xsdm-pm-modern-announcement-head .xsdm-responsive-pm-avatar img {
		display: block;
		width: 44px;
		height: 44px;
		border-radius: 50%;
	}

	.xsdm-pm-modern-announcement-head > div {
		display: flex;
		min-width: 0;
		flex: 1 1 auto;
		flex-direction: column;
		gap: 3px;
	}

	.xsdm-pm-modern-announcement-head strong {
		color: #172033;
		font-size: 16px;
		font-weight: 600;
	}

	.xsdm-pm-modern-announcement-head time {
		color: #8b97a7;
		font-size: 12px;
	}

	.xsdm-pm-modern-announcement-body {
		padding-top: 16px;
		color: #4d596a;
		font-size: 14px;
		line-height: 1.8;
		word-break: break-word;
	}

	.xsdm-pm-modern-announcement-body img {
		max-width: 100%;
		height: auto;
	}

	.xsdm-responsive-favorite-surface {
		box-sizing: border-box;
		width: 100%;
		min-height: 100vh;
		background: #f4f7fb;
		color: #172033;
		font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
		font-size: 14px;
		line-height: 1.5;
	}

	.xsdm-responsive-favorite-surface,
	.xsdm-responsive-favorite-surface *,
	.xsdm-responsive-favorite-surface *::before,
	.xsdm-responsive-favorite-surface *::after {
		box-sizing: border-box;
	}

	.xsdm-responsive-favorite-surface a {
		color: #172033;
		text-decoration: none;
	}

	.xsdm-responsive-favorite-category {
		position: relative;
		display: inline-block;
		height: 30px;
	}

	.xsdm-responsive-favorite-category-toggle {
		display: inline-flex;
		height: 30px;
		padding: 0 8px;
		border: 0;
		background: transparent;
		color: #172033;
		align-items: center;
		gap: 8px;
		font-size: 17px;
		line-height: 30px;
	}

	.xsdm-responsive-favorite-category-toggle strong {
		display: block;
		max-width: 180px;
		font-size: 17px;
		font-weight: 400;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.xsdm-responsive-favorite-category-toggle img {
		display: block;
		width: 12px;
		height: auto;
		transition: transform .16s ease;
	}

	.xsdm-responsive-favorite-category.is-open .xsdm-responsive-favorite-category-toggle img {
		transform: rotate(180deg);
	}

	.xsdm-responsive-favorite-category-menu {
		position: absolute;
		z-index: 30;
		top: 36px;
		left: 50%;
		display: none;
		width: 140px;
		padding: 4px;
		border: 1px solid #dce3ec;
		border-radius: 5px;
		background: #fff;
		box-shadow: 0 8px 24px rgba(20, 47, 82, .16);
		transform: translateX(-50%);
	}

	.xsdm-responsive-favorite-category.is-open .xsdm-responsive-favorite-category-menu {
		display: block;
	}

	.xsdm-responsive-favorite-category-menu a {
		display: block;
		padding: 8px 10px;
		border-radius: 4px;
		font-size: 14px;
		line-height: 24px;
		text-align: left;
	}

	.xsdm-responsive-favorite-category-menu a:hover,
	.xsdm-responsive-favorite-category-menu a:active,
	.xsdm-responsive-favorite-category-menu a:focus {
		background: #eef5ff;
		color: #0751af;
	}

	.xsdm-responsive-favorite-list {
		margin-top: 10px;
		border-top: 1px solid #e6ecf4;
		border-bottom: 1px solid #e6ecf4;
		background: #fff;
	}

	.xsdm-responsive-favorite-list.is-forum {
		margin: 10px;
		border: 1px solid #e2e9f2;
		border-radius: 8px;
		overflow: hidden;
	}

	.xsdm-responsive-favorite-list ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.xsdm-responsive-favorite-list li {
		min-height: 45px;
		border-bottom: 1px solid #edf1f6;
		font-size: 16px;
		line-height: 25px;
	}

	.xsdm-responsive-favorite-list li:last-child {
		border-bottom: 0;
	}

	.xsdm-responsive-favorite-list li > a {
		display: block;
		padding: 10px 12px;
		font-size: 16px;
		line-height: 25px;
		word-break: break-word;
	}

	.xsdm-responsive-favorite-list li.is-empty {
		padding: 18px 12px;
		color: #8a95a3;
		font-size: 14px;
		text-align: center;
	}
}

/* Password security keeps the live Discuz form while matching the touch tabs on narrow screens. */
.xsdm-responsive-password-tabs {
	display: none !important;
}

@media (max-width: 760px) {
	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile .xsdm-responsive-password-tabs {
		display: flex !important;
		box-sizing: border-box;
		width: calc(100% + 24px);
		margin: 0 -12px 10px;
		overflow-x: auto;
		overflow-y: hidden;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-submit > th {
		display: none !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-submit {
		padding-top: 16px !important;
		border-bottom: 0 !important;
	}
}

/* Binding phone: touch mode is fixed; the common template toggles this surface at 760px. */
.xsdm-account-appbar.xsdm-responsive-binding-appbar,
.xsdm-mobile-binding-change {
	display: none;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active,
body.xsdm-mobile-binding-page.xsdm-mobile-binding-active * {
	box-sizing: border-box;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active {
	min-width: 0;
	background: #f4f6f8 !important;
	color: #17233a;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active :is(.xsdm-site-header, #ft, #scrolltop, .xsdm-touch-footer) {
	display: none !important;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active #wp.xsdm-page {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #f4f6f8 !important;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-responsive-binding-appbar {
	display: grid !important;
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
}

body.xsdm-theme.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-responsive-binding-appbar {
	max-width: none;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-responsive-binding-appbar h1 {
	font-size: 18px;
	font-weight: 600;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-mobile-binding-notice {
	display: flex !important;
	align-items: center;
	gap: 8px;
	width: 100%;
	max-width: 480px;
	min-height: 58px;
	margin: 0 auto;
	padding: 11px 16px;
	background: #f3f7fd;
	color: #0751af;
	font-size: 13px;
	line-height: 20px;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-mobile-binding-notice > i {
	flex: 0 0 auto;
	font-size: 18px;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-page-plugin.xsdm-spacecp-plugin-icnkr_sms-regmobile {
	display: block !important;
	width: 100% !important;
	max-width: 480px;
	min-height: calc(100vh - 108px);
	min-height: calc(100dvh - 108px);
	margin: 0 auto !important;
	background: #f4f6f8 !important;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile > .rtj1009_zcd,
body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile .xsdm-spacecp-heading {
	display: none !important;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile > .rtj1009_sz_mn {
	float: none !important;
	width: 100% !important;
	min-width: 0;
	margin: 0 !important;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile .xsdm-spacecp-card {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile .ren_sz_z {
	width: 100%;
	padding: 0 !important;
	background: transparent !important;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile .ren_sz_z > .bm.bw0 {
	width: 100%;
	margin: 0 !important;
	padding: 0 12px 40px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile .ren_sz_z > .bm.bw0 > h1,
body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile .ren_sz_z > .bm.bw0 > form > br {
	display: none !important;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile .tbms {
	display: none !important;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile form,
body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile #profilelist,
body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile #profilelist > tbody {
	display: block;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: #fff !important;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile #profilelist > tbody > tr {
	display: grid;
	position: relative;
	grid-template-columns: 38% minmax(0, 62%);
	align-items: center;
	width: 100%;
	min-height: 64px;
	height: 64px !important;
	padding: 0 !important;
	border: 0 !important;
	background: #fff !important;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile #profilelist > tbody > tr::after {
	content: "";
	position: absolute;
	right: -2px;
	bottom: 0;
	left: -2px;
	height: 1px;
	background: #e2e7ed;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile #profilelist > tbody > tr > :is(th, td) {
	display: flex;
	align-items: center;
	width: 100% !important;
	height: 64px !important;
	min-height: 0;
	margin: 0;
	padding: 0 !important;
	border: 0 !important;
	background: #fff !important;
	color: #17233a;
	font-size: 16px;
	line-height: 24px;
	text-align: left !important;
	white-space: normal;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile #profilelist > tbody > tr > th {
	margin: 0;
	color: #17233a;
	font-size: 16px;
	font-weight: 500;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile #profilelist > tbody > tr > td:nth-child(3) {
	display: none !important;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile #td_mobile {
	display: flex !important;
	align-items: center;
	font-size: 0;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile #td_mobile > span {
	display: flex;
	align-items: center;
	font-size: 15px;
	line-height: 64px;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile #td_mobile .xi2 {
	display: none !important;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile #td_mobile input[type="text"] {
	display: block;
	width: 100% !important;
	height: 64px;
	margin: 0 !important;
	padding: 0;
	border: 0 !important;
	border-radius: 0;
	outline: 0;
	background: #fff !important;
	box-shadow: none !important;
	color: #17233a;
	font: inherit;
	font-size: 16px;
	line-height: 64px;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile #td_mobile input[type="text"]::placeholder {
	color: #aab6c5;
	opacity: 1;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile #td_mobile input[type="text"]:focus {
	box-shadow: none !important;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile #td_mobile input[type="submit"],
body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-mobile-binding-actions input[type="submit"],
body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-mobile-binding-change {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	height: 50px;
	margin: 0;
	padding: 0 14px;
	border: 0 !important;
	border-radius: 6px;
	background: #0756c8 !important;
	box-shadow: none !important;
	color: #fff !important;
	font: inherit;
	font-size: 17px;
	line-height: 50px;
	text-align: center;
	text-decoration: none !important;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-mobile-binding-actions {
	padding: 20px 0 40px;
	background: #fff;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-mobile-binding-change {
	width: calc(100% - 24px) !important;
	max-width: 456px;
	margin: 20px auto 40px;
}

body.xsdm-mobile-binding-page.xsdm-mobile-binding-active .xsdm-spacecp-plugin-icnkr_sms-regmobile #profilelist > tbody > tr:last-child:not(#tr_mobile) {
	display: none !important;
}

body.xsdm-touch .xsdm-mycenter-mobile {
	display: block;
}

.xsdm-mycenter-mobile,
.xsdm-mycenter-mobile *,
.xsdm-mycenter-mobile *::before,
.xsdm-mycenter-mobile *::after {
	box-sizing: border-box;
}

.xsdm-mycenter-mobile {
	width: 100%;
	max-width: 480px;
	min-height: 100vh;
	margin: 0 auto;
	padding: 0 0 10px;
	background: #f3f4f5;
	color: #172033;
	font-family: inherit;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
}

.xsdm-mycenter-mobile a,
.xsdm-mycenter-mobile button {
	-webkit-tap-highlight-color: transparent;
}

.xsdm-mycenter-mobile a:hover {
	text-decoration: none;
}

.xsdm-mycenter-appbar {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr) 46px;
	align-items: center;
	width: 100%;
	height: 44px;
	border-bottom: 1px solid #edf0f3;
	background: #fff;
}

.xsdm-mycenter-appbar h1 {
	min-width: 0;
	margin: 0;
	color: #172033;
	font-size: 16px;
	font-weight: 400;
	line-height: 44px;
	text-align: center;
}

.xsdm-mycenter-back,
.xsdm-mycenter-settings {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 44px;
	color: #172033 !important;
	font-size: 20px;
}

.xsdm-mycenter-settings {
	font-size: 18px;
}

.xsdm-mycenter-profile-band {
	padding: 53px 12px 0;
	background: #0751af;
	box-shadow: inset 0 -29px 0 #f3f4f5;
}

.xsdm-mycenter-profile {
	position: relative;
	width: 100%;
	height: 87px;
	border-radius: 7px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(20, 47, 75, .08);
}

.xsdm-mycenter-avatar {
	position: absolute;
	top: -23px;
	left: 13px;
	display: block;
	width: 54px;
	height: 54px;
	padding: 2px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 4px rgba(7, 36, 72, .2);
}

.xsdm-mycenter-avatar img {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #e8edf2;
	object-fit: cover;
}

.xsdm-mycenter-avatar em {
	position: absolute;
	right: 1px;
	bottom: 2px;
	width: 9px;
	height: 9px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #32c36c;
}

.xsdm-mycenter-person {
	position: absolute;
	top: 36px;
	left: 13px;
	min-width: 0;
	max-width: calc(100% - 160px);
}

.xsdm-mycenter-name-row {
	display: flex;
	align-items: center;
	gap: 5px;
	min-width: 0;
}

.xsdm-mycenter-name-row strong {
	min-width: 0;
	max-width: 145px;
	color: #172033;
	font-size: 18px;
	font-weight: 400;
	line-height: 23px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.xsdm-mycenter-name-row a {
	display: block;
	max-width: 86px;
	height: 16px;
	padding: 0 4px;
	border-radius: 2px;
	background: #d80b24;
	color: #fff !important;
	font-size: 10px;
	line-height: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.xsdm-mycenter-person p {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 1px 0 0;
	color: #999;
	font-size: 10px;
	line-height: 16px;
}

.xsdm-mycenter-profile-stats {
	position: absolute;
	top: 41px;
	right: 13px;
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.xsdm-mycenter-profile-stats a {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 31px;
	color: #bbb !important;
	font-size: 10px;
	line-height: 15px;
}

.xsdm-mycenter-profile-stats strong {
	color: #f90;
	font-family: inherit;
	font-size: 17px;
	font-weight: 400;
	line-height: 20px;
}

.xsdm-mycenter-profile-link {
	position: absolute;
	top: -44px;
	right: 0;
	display: flex;
	align-items: center;
	gap: 3px;
	height: 31px;
	color: #fff !important;
	font-size: 20px;
}

.xsdm-mycenter-profile-link span {
	display: flex;
	font-size: 13px;
}

body.xsdm-mycenter-qr-open {
	overflow: hidden;
}

.xsdm-mycenter-qr {
	position: fixed;
	z-index: 90;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	background: rgba(0, 0, 0, .8);
	font-family: inherit;
	-webkit-tap-highlight-color: transparent;
	overflow: hidden;
}

.xsdm-mycenter-qr,
.xsdm-mycenter-qr * {
	box-sizing: border-box;
}

.xsdm-mycenter-qr:focus {
	outline: 0;
}

.xsdm-mycenter-qr-card {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 276px;
	height: 337px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 8px 28px rgba(0, 0, 0, .2);
	transform: translate(-50%, -50%);
}

.xsdm-mycenter-qr-user {
	display: flex;
	align-items: center;
	height: 88px;
	padding: 22px 28px 16px;
	text-align: left;
}

.xsdm-mycenter-qr-user > img {
	display: block;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	margin-right: 10px;
	border-radius: 50%;
	background: #edf1f4;
	object-fit: cover;
}

.xsdm-mycenter-qr-user > div {
	min-width: 0;
}

.xsdm-mycenter-qr-user strong,
.xsdm-mycenter-qr-user p {
	display: block;
	max-width: 170px;
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.xsdm-mycenter-qr-user strong {
	height: 22px;
	margin-top: 3px;
	color: #172033;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}

.xsdm-mycenter-qr-user p {
	height: 22px;
	color: #172033;
	font-size: 11px;
	font-weight: 400;
	line-height: 22px;
}

.xsdm-mycenter-qr-code {
	width: 220px;
	height: 220px;
	margin: 0 auto;
	background: #fff;
}

.xsdm-mycenter-qr-code canvas,
.xsdm-mycenter-qr-code table {
	display: block !important;
	width: 220px !important;
	height: 220px !important;
	margin: 0 auto !important;
}

.xsdm-mycenter-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 13px 2px;
	margin: 10px 12px;
	padding: 17px 5px 13px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(20, 47, 75, .035);
}

.xsdm-mycenter-grid a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-width: 0;
	color: #333 !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

.xsdm-mycenter-grid a > i {
	display: block;
	height: 25px;
	margin-bottom: 3px;
	font-size: 21px;
	line-height: 25px;
}

.xsdm-mycenter-grid a > span {
	display: block;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.xsdm-mycenter-list {
	margin: 0 12px 10px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(20, 47, 75, .035);
	overflow: hidden;
}

.xsdm-mycenter-row {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 43px;
	padding: 0 12px 0 15px;
	border: 0;
	border-bottom: 1px solid #edf0f3;
	background: transparent;
	color: #333 !important;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
}

.xsdm-mycenter-row:last-child {
	border-bottom: 0;
}

.xsdm-mycenter-row > i:first-child {
	flex: 0 0 23px;
	width: 23px;
	margin-right: 8px;
	font-size: 19px;
	line-height: 1;
	text-align: center;
}

.xsdm-mycenter-footprint svg {
	display: block;
	width: 21px;
	height: 21px;
	margin: 0 auto;
	fill: currentColor;
}

.xsdm-mycenter-row > span {
	flex: 1 1 auto;
	min-width: 0;
}

.xsdm-mycenter-row > em {
	flex: 0 0 auto;
	max-width: 45%;
	margin-left: 8px;
	color: #bbb;
	font-size: 12px;
	font-style: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.xsdm-mycenter-chevron {
	flex: 0 0 auto;
	margin-left: 5px;
	color: #d8dde2;
	font-size: 12px;
}

.xsdm-mycenter-visitors {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	margin-left: 8px;
}

.xsdm-mycenter-visitors img {
	display: block;
	width: 21px;
	height: 21px;
	margin-left: -4px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #edf1f4;
	object-fit: cover;
}

.xsdm-mycenter-visitors small {
	color: #bbb;
	font-size: 12px;
	font-weight: 400;
}

.xsdm-mycenter-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 21px;
	height: 16px;
	padding: 0 5px;
	margin-left: 8px;
	border-radius: 8px;
	background: #de001a;
	color: #fff;
	font-family: inherit;
	font-size: 10px;
	font-weight: 600;
	line-height: 16px;
}

.xsdm-mycenter-mobile .is-green { color: #7dcc00; }
.xsdm-mycenter-mobile .is-lime { color: #9ac500; }
.xsdm-mycenter-mobile .is-orange { color: #ffac00; }
.xsdm-mycenter-mobile .is-blue { color: #51aff4; }
.xsdm-mycenter-mobile .is-sky { color: #58b8ef; }
.xsdm-mycenter-mobile .is-coral { color: #ff7581; }
.xsdm-mycenter-mobile .is-orange-text { color: #ff9200; }

/* Profile settings index entered from the personal-center settings action. */
.xsdm-settings-mobile,
.xsdm-settings-mobile *,
.xsdm-settings-mobile *::before,
.xsdm-settings-mobile *::after {
	box-sizing: border-box;
}

.xsdm-settings-mobile {
	display: none;
	width: 100%;
	max-width: 480px;
	min-height: calc(100vh - 96px - env(safe-area-inset-bottom, 0));
	margin: 0 auto;
	background: #f3f4f5;
	color: #172033;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}

body.xsdm-touch .xsdm-settings-mobile {
	display: block;
}

.xsdm-settings-mobile a,
.xsdm-settings-mobile button,
.xsdm-settings-mobile label {
	-webkit-tap-highlight-color: transparent;
}

.xsdm-settings-mobile a:hover,
.xsdm-settings-mobile button:hover,
.xsdm-settings-mobile label:hover {
	text-decoration: none;
}

.xsdm-settings-appbar {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr) 46px;
	align-items: center;
	height: 44px;
	border-bottom: 1px solid #edf0f3;
	background: #fff;
}

.xsdm-settings-appbar > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 44px;
	color: #172033 !important;
	font-size: 20px;
}

.xsdm-settings-appbar > a:hover,
.xsdm-settings-appbar > a:active,
.xsdm-settings-appbar > a:focus {
	background-color: #fff !important;
}

.xsdm-settings-appbar h1 {
	min-width: 0;
	margin: 0;
	color: #172033;
	font-size: 16px;
	font-weight: 400;
	line-height: 44px;
	text-align: center;
}

.xsdm-settings-list {
	margin-top: 10px;
	background: #fff;
}

.xsdm-settings-list > a,
.xsdm-settings-list > button,
.xsdm-settings-list > label {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto 16px;
	align-items: center;
	width: 100%;
	min-height: 45px;
	padding: 0 10px;
	border: 0;
	border-bottom: 1px solid #edf0f3;
	background: #fff;
	color: #172033 !important;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.xsdm-settings-list > a:hover,
.xsdm-settings-list > a:active,
.xsdm-settings-list > a:focus,
.xsdm-settings-list > button:hover,
.xsdm-settings-list > button:active,
.xsdm-settings-list > button:focus,
.xsdm-settings-list > label:hover,
.xsdm-settings-list > label:active,
.xsdm-settings-list > label:focus {
	background-color: #fff !important;
}

.xsdm-settings-list > a:last-child,
.xsdm-settings-list > button:last-child,
.xsdm-settings-list > label:last-child {
	border-bottom: 0;
}

.xsdm-settings-list > a > span,
.xsdm-settings-list > button > span,
.xsdm-settings-list > label > span {
	min-width: 0;
}

.xsdm-settings-list > a > em,
.xsdm-settings-list > button > em,
.xsdm-settings-list > label > em {
	margin-left: 10px;
	color: #bbb;
	font-size: 12px;
	font-style: normal;
	white-space: nowrap;
}

.xsdm-settings-list > a > img,
.xsdm-settings-list > button > img,
.xsdm-settings-list > label > img {
	display: block;
	width: 28px;
	height: 28px;
	margin-left: 10px;
	border-radius: 50%;
	background: #edf1f4;
	object-fit: cover;
}

.xsdm-settings-list > a > i,
.xsdm-settings-list > button > i,
.xsdm-settings-list > label > i {
	grid-column: 3;
	grid-row: 1;
	justify-self: end;
	margin-left: 4px;
	color: #d3d9df;
	font-size: 12px;
	text-align: right;
}

.xsdm-settings-avatar-trigger {
	position: relative;
	margin: 0;
	box-sizing: border-box;
}

.xsdm-settings-avatar-file {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	border: 0;
	overflow: hidden;
}

.xsdm-settings-avatar-status {
	position: fixed;
	z-index: 190;
	top: 50%;
	left: 50%;
	display: flex;
	min-width: 150px;
	min-height: 88px;
	padding: 14px 18px;
	border-radius: 8px;
	box-sizing: border-box;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	transform: translate(-50%, -50%);
	background: rgba(19, 31, 45, .9);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
	color: #fff;
	text-align: center;
}

.xsdm-settings-avatar-status[hidden] {
	display: none;
}

.xsdm-settings-avatar-status strong {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
}

.xsdm-settings-avatar-spinner {
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 0 10px;
	border: 2px solid rgba(255, 255, 255, .3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: xsdm-settings-avatar-spin .7s linear infinite;
}

.xsdm-settings-avatar-status.is-success .xsdm-settings-avatar-spinner,
.xsdm-settings-avatar-status.is-error .xsdm-settings-avatar-spinner {
	display: none;
}

.xsdm-settings-avatar-status.is-success {
	background: rgba(7, 81, 175, .92);
}

.xsdm-settings-avatar-status.is-error {
	background: rgba(185, 44, 52, .92);
}

@keyframes xsdm-settings-avatar-spin {
	to { transform: rotate(360deg); }
}

.xsdm-settings-logout {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 45px;
	margin-top: 10px;
	background: #fff;
	color: #f04f55 !important;
	font-size: 15px;
}

.xsdm-settings-logout:hover,
.xsdm-settings-logout:active,
.xsdm-settings-logout:focus {
	background-color: #fff !important;
}

@media (max-width: 760px) {
	body.xsdm-settings-page #scrolltop,
	body.xsdm-settings-page .comiis_footer_scroll,
	body.xsdm-settings-page .comiis_scrolltop,
	body.xsdm-settings-page #wp.xsdm-page > .xsdm-profile-breadcrumb,
	body.xsdm-settings-page #wp.xsdm-page > .xsdm-profile-bottom-diy,
	body.xsdm-settings-page .xsdm-space-profile > .xsdm-profile-hero,
	body.xsdm-settings-page .xsdm-space-profile > .xsdm-profile-more-menu,
	body.xsdm-settings-page .xsdm-space-profile > .xsdm-profile-tabs,
	body.xsdm-settings-page .xsdm-space-profile > .xsdm-profile-inckr-layout,
	body.xsdm-settings-page .xsdm-space-profile > .xsdm-profile-diy-area {
		display: none !important;
	}

	body.pg_space.xsdm-theme.xsdm-mycenter-page {
		background: #f3f4f5;
	}

	body.pg_space.xsdm-theme.xsdm-mycenter-page .xsdm-site-header,
	body.pg_space.xsdm-theme.xsdm-mycenter-page #ft,
	body.pg_space.xsdm-theme.xsdm-mycenter-page #scrolltop,
	body.pg_space.xsdm-theme.xsdm-mycenter-page #wp.xsdm-page > .xsdm-profile-breadcrumb,
	body.pg_space.xsdm-theme.xsdm-mycenter-page #wp.xsdm-page > .xsdm-profile-bottom-diy,
	body.pg_space.xsdm-theme.xsdm-mycenter-page .xsdm-space-profile > .xsdm-profile-hero,
	body.pg_space.xsdm-theme.xsdm-mycenter-page .xsdm-space-profile > .xsdm-profile-more-menu,
	body.pg_space.xsdm-theme.xsdm-mycenter-page .xsdm-space-profile > .xsdm-profile-tabs,
	body.pg_space.xsdm-theme.xsdm-mycenter-page .xsdm-space-profile > .xsdm-profile-inckr-layout,
	body.pg_space.xsdm-theme.xsdm-mycenter-page .xsdm-space-profile > .xsdm-profile-diy-area {
		display: none !important;
	}

	body.pg_space.xsdm-theme.xsdm-mycenter-page #wp.xsdm-page {
		width: 100% !important;
		padding: 0 !important;
	}

	body.pg_space.xsdm-theme.xsdm-mycenter-page #wp.xsdm-page > .xsdm-space-profile {
		width: 100% !important;
		max-width: 480px !important;
		margin: 0 auto !important;
	}

	body.pg_space.xsdm-theme .xsdm-mycenter-mobile {
		display: block;
	}

	body.pg_space.xsdm-theme .xsdm-settings-mobile {
		display: block;
	}
}

@media (max-width: 360px) {
	.xsdm-mycenter-qr-card {
		width: calc(100% - 32px);
		max-width: 276px;
	}

	.xsdm-mycenter-qr-user {
		padding-right: 24px;
		padding-left: 24px;
	}

	.xsdm-mycenter-person {
		max-width: calc(100% - 145px);
	}

	.xsdm-mycenter-name-row strong {
		max-width: 105px;
	}

	.xsdm-mycenter-profile-stats {
		right: 10px;
		gap: 12px;
	}

	.xsdm-mycenter-row {
		padding-right: 10px;
		padding-left: 12px;
	}
}

/* Mobile profile aligned with the local inckr profile reference. */
.xsdm-profile-reference-mobile,
.xsdm-profile-reference-qr {
	display: none;
}

.xsdm-profile-reference-mobile,
.xsdm-profile-reference-mobile *,
.xsdm-profile-reference-mobile *::before,
.xsdm-profile-reference-mobile *::after,
.xsdm-profile-reference-qr,
.xsdm-profile-reference-qr * {
	box-sizing: border-box;
}

body.xsdm-touch .xsdm-profile-reference-mobile {
	display: block;
}

body.xsdm-touch.pg_space {
	background: #f2f2f2;
}

.xsdm-profile-reference-mobile {
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
	padding: 0;
	background: #f2f2f2;
	color: #536171;
	font-family: var(--xsdm-touch-font, "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif);
	font-size: 14px;
	line-height: 1.45;
}

.xsdm-profile-reference-mobile a,
.xsdm-profile-reference-mobile button,
.xsdm-profile-reference-menu summary {
	-webkit-tap-highlight-color: transparent;
}

.xsdm-profile-reference-mobile a {
	color: inherit;
	text-decoration: none;
}

.xsdm-profile-reference-hero {
	position: relative;
	height: 230px;
	background: #10233b url("../assets/space-profile-cover.png") center center / cover no-repeat;
	color: #fff;
	overflow: hidden;
}

.xsdm-profile-reference-shade {
	position: absolute;
	inset: 0;
	background: rgba(0, 12, 27, .38);
	box-shadow: inset 0 -90px 90px rgba(0, 7, 16, .4);
}

.xsdm-profile-reference-appbar {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	left: 0;
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) 48px;
	align-items: end;
	height: calc(48px + env(safe-area-inset-top));
	padding-top: env(safe-area-inset-top);
	color: #fff;
}

.xsdm-profile-reference-appbar h1 {
	margin: 0;
	padding: 0 6px 12px;
	color: #fff;
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .48);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.xsdm-profile-reference-back,
.xsdm-profile-reference-menu > summary {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 0;
	background: transparent;
	color: #fff !important;
	font-size: 22px;
	line-height: 1;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
	cursor: pointer;
}

.xsdm-profile-reference-menu {
	position: relative;
	width: 48px;
	height: 48px;
}

.xsdm-profile-reference-menu > summary {
	list-style: none;
}

.xsdm-profile-reference-menu > summary::-webkit-details-marker {
	display: none;
}

.xsdm-profile-reference-menu > nav {
	position: absolute;
	z-index: 8;
	top: 43px;
	right: 8px;
	width: 132px;
	padding: 5px 0;
	border: 1px solid rgba(217, 225, 235, .96);
	border-radius: 5px;
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 8px 22px rgba(4, 18, 38, .22);
}

.xsdm-profile-reference-menu > nav a {
	display: block;
	min-height: 38px;
	padding: 9px 14px;
	color: #435062;
	font-size: 13px;
	line-height: 20px;
	white-space: nowrap;
}

.xsdm-profile-reference-menu > nav a + a {
	border-top: 1px solid #edf0f3;
}

.xsdm-profile-reference-avatar {
	position: absolute;
	z-index: 2;
	top: calc(52px + env(safe-area-inset-top));
	left: 18px;
	display: block;
	width: 76px;
	height: 76px;
	padding: 3px;
	border: 1px solid rgba(255, 255, 255, .72);
	border-radius: 50%;
	background: rgba(255, 255, 255, .2);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .32);
}

.xsdm-profile-reference-avatar img {
	display: block;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background: #e8edf2;
	object-fit: cover;
}

.xsdm-profile-reference-avatar em {
	position: absolute;
	right: 3px;
	bottom: 7px;
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #3cbd58;
}

.xsdm-profile-reference-identity {
	position: absolute;
	z-index: 2;
	right: 16px;
	bottom: 14px;
	left: 17px;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .58);
}

.xsdm-profile-reference-identity h2 {
	max-width: 80%;
	margin: 0 0 2px;
	color: #fff;
	font-size: 23px;
	font-weight: 500;
	line-height: 31px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.xsdm-profile-reference-identity p {
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0 0 6px;
	color: rgba(255, 255, 255, .95);
	font-size: 13px;
	line-height: 20px;
}

.xsdm-profile-reference-identity p strong {
	color: #fff;
	font-weight: 500;
}

.xsdm-profile-reference-identity p i {
	width: 1px;
	height: 13px;
	margin: 0 7px;
	background: rgba(255, 255, 255, .56);
}

.xsdm-profile-reference-identity > a {
	display: none;
	align-items: center;
	max-width: 200px;
	height: 21px;
	padding: 0 8px;
	border: 1px solid rgba(255, 255, 255, .46);
	border-radius: 11px;
	background: rgba(0, 20, 42, .48);
	color: #fff;
	font-size: 11px;
	line-height: 19px;
	text-shadow: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.xsdm-profile-reference-waves {
	position: absolute;
	z-index: 1;
	display: block;
	right: 0;
	bottom: -10px;
	left: 0;
	height: 26px;
	pointer-events: none;
	overflow: hidden;
}

.xsdm-profile-reference-waves > span {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	display: block;
	height: 26px;
	background-repeat: repeat-x;
	background-position: 0 top;
	background-size: 450px auto;
	will-change: background-position;
}

.xsdm-profile-reference-wave-a {
	background-image: url("../assets/comiis-wave-a.svg?v1");
	animation: xsdm-profile-wave-forward 3.5s linear infinite;
}

.xsdm-profile-reference-waves > .xsdm-profile-reference-wave-b {
	top: 5px;
	background-image: url("../assets/comiis-wave-b.svg?v1");
	animation: xsdm-profile-wave-forward 6s linear infinite;
}

@keyframes xsdm-profile-wave-forward {
	from { background-position: 0 top; }
	to { background-position: 450px top; }
}

@media (prefers-reduced-motion: reduce) {
	.xsdm-profile-reference-wave-a,
	.xsdm-profile-reference-wave-b {
		animation: none;
	}
}

.xsdm-profile-reference-tabs {
	display: flex;
	height: 45px;
	margin: 0 0 10px;
	border-bottom: 1px solid #eceff2;
	background: #fff;
}

.xsdm-profile-reference-tabs a {
	position: relative;
	display: flex;
	flex: 1 1 50%;
	align-items: center;
	justify-content: center;
	color: #86909c;
	font-size: 14px;
}

.xsdm-profile-reference-tabs a.is-active {
	color: #43aaf5;
}

.xsdm-profile-reference-tabs a.is-active::after {
	position: absolute;
	right: calc(50% - 9px);
	bottom: 3px;
	left: calc(50% - 9px);
	height: 3px;
	border-radius: 2px;
	background: #43aaf5;
	content: "";
}

.xsdm-profile-reference-quick {
	margin: 0 0 10px;
	background: #fff;
}

.xsdm-profile-reference-quick > a,
.xsdm-profile-reference-quick > div,
.xsdm-profile-reference-quick > button {
	display: grid;
	grid-template-columns: 86px minmax(0, 1fr) 16px;
	align-items: center;
	width: calc(100% - 20px);
	min-height: 43px;
	margin: 0 10px;
	padding: 8px 0;
	border: 0;
	border-bottom: 1px solid #edf0f2;
	background: #fff;
	color: #596675;
	font: inherit;
	text-align: left;
}

.xsdm-profile-reference-quick > :last-child {
	border-bottom: 0;
}

.xsdm-profile-reference-quick span {
	color: #687483;
}

.xsdm-profile-reference-quick strong {
	min-width: 0;
	color: #ff7d45;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.xsdm-profile-reference-quick strong img {
	width: 18px;
	height: 18px;
	margin-right: 4px;
	vertical-align: -4px;
	object-fit: contain;
}

.xsdm-profile-reference-quick strong em {
	margin-right: 6px;
	font-style: normal;
}

.xsdm-profile-reference-quick > div strong {
	color: #9ba3ad;
}

.xsdm-profile-reference-quick > button strong > i {
	color: #b7bec7;
	font-size: 21px;
}

.xsdm-profile-reference-quick > a > i,
.xsdm-profile-reference-quick > button > i {
	color: #c6ccd2;
	font-size: 13px;
	text-align: right;
}

.xsdm-profile-reference-social {
	display: flex;
	align-items: stretch;
	height: 92px;
	margin: 0 0 10px;
	background: #fff;
}

.xsdm-profile-reference-social > a,
.xsdm-profile-reference-social > span {
	display: flex;
	flex: 1 1 0;
	min-width: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 7px;
	color: #687483;
	font-size: 12px;
}

.xsdm-profile-reference-social > span {
	cursor: default;
}

.xsdm-profile-reference-social > a > i,
.xsdm-profile-reference-social > span > i {
	font-size: 25px;
	line-height: 27px;
}

.xsdm-profile-reference-social > a > span,
.xsdm-profile-reference-social > span > span {
	white-space: nowrap;
}

.xsdm-profile-reference-social > a > span strong,
.xsdm-profile-reference-social > span > span strong {
	color: inherit;
	font-weight: 400;
}

.xsdm-profile-reference-social .is-green { color: #8cc800; }
.xsdm-profile-reference-social .is-orange { color: #ffb000; }
.xsdm-profile-reference-social .is-blue { color: #4bb8ef; }
.xsdm-profile-reference-social .is-yellow { color: #ffc000; }

.xsdm-profile-reference-credit {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 0 10px;
	background: #fff;
}

.xsdm-profile-reference-credit > a,
.xsdm-profile-reference-credit > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 0;
	min-height: 44px;
	padding: 9px 11px;
	border-right: 1px solid #edf0f2;
	border-bottom: 1px solid #edf0f2;
}

.xsdm-profile-reference-credit > div {
	cursor: default;
}

.xsdm-profile-reference-credit > :nth-child(2n) {
	border-right: 0;
}

.xsdm-profile-reference-credit > * > span {
	color: #566371;
}

.xsdm-profile-reference-credit > * > strong {
	min-width: 0;
	margin-left: 10px;
	color: #58b6f3;
	font-weight: 400;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.xsdm-profile-reference-info > dl {
	margin: 0 0 10px;
	padding: 0 10px;
	background: #fff;
}

.xsdm-profile-reference-info > dl > div {
	display: grid;
	grid-template-columns: 90px minmax(0, 1fr);
	align-items: center;
	min-height: 44px;
	border-bottom: 1px solid #edf0f2;
}

.xsdm-profile-reference-info > dl > div:last-child {
	border-bottom: 0;
}

.xsdm-profile-reference-info dt,
.xsdm-profile-reference-info dd {
	min-width: 0;
	margin: 0;
	padding: 9px 0;
}

.xsdm-profile-reference-info dt {
	color: #566371;
}

.xsdm-profile-reference-info dd {
	color: #a0a8b2;
	text-align: right;
	overflow-wrap: anywhere;
}

.xsdm-profile-reference-info dd a {
	color: #6aafe4;
}

.xsdm-profile-reference-info dd img {
	max-width: 100%;
	max-height: 28px;
	vertical-align: middle;
}

.xsdm-profile-reference-actions {
	display: flex;
	align-items: stretch;
	margin: 0 0 10px;
	border-top: 1px solid #edf0f2;
	background: #fff;
}

.xsdm-profile-reference-actions a {
	display: flex;
	flex: 1 1 0;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 50px;
	border-right: 1px solid #edf0f2;
	color: #ff7b86;
	font-size: 13px;
}

.xsdm-profile-reference-actions a:last-child {
	border-right: 0;
}

.xsdm-profile-reference-actions i {
	font-size: 17px;
}

.xsdm-profile-reference-hook:empty {
	display: none;
}

.xsdm-profile-reference-hook:not(:empty),
.xsdm-profile-reference-extra {
	margin: 0 0 10px;
	padding: 12px 10px;
	background: #fff;
}

.xsdm-profile-reference-extra h2 {
	margin: 0 0 10px;
	color: #4f5d6d;
	font-size: 14px;
	font-weight: 500;
}

.xsdm-profile-reference-medals,
.xsdm-profile-reference-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.xsdm-profile-reference-medals a {
	display: flex;
	width: 62px;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	font-size: 12px;
	text-align: center;
}

.xsdm-profile-reference-medals img {
	width: 42px;
	height: 42px;
	object-fit: contain;
}

.xsdm-profile-reference-links a {
	padding: 7px 10px;
	border: 1px solid #dfe8f1;
	border-radius: 4px;
	color: #529ed8;
}

.xsdm-profile-reference-table {
	overflow-x: auto;
}

.xsdm-profile-reference-table table {
	min-width: 620px;
	border-collapse: collapse;
}

.xsdm-profile-reference-table th,
.xsdm-profile-reference-table td {
	padding: 8px 10px;
	border: 1px solid #e5e9ee;
	font-size: 12px;
	text-align: left;
}

body.xsdm-profile-qr-open {
	overflow: hidden;
}

.xsdm-profile-reference-qr {
	position: fixed;
	z-index: 10020;
	inset: 0;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(4, 14, 27, .66);
}

.xsdm-profile-reference-qr-card {
	position: relative;
	display: flex;
	width: min(310px, 100%);
	padding: 24px 28px 28px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
	flex-direction: column;
	align-items: center;
}

.xsdm-profile-reference-qr-card > button {
	position: absolute;
	top: 8px;
	right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 0;
	background: transparent;
	color: #75808c;
	font-size: 18px;
}

.xsdm-profile-reference-qr-card > img {
	width: 58px;
	height: 58px;
	margin-bottom: 8px;
	border-radius: 50%;
	object-fit: cover;
}

.xsdm-profile-reference-qr-card > strong {
	color: #364353;
	font-size: 16px;
	font-weight: 500;
}

.xsdm-profile-reference-qr-card > p {
	margin: 3px 0 14px;
	color: #919aa4;
	font-size: 12px;
}

#xsdm_profile_qr_code,
#xsdm_profile_qr_code canvas,
#xsdm_profile_qr_code table {
	display: block;
	width: 210px;
	height: 210px;
	margin: 0;
}

@media (max-width: 760px) {
	body.pg_space.xsdm-theme.xsdm-space-profile-page {
		background: #f2f2f2 !important;
	}

	body.pg_space.xsdm-theme.xsdm-space-profile-page .xsdm-site-header,
	body.pg_space.xsdm-theme.xsdm-space-profile-page #ft,
	body.pg_space.xsdm-theme.xsdm-space-profile-page #scrolltop,
	body.pg_space.xsdm-theme.xsdm-space-profile-page #wp.xsdm-page > .xsdm-profile-breadcrumb,
	body.pg_space.xsdm-theme.xsdm-space-profile-page #wp.xsdm-page > .xsdm-profile-bottom-diy,
	body.pg_space.xsdm-theme.xsdm-space-profile-page .xsdm-space-profile > .xsdm-profile-hero,
	body.pg_space.xsdm-theme.xsdm-space-profile-page .xsdm-space-profile > .xsdm-profile-more-menu,
	body.pg_space.xsdm-theme.xsdm-space-profile-page .xsdm-space-profile > .xsdm-profile-tabs,
	body.pg_space.xsdm-theme.xsdm-space-profile-page .xsdm-space-profile > .xsdm-profile-inckr-layout,
	body.pg_space.xsdm-theme.xsdm-space-profile-page .xsdm-space-profile > .xsdm-profile-diy-area {
		display: none !important;
	}

	body.pg_space.xsdm-theme.xsdm-space-profile-page #wp.xsdm-page {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.pg_space.xsdm-theme.xsdm-space-profile-page #wp.xsdm-page > .xsdm-space-profile {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.pg_space.xsdm-theme .xsdm-profile-reference-mobile {
		display: block;
	}
}

@media (max-width: 360px) {
	.xsdm-profile-reference-quick > a,
	.xsdm-profile-reference-quick > div,
	.xsdm-profile-reference-quick > button {
		grid-template-columns: 78px minmax(0, 1fr) 14px;
	}

	.xsdm-profile-reference-info > dl > div {
		grid-template-columns: 82px minmax(0, 1fr);
	}

	.xsdm-profile-reference-social > a,
	.xsdm-profile-reference-social > span {
		font-size: 11px;
	}
}

/* Shared WAP account pages: visitors, notifications, profile settings and promotion. */
.xsdm-account-mobile {
	width: 100%;
	max-width: 480px;
	min-height: 100vh;
	margin: 0 auto;
	padding: 0 0 12px;
	background: #f3f5f7;
	color: #526071;
	font-family: var(--xsdm-touch-font, "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif);
	font-size: 14px;
	line-height: 1.5;
}

.xsdm-account-mobile,
.xsdm-account-mobile *,
.xsdm-account-mobile *::before,
.xsdm-account-mobile *::after {
	box-sizing: border-box;
}

body.xsdm-touch:has(.xsdm-account-mobile) {
	background: #f3f5f7;
}

.xsdm-account-mobile a {
	color: inherit;
	text-decoration: none;
}

.xsdm-account-mobile a,
.xsdm-account-mobile button,
.xsdm-account-mobile label {
	-webkit-tap-highlight-color: transparent;
}

.xsdm-account-appbar {
	position: sticky;
	z-index: 20;
	top: 0;
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr) 50px;
	align-items: center;
	height: calc(50px + env(safe-area-inset-top));
	padding-top: env(safe-area-inset-top);
	border-bottom: 1px solid #e7ebef;
	background: rgba(255, 255, 255, .98);
	color: #324052;
}

.xsdm-account-appbar > a,
.xsdm-account-appbar > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	font-size: 21px;
}

.xsdm-account-appbar > a:hover,
.xsdm-account-appbar > a:active,
.xsdm-account-appbar > a:focus {
	background-color: transparent !important;
}

.xsdm-account-appbar h1 {
	min-width: 0;
	margin: 0;
	color: #2d3948;
	font-size: 17px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.xsdm-account-card {
	margin: 10px 0 0;
	background: #fff;
}

.xsdm-account-tabs,
.xsdm-account-primary-tabs {
	display: flex;
	align-items: stretch;
	background: #fff;
	border-bottom: 1px solid #e9edf1;
}

.xsdm-account-tabs {
	min-height: 45px;
}

.xsdm-account-tabs-scroll {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.xsdm-account-tabs-scroll::-webkit-scrollbar {
	display: none;
}

.xsdm-account-tabs a {
	position: relative;
	display: flex;
	min-width: 96px;
	min-height: 45px;
	padding: 0 14px;
	align-items: center;
	justify-content: center;
	color: #7c8794;
	font-size: 14px;
	white-space: nowrap;
}

.xsdm-account-tabs a:hover,
.xsdm-account-tabs a:active,
.xsdm-account-tabs a:focus,
.xsdm-account-primary-tabs a:hover,
.xsdm-account-primary-tabs a:active,
.xsdm-account-primary-tabs a:focus {
	background-color: #fff !important;
}

.xsdm-account-tabs a.is-active {
	color: #0751af;
}

.xsdm-account-tabs a.is-active::after {
	position: absolute;
	right: 26px;
	bottom: 0;
	left: 26px;
	height: 3px;
	border-radius: 2px;
	background: #0751af;
	content: "";
}

.xsdm-account-tabs a em {
	min-width: 17px;
	height: 17px;
	margin-left: 4px;
	padding: 0 5px;
	border-radius: 9px;
	background: #ff6d35;
	color: #fff;
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	text-align: center;
}

.xsdm-account-primary-tabs {
	height: 66px;
	margin-bottom: 10px;
}

.xsdm-account-primary-tabs a {
	position: relative;
	display: flex;
	flex: 1 1 0;
	align-items: center;
	justify-content: center;
	gap: 7px;
	color: #7f8995;
	font-size: 14px;
}

.xsdm-account-primary-tabs a + a {
	border-left: 1px solid #edf0f3;
}

.xsdm-account-primary-tabs a.is-active {
	color: #0751af;
}

.xsdm-account-primary-tabs i {
	font-size: 20px;
}

.xsdm-account-primary-tabs em {
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 9px;
	background: #ff6d35;
	color: #fff;
	font-size: 10px;
	font-style: normal;
	line-height: 18px;
	text-align: center;
}

.xsdm-account-member,
.xsdm-account-notice {
	position: relative;
	display: flex;
	min-height: 78px;
	margin: 0 12px;
	padding: 12px 26px 12px 0;
	align-items: center;
	gap: 12px;
	border-bottom: 1px solid #edf0f2;
}

.xsdm-account-member:last-child,
.xsdm-account-notice:last-child {
	border-bottom: 0;
}

.xsdm-account-member:hover,
.xsdm-account-member:active,
.xsdm-account-member:focus,
.xsdm-account-notice:hover,
.xsdm-account-notice:active,
.xsdm-account-notice:focus {
	background-color: transparent !important;
}

.xsdm-account-member-avatar,
.xsdm-account-notice-avatar {
	display: flex;
	width: 50px;
	height: 50px;
	flex: 0 0 50px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #edf3f9;
	overflow: hidden;
}

.xsdm-account-member-avatar img,
.xsdm-account-notice-avatar img {
	display: block;
	width: 50px;
	height: 50px;
	object-fit: cover;
}

.xsdm-account-member > div,
.xsdm-account-notice-body {
	min-width: 0;
	flex: 1 1 auto;
}

.xsdm-account-member strong {
	display: block;
	color: #354252;
	font-size: 15px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.xsdm-account-member p,
.xsdm-account-member time {
	margin: 3px 0 0;
	color: #98a1ab;
	font-size: 12px;
}

.xsdm-account-member time {
	flex: 0 0 auto;
	white-space: nowrap;
}

.xsdm-account-member-next {
	position: absolute;
	right: 0;
	top: calc(50% - 18px);
	display: flex;
	width: 26px;
	height: 36px;
	align-items: center;
	justify-content: flex-end;
	color: #c0c6cd;
}

.xsdm-account-empty {
	display: flex;
	min-height: 210px;
	padding: 30px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: #9ba4ae;
	text-align: center;
}

.xsdm-account-empty > i {
	color: #cbd2d9;
	font-size: 42px;
}

.xsdm-account-empty strong {
	font-weight: 400;
}

.xsdm-account-empty a {
	color: #0751af;
}

.xsdm-account-notice {
	align-items: flex-start;
	padding-top: 14px;
	padding-bottom: 14px;
}

.xsdm-account-notice-avatar.is-system {
	background: #e8f1fc;
	color: #0751af;
	font-size: 20px;
}

.xsdm-account-notice-body > div {
	color: #4e5a69;
	font-size: 14px;
	line-height: 1.65;
	overflow-wrap: anywhere;
}

.xsdm-account-notice-body a {
	color: #0751af;
}

.xsdm-account-notice-body p {
	margin: 7px 0 0;
	padding: 7px 9px;
	border-radius: 4px;
	background: #f5f7f9;
	color: #8d97a2;
	font-size: 12px;
}

.xsdm-account-notice-body time {
	display: block;
	margin-top: 6px;
	color: #a4acb5;
	font-size: 12px;
}

.xsdm-account-pagination {
	padding: 14px 10px 4px;
	text-align: center;
}

.xsdm-account-pagination .pg {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 5px;
	justify-content: center;
}

.xsdm-account-pagination .pg a,
.xsdm-account-pagination .pg strong,
.xsdm-account-pagination .pg label {
	min-width: 34px;
	height: 34px;
	margin: 0;
	padding: 0 9px;
	border: 1px solid #dfe5eb;
	border-radius: 4px;
	background: #fff;
	line-height: 32px;
}

.xsdm-account-pagination .pg strong {
	border-color: #0751af;
	background: #0751af;
	color: #fff;
}

.xsdm-account-pagination .pg a:hover,
.xsdm-account-pagination .pg a:active,
.xsdm-account-pagination .pg a:focus {
	background-color: #fff !important;
}

.xsdm-account-form-card {
	padding: 0 12px 16px;
}

.xsdm-account-form-tip,
.xsdm-account-status {
	margin: 0 -12px 10px;
	padding: 11px 12px;
	border-bottom: 1px solid #edf0f2;
	background: #f8fbff;
	color: #687889;
	font-size: 12px;
}

.xsdm-account-status {
	margin: 10px 0 0;
	border: 0;
}

.xsdm-account-status.is-warning {
	background: #fff7ed;
	color: #ad5d1b;
}

.xsdm-account-form-card form > label {
	display: block;
	padding: 12px 0;
	border-bottom: 1px solid #edf0f2;
}

.xsdm-account-form-card form > label > span {
	display: block;
	margin-bottom: 7px;
	color: #526071;
	font-size: 13px;
}

.xsdm-account-form-card form > label > span b {
	margin-right: 3px;
	color: #ef4f54;
}

.xsdm-account-form-card form > label > span.is-error {
	color: #df3f45;
}

.xsdm-account-form-card input[type="text"],
.xsdm-account-form-card input[type="email"],
.xsdm-account-form-card input[type="password"],
.xsdm-account-form-card input[type="file"],
.xsdm-account-form-card textarea,
.xsdm-account-form-card select {
	width: 100%;
	min-height: 42px;
	padding: 9px 10px;
	border: 1px solid #dce2e8;
	border-radius: 4px;
	background: #fff;
	color: #344252;
	font: inherit;
	outline: 0;
}

.xsdm-account-form-card textarea {
	min-height: 88px;
	resize: vertical;
}

.xsdm-account-form-card input:focus,
.xsdm-account-form-card textarea:focus,
.xsdm-account-form-card select:focus {
	border-color: #4b8fdc;
	box-shadow: 0 0 0 2px rgba(7, 81, 175, .08);
}

.xsdm-account-form-card label.lb {
	display: inline-flex;
	margin: 5px 14px 0 0;
	align-items: center;
	gap: 5px;
}

.xsdm-account-form-card label.lb input {
	width: auto;
	min-height: 0;
}

.xsdm-account-form-card form > label small,
.xsdm-account-form-card .d,
.xsdm-account-form-card .rq {
	display: block;
	margin-top: 6px;
	color: #9aa3ad;
	font-size: 12px;
}

.xsdm-account-form-card .rq {
	color: #df3f45;
}

.xsdm-account-privacy {
	margin-top: 8px;
}

.xsdm-account-form-card form > button {
	display: block;
	width: 100%;
	height: 44px;
	margin-top: 16px;
	border: 0;
	border-radius: 5px;
	background: #0751af;
	color: #fff;
	font: inherit;
	font-size: 15px;
	cursor: pointer;
}

.xsdm-account-readonly {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr) auto;
	align-items: center;
	min-height: 48px;
	border-bottom: 1px solid #edf0f2;
}

.xsdm-account-readonly span {
	color: #687585;
}

.xsdm-account-readonly strong {
	min-width: 0;
	color: #384657;
	font-weight: 400;
	text-align: right;
	overflow-wrap: anywhere;
}

.xsdm-account-readonly a {
	margin-left: 9px;
	color: #0751af;
}

.xsdm-account-seccheck {
	padding: 12px 0;
}

.xsdm-account-promotion-card {
	display: flex;
	padding: 24px 20px;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.xsdm-account-promotion-avatar {
	width: 66px;
	height: 66px;
	border-radius: 50%;
	object-fit: cover;
}

.xsdm-account-promotion-card h2 {
	margin: 9px 0 0;
	color: #334152;
	font-size: 18px;
	font-weight: 500;
}

.xsdm-account-promotion-card > p {
	margin: 2px 0 14px;
	color: #96a0aa;
	font-size: 12px;
}

#xsdm_promotion_qr,
#xsdm_promotion_qr canvas,
#xsdm_promotion_qr table {
	display: block;
	width: 210px;
	height: 210px;
}

.xsdm-account-promotion-card > small {
	max-width: 310px;
	margin-top: 13px;
	color: #8c96a1;
	line-height: 1.7;
}

.xsdm-account-promotion-links > div {
	position: relative;
	padding: 14px 76px 15px 12px;
	border-bottom: 1px solid #edf0f2;
}

.xsdm-account-promotion-links > div:last-child {
	border-bottom: 0;
}

.xsdm-account-promotion-links header {
	display: flex;
	margin-bottom: 8px;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.xsdm-account-promotion-links strong {
	color: #465364;
	font-weight: 500;
}

.xsdm-account-promotion-links em {
	color: #ff7a35;
	font-size: 12px;
	font-style: normal;
	text-align: right;
}

.xsdm-account-promotion-links input {
	width: 100%;
	height: 38px;
	padding: 8px 9px;
	border: 1px solid #e0e5ea;
	border-radius: 4px;
	background: #f7f9fb;
	color: #788391;
	font: inherit;
	font-size: 12px;
}

.xsdm-account-promotion-links button {
	position: absolute;
	right: 12px;
	bottom: 15px;
	width: 56px;
	height: 38px;
	border: 0;
	border-radius: 4px;
	background: #ff7100;
	color: #fff;
	font: inherit;
	cursor: pointer;
}

@media (max-width: 360px) {
	.xsdm-account-member {
		gap: 9px;
	}

	.xsdm-account-member time {
		display: none;
	}

	.xsdm-account-form-card {
		padding-right: 10px;
		padding-left: 10px;
	}
}

/* Use the shared WAP typeface on every account-related touch surface. */
body.xsdm-touch .xsdm-mycenter-mobile,
body.xsdm-touch .xsdm-mycenter-profile-stats strong,
body.xsdm-touch .xsdm-mycenter-qr,
body.xsdm-touch .xsdm-mycenter-badge,
body.xsdm-touch .xsdm-settings-mobile,
body.xsdm-touch .xsdm-profile-reference-mobile,
body.xsdm-touch .xsdm-account-mobile {
	font-family: var(--xsdm-touch-font, "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif);
	font-stretch: normal;
}

/* WAP profile forms: full-width line fields and theme-aligned select sheets. */
body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-form-card {
	padding: 0 0 18px;
	overflow: hidden;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-form-tip {
	margin: 0;
	padding: 11px 12px;
	border-color: #e4ebf4;
	background: #f3f7fc;
	color: #6c7a8a;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-form-card form {
	background: #fff;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-form-card form > label {
	position: relative;
	display: block;
	min-height: 50px;
	padding: 6px 12px;
	border-bottom: 1px solid #e9edf2;
	background: #fff;
	transition: background-color .16s ease, box-shadow .16s ease;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-form-card form > label:focus-within {
	background: #f7faff;
	box-shadow: inset 3px 0 0 #0751af;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-form-card form > label > span {
	display: block;
	margin: 0 0 2px;
	color: #8793a2;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-form-card form > label > span b {
	margin: 0 0 0 2px;
	color: #e5484d;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-form-card form > label input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-form-card form > label textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	min-height: 34px;
	padding: 5px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #172033;
	font: inherit;
	font-size: 15px;
	line-height: 24px;
	outline: 0;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-form-card form > label textarea {
	height: 64px;
	min-height: 64px;
	padding-top: 7px;
	resize: vertical;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-form-card [id^="showerror_"]:empty {
	display: none;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-password-form > .xsdm-account-line-field {
	display: flex;
	min-height: 50px;
	padding-top: 0;
	padding-bottom: 0;
	align-items: center;
	gap: 8px;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-password-form > .xsdm-account-line-field > span {
	display: inline-flex;
	margin: 0;
	flex: 0 0 auto;
	align-items: center;
	color: #8793a2;
	font-size: 15px;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-password-form > .xsdm-account-line-field > input {
	width: auto;
	min-width: 0;
	flex: 1 1 auto;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-password-form > .xsdm-account-line-field > small {
	display: none;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-select-field {
	padding: 0 !important;
	background: #fff;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-select-field > span {
	min-height: 24px;
	margin: 0 !important;
	padding: 2px 12px;
	background: #f3f5f7;
	line-height: 20px;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-native-select {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	min-height: 0 !important;
	margin: -1px !important;
	padding: 0 !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
	overflow: hidden !important;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-select-trigger {
	display: flex;
	box-sizing: border-box;
	width: 100%;
	min-height: 44px;
	margin-top: 4px;
	padding: 8px 0;
	border: 0;
	border-radius: 0;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: transparent;
	color: #526071;
	font: inherit;
	font-size: 15px;
	line-height: 24px;
	text-align: left;
	cursor: pointer;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-select-trigger > span {
	min-width: 0;
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-select-trigger > i {
	flex: 0 0 auto;
	color: #8ea2ba;
	font-size: 16px;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-select-trigger:disabled {
	opacity: .55;
	cursor: default;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-select-field .xsdm-account-select-trigger {
	min-height: 44px;
	margin: 0;
	padding: 8px 12px;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-form > .xsdm-account-profile-field.has-privacy {
	display: grid;
	grid-template-columns: minmax(92px, 34%) minmax(0, 1fr) auto;
	min-height: 50px;
	padding: 0 12px;
	align-items: center;
	column-gap: 10px;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-field.has-privacy > span {
	min-width: 0;
	margin: 0;
	color: #172033;
	font-size: 15px;
	line-height: 22px;
	overflow-wrap: anywhere;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-value {
	min-width: 0;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-field.has-privacy .xsdm-account-profile-value input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-field.has-privacy .xsdm-account-profile-value textarea {
	color: #465465;
	font-size: 15px;
	text-overflow: ellipsis;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-value input::placeholder,
body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-value textarea::placeholder {
	color: #a9b3bf;
	opacity: 1;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-field.has-privacy > .xsdm-account-privacy-trigger {
	width: auto;
	min-width: 66px;
	min-height: 44px;
	margin: 0;
	padding: 8px 0 8px 4px;
	justify-content: flex-end;
	gap: 8px;
	color: #0751af;
	font-size: 15px;
	white-space: nowrap;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-field.has-privacy > .xsdm-account-privacy-trigger > span {
	flex: 0 1 auto;
	overflow: visible;
	text-overflow: clip;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-field.has-privacy > .xsdm-account-privacy-trigger > i {
	color: #0751af;
	font-size: 17px;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-form > .xsdm-account-readonly {
	grid-template-columns: minmax(92px, 34%) minmax(0, 1fr) auto;
	min-height: 50px;
	column-gap: 10px;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-form > .xsdm-account-readonly strong {
	text-align: left;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-form.is-verification > #tr_mobile {
	display: grid;
	grid-template-columns: minmax(72px, 26%) minmax(0, 1fr);
	min-height: 44px;
	padding: 0 12px;
	align-items: center;
	column-gap: 10px;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-form.is-verification > #tr_mobile > span {
	min-width: 0;
	margin: 0;
	color: #172033;
	font-size: 15px;
	line-height: 22px;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-form.is-verification > #tr_mobile > .xsdm-account-profile-value {
	min-width: 0;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-form.is-verification > #tr_mobile > .xsdm-account-profile-value input:not([type="hidden"]) {
	width: 100%;
	min-width: 0;
	margin: 0;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-privacy-note {
	display: flex;
	margin: 0;
	padding: 16px 14px 22px;
	align-items: flex-start;
	gap: 9px;
	background: #f3f5f7;
	color: #8795a7;
	font-size: 13px;
	line-height: 21px;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-privacy-note > i {
	flex: 0 0 auto;
	color: #0751af;
	font-size: 18px;
}

@media (max-width: 360px) {
	body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-form > .xsdm-account-profile-field.has-privacy,
	body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-form > .xsdm-account-readonly {
		grid-template-columns: minmax(84px, 32%) minmax(0, 1fr) auto;
		padding-right: 10px;
		padding-left: 10px;
		column-gap: 8px;
	}

	body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-profile-field.has-privacy > .xsdm-account-privacy-trigger {
		min-width: 60px;
		gap: 5px;
	}
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-readonly {
	padding-right: 12px;
	padding-left: 12px;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-seccheck {
	padding-right: 12px;
	padding-left: 12px;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-form-card form > button {
	width: calc(100% - 24px);
	margin: 18px 12px 0;
	border-radius: 6px;
	background: #0751af;
	box-shadow: 0 6px 14px rgba(7, 81, 175, .16);
}

body.xsdm-touch.xsdm-select-sheet-open {
	overflow: hidden;
}

body.xsdm-touch .xsdm-account-select-sheet[hidden] {
	display: none !important;
}

body.xsdm-touch .xsdm-account-select-sheet {
	position: fixed;
	z-index: 320;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	padding: 0;
	align-items: flex-end;
	justify-content: center;
	font-family: var(--xsdm-touch-font);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .2s ease, visibility .2s ease;
}

body.xsdm-touch .xsdm-account-select-sheet.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

body.xsdm-touch .xsdm-account-select-sheet-backdrop {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(5, 24, 49, .48);
}

body.xsdm-touch .xsdm-account-select-sheet-panel {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: 100%;
	max-width: 480px;
	padding-bottom: env(safe-area-inset-bottom, 0);
	border-radius: 18px 18px 0 0;
	background: #fff;
	box-shadow: 0 -12px 36px rgba(8, 43, 93, .18);
	transform: translateY(100%);
	transition: transform .22s ease;
	overflow: hidden;
}

body.xsdm-touch .xsdm-account-select-sheet.is-open .xsdm-account-select-sheet-panel {
	transform: translateY(0);
}

body.xsdm-touch .xsdm-account-select-sheet-panel > header {
	display: flex;
	height: 54px;
	padding: 0 12px 0 18px;
	border-bottom: 1px solid #e8edf3;
	align-items: center;
	justify-content: space-between;
	background: #fff;
}

body.xsdm-touch .xsdm-account-select-sheet-panel > header strong {
	min-width: 0;
	color: #172033;
	font-size: 16px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.xsdm-touch .xsdm-account-select-sheet-panel > header button {
	min-width: 52px;
	height: 36px;
	padding: 0 12px;
	border: 0;
	border-radius: 18px;
	background: #eef5ff;
	color: #0751af;
	font: inherit;
	font-size: 14px;
}

body.xsdm-touch .xsdm-account-select-sheet-options {
	max-height: min(58vh, 440px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

body.xsdm-touch .xsdm-account-select-sheet-option {
	display: flex;
	box-sizing: border-box;
	width: 100%;
	min-height: 50px;
	padding: 11px 18px;
	border: 0;
	border-bottom: 1px solid #edf1f5;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	background: #fff;
	color: #4f5d6c;
	font: inherit;
	font-size: 15px;
	line-height: 22px;
	text-align: left;
}

body.xsdm-touch .xsdm-account-select-sheet-option:last-child {
	border-bottom: 0;
}

body.xsdm-touch .xsdm-account-select-sheet-option > span {
	min-width: 0;
	flex: 1 1 auto;
}

body.xsdm-touch .xsdm-account-select-sheet-option > i {
	flex: 0 0 auto;
	color: #ff7100;
	font-size: 20px;
	opacity: 0;
}

body.xsdm-touch .xsdm-account-select-sheet-option.is-selected {
	background: #eef5ff;
	color: #0751af;
	font-weight: 500;
}

body.xsdm-touch .xsdm-account-select-sheet-option.is-selected > i {
	opacity: 1;
}

body.xsdm-touch .xsdm-account-select-sheet-option:disabled {
	color: #aab2bc;
	opacity: .6;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-birthday-value {
	font-size: 0;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-birthday-trigger {
	min-height: 44px;
	margin: 0;
	padding: 8px 0;
	color: #465465;
	font-size: 15px;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-birthday-trigger > span {
	color: inherit;
}

body.xsdm-touch .xsdm-account-profile-settings .xsdm-account-birthday-trigger > i {
	color: #0751af;
	font-size: 17px;
}

body.xsdm-touch .xsdm-account-birthday-sheet-panel {
	max-height: calc(100vh - 20px);
	max-height: calc(100dvh - 20px);
	overflow-y: auto;
}

body.xsdm-touch .xsdm-account-birthday-calendar {
	padding: 12px 14px 8px;
	background: #fff;
}

body.xsdm-touch .xsdm-account-birthday-calendar-nav {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) minmax(0, .72fr) 38px;
	align-items: end;
	gap: 8px;
	margin-bottom: 12px;
}

body.xsdm-touch .xsdm-account-birthday-calendar-nav > button {
	display: flex;
	width: 38px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 20px;
	align-items: center;
	justify-content: center;
	background: #eef5ff;
	color: #0751af;
	font: inherit;
	font-size: 17px;
}

body.xsdm-touch .xsdm-account-birthday-calendar-nav > button:disabled {
	color: #aeb9c5;
	background: #f3f5f7;
	opacity: .65;
}

body.xsdm-touch .xsdm-account-birthday-calendar-nav > label {
	display: block;
	min-width: 0;
}

body.xsdm-touch .xsdm-account-birthday-calendar-nav > label > span {
	display: block;
	margin: 0 0 3px;
	color: #8a96a4;
	font-size: 11px;
	line-height: 16px;
}

body.xsdm-touch .xsdm-account-birthday-calendar-nav select {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 9px;
	border: 1px solid #d8e4f2;
	border-radius: 6px;
	background: #f7faff;
	color: #172033;
	font: inherit;
	font-size: 14px;
	outline: 0;
}

body.xsdm-touch .xsdm-account-birthday-calendar-nav select:focus {
	border-color: #0751af;
	box-shadow: 0 0 0 2px rgba(7, 81, 175, .08);
}

body.xsdm-touch .xsdm-account-birthday-weekdays,
body.xsdm-touch .xsdm-account-birthday-days {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	align-items: center;
	text-align: center;
}

body.xsdm-touch .xsdm-account-birthday-weekdays {
	height: 28px;
	color: #8c98a6;
	font-size: 12px;
}

body.xsdm-touch .xsdm-account-birthday-days {
	grid-auto-rows: 40px;
	row-gap: 2px;
}

body.xsdm-touch .xsdm-account-birthday-days > button,
body.xsdm-touch .xsdm-account-birthday-days > span {
	justify-self: center;
	box-sizing: border-box;
	width: 36px;
	height: 36px;
}

body.xsdm-touch .xsdm-account-birthday-days > button {
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #445263;
	font: inherit;
	font-size: 14px;
	line-height: 36px;
	text-align: center;
}

body.xsdm-touch .xsdm-account-birthday-days > button:active {
	background: #eef5ff;
}

body.xsdm-touch .xsdm-account-birthday-days > button.is-selected {
	background: #0751af;
	color: #fff;
	box-shadow: 0 5px 12px rgba(7, 81, 175, .2);
}

body.xsdm-touch .xsdm-account-birthday-sheet-panel > footer {
	display: grid;
	grid-template-columns: 1fr 1.45fr;
	gap: 10px;
	padding: 10px 14px 12px;
	border-top: 1px solid #e9eef4;
	background: #fff;
}

body.xsdm-touch .xsdm-account-birthday-sheet-panel > footer button {
	height: 42px;
	border: 0;
	border-radius: 6px;
	font: inherit;
	font-size: 15px;
}

body.xsdm-touch .xsdm-account-birthday-sheet-panel > footer .is-clear {
	background: #f0f3f6;
	color: #667587;
}

body.xsdm-touch .xsdm-account-birthday-sheet-panel > footer .is-confirm {
	background: #0751af;
	color: #fff;
}

body.xsdm-touch .xsdm-account-birthday-sheet-panel > footer .is-confirm:disabled {
	background: #b5c7de;
	cursor: default;
}

@media (max-height: 620px) {
	body.xsdm-touch .xsdm-account-birthday-calendar {
		padding-top: 8px;
	}

	body.xsdm-touch .xsdm-account-birthday-days {
		grid-auto-rows: 34px;
	}

	body.xsdm-touch .xsdm-account-birthday-days > button,
	body.xsdm-touch .xsdm-account-birthday-days > span {
		width: 32px;
		height: 32px;
	}

	body.xsdm-touch .xsdm-account-birthday-days > button {
		line-height: 32px;
	}
}

/* Ordinary narrow-screen profile settings reuse the live desktop form as a WAP surface. */
.xsdm-responsive-profile-appbar {
	display: none;
}

@media (max-width: 760px) {
	body.xsdm-profile-settings-page {
		background: #f3f5f7 !important;
	}

	body.xsdm-profile-settings-page .xsdm-site-header,
	body.xsdm-profile-settings-page #ft,
	body.xsdm-profile-settings-page #scrolltop {
		display: none !important;
	}

	body.xsdm-profile-settings-page #wp.xsdm-page {
		box-sizing: border-box;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 0 24px !important;
		background: #f3f5f7 !important;
	}

	body.xsdm-profile-settings-page .xsdm-responsive-profile-appbar {
		display: grid;
		width: 100%;
		max-width: 480px;
		margin: 0 auto;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile {
		display: block !important;
		box-sizing: border-box;
		width: 100% !important;
		max-width: 480px;
		margin: 0 auto !important;
		background: #f3f5f7 !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile > .rtj1009_zcd,
	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile .xsdm-spacecp-heading {
		display: none !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile > .rtj1009_sz_mn {
		float: none !important;
		width: 100% !important;
		min-width: 0;
		margin: 0 !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile .xsdm-spacecp-card {
		border-radius: 0 !important;
		box-shadow: none !important;
		overflow: visible;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile .xsdm-spacecp-card > .ren_sz_z {
		box-sizing: border-box;
		width: 100%;
		padding: 0 12px 18px !important;
		background: #fff;
		overflow: visible;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile .ren_sz_z > .ren_g_cd {
		display: flex !important;
		align-items: stretch;
		flex-wrap: nowrap !important;
		box-sizing: border-box;
		width: calc(100% + 24px) !important;
		min-height: 45px;
		margin: 0 -12px 10px !important;
		padding: 0 !important;
		border: 0 !important;
		border-bottom: 1px solid #e9edf1 !important;
		background: #fff !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile .ren_sz_z > .ren_g_cd::-webkit-scrollbar {
		display: none;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile .ren_sz_z > .ren_g_cd > li {
		display: flex;
		float: none !important;
		flex: 0 0 auto;
		height: 45px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: #fff !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile .ren_sz_z > .ren_g_cd > li > a {
		display: flex !important;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		min-width: 96px;
		height: 45px !important;
		padding: 0 14px !important;
		border: 0 !important;
		border-bottom: 3px solid transparent !important;
		background: #fff !important;
		color: #7c8794 !important;
		font-size: 14px;
		font-weight: 400 !important;
		line-height: 42px !important;
		white-space: nowrap;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile .ren_sz_z > .ren_g_cd > li.a > a {
		border-bottom-color: #0751af !important;
		color: #0751af !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile :is(.bbda, .tbms) {
		margin: 0 -12px 10px !important;
		padding: 11px 12px !important;
		border: 0 !important;
		border-bottom: 1px solid #edf0f2 !important;
		background: #f8fbff !important;
		color: #687889;
		font-size: 12px;
		line-height: 1.6;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile :is(#profilelist, form > .tfm) {
		width: 100% !important;
		margin: 0 !important;
		border: 0 !important;
		border-collapse: collapse;
		background: #fff !important;
		table-layout: auto;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile :is(#profilelist, form > .tfm) > tbody > tr {
		display: block;
		height: auto !important;
		padding: 12px 0 !important;
		border: 0 !important;
		border-bottom: 1px solid #edf0f2 !important;
		background: #fff !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile :is(#profilelist, form > .tfm) > tbody > tr > :is(th, td),
	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #profilelist > tbody > tr > td:last-child {
		display: block;
		box-sizing: border-box;
		width: 100% !important;
		height: auto !important;
		padding: 0 !important;
		border: 0 !important;
		background: #fff !important;
		font-size: 14px;
		line-height: 22px;
		text-align: left !important;
		white-space: normal;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile :is(#profilelist, form > .tfm) > tbody > tr > th {
		margin-bottom: 7px;
		color: #526071;
		font-size: 13px;
		font-weight: 400;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #profilelist > tbody > tr > td.p {
		padding-top: 7px !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile :is(
		#profilelist input.px,
		#profilelist textarea.pt,
		#profilelist select,
		form > .tfm input.px,
		form > .tfm textarea.pt,
		form > .tfm select
	) {
		box-sizing: border-box;
		width: 100% !important;
		min-height: 42px;
		margin: 0;
		padding: 9px 10px;
		border: 1px solid #dce2e8 !important;
		border-radius: 4px !important;
		background: #fff !important;
		box-shadow: none !important;
		color: #344252;
		font-family: inherit;
		font-size: 14px;
		line-height: 22px;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #profilelist textarea.pt,
	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile form > .tfm textarea.pt {
		min-height: 88px;
		resize: vertical;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #profilelist .tedt {
		width: 100%;
		margin: 0;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #profilelist td:nth-child(2) > :is(.d, .rq) {
		max-width: none;
		margin-top: 5px !important;
		font-size: 12px;
		line-height: 18px;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #profilelist .xsdm-profile-submit-row {
		border-bottom: 0 !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile :is(button.pn.pnc, .xsdm-profile-submit-row button) {
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 100%;
		height: 44px;
		margin: 0;
		padding: 0 14px;
		border: 0 !important;
		border-radius: 4px;
		background: #0751af !important;
		box-shadow: none !important;
		color: #fff !important;
		font-size: 15px;
		line-height: 44px;
		text-align: center;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile :is(button.pn.pnc, .xsdm-profile-submit-row button) strong {
		color: inherit;
		font-weight: 400;
	}
}

/* Account security: make the live common-template form match the WAP line form. */
@media (max-width: 760px) {
	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile .xsdm-responsive-password-tip {
		box-sizing: border-box;
		width: calc(100% + 24px);
		margin: 0 -12px !important;
		padding: 11px 12px !important;
		border-bottom: 1px solid #e4ebf4 !important;
		background: #f3f7fc !important;
		color: #6c7a8a;
		font-size: 12px;
		line-height: 1.6;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm {
		box-sizing: border-box;
		width: calc(100% + 24px);
		margin: 0 -12px;
		background: #fff;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm > .xsdm-responsive-password-table,
	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm > .xsdm-responsive-password-table > tbody {
		display: block;
		box-sizing: border-box;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: #fff !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-line {
		display: flex !important;
		box-sizing: border-box;
		width: 100%;
		min-height: 50px;
		margin: 0;
		padding: 0 12px !important;
		align-items: center;
		gap: 8px;
		border: 0 !important;
		border-bottom: 1px solid #e9edf2 !important;
		background: #fff !important;
		transition: background-color .16s ease, box-shadow .16s ease;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-line:focus-within {
		background: #f7faff !important;
		box-shadow: inset 3px 0 0 #0751af;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-line > th {
		display: flex !important;
		width: auto !important;
		min-width: 0;
		min-height: 50px;
		margin: 0;
		padding: 0 !important;
		flex: 0 0 auto;
		align-items: center;
		border: 0 !important;
		background: transparent !important;
		color: #8793a2;
		font-size: 15px;
		font-weight: 400;
		line-height: 22px;
		white-space: nowrap;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-line > th .rq {
		display: inline;
		margin: 0 3px 0 0;
		color: #e5484d;
		font-size: 15px;
		line-height: inherit;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-line > td {
		display: flex !important;
		width: auto !important;
		min-width: 0;
		min-height: 50px;
		margin: 0;
		padding: 0 !important;
		flex: 1 1 auto;
		align-items: center;
		border: 0 !important;
		background: transparent !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-line input.px {
		display: block;
		box-sizing: border-box;
		width: auto !important;
		min-width: 0;
		min-height: 34px;
		margin: 0;
		padding: 5px 0;
		flex: 1 1 auto;
		border: 0 !important;
		border-radius: 0 !important;
		outline: 0;
		background: transparent !important;
		box-shadow: none !important;
		color: #172033;
		font-family: inherit;
		font-size: 15px;
		line-height: 24px;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-line .d {
		display: none !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-select {
		display: block !important;
		box-sizing: border-box;
		width: 100%;
		min-height: 68px;
		margin: 0;
		padding: 0 !important;
		border: 0 !important;
		border-bottom: 1px solid #e9edf2 !important;
		background: #fff !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-select > th {
		display: block !important;
		box-sizing: border-box;
		width: 100% !important;
		min-height: 24px;
		margin: 0;
		padding: 2px 12px !important;
		border: 0 !important;
		background: #f3f5f7 !important;
		color: #8793a2;
		font-size: 13px;
		font-weight: 400;
		line-height: 20px;
		text-align: left !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-select > td {
		position: relative;
		display: block !important;
		box-sizing: border-box;
		width: 100% !important;
		min-height: 44px;
		margin: 0;
		padding: 0 12px !important;
		border: 0 !important;
		background: #fff !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-select > td::after {
		position: absolute;
		top: 0;
		right: 12px;
		display: flex;
		width: 18px;
		height: 44px;
		align-items: center;
		justify-content: flex-end;
		color: #8ea2ba;
		font-family: bootstrap-icons !important;
		font-size: 16px;
		line-height: 1;
		content: "\f285";
		pointer-events: none;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-select select {
		display: block;
		box-sizing: border-box;
		width: 100% !important;
		height: 44px;
		min-height: 44px;
		margin: 0;
		padding: 8px 30px 8px 0;
		border: 0 !important;
		border-radius: 0 !important;
		outline: 0;
		appearance: none;
		-webkit-appearance: none;
		background: transparent !important;
		box-shadow: none !important;
		color: #526071;
		font-family: inherit;
		font-size: 15px;
		line-height: 24px;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-select .d {
		display: none !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-textarea {
		display: block !important;
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding: 8px 12px 12px !important;
		border: 0 !important;
		border-bottom: 1px solid #e9edf2 !important;
		background: #fff !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-textarea > th,
	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-textarea > td {
		display: block !important;
		box-sizing: border-box;
		width: 100% !important;
		margin: 0;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		text-align: left !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-textarea > th {
		margin-bottom: 5px;
		color: #8793a2;
		font-size: 13px;
		font-weight: 400;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-textarea textarea {
		width: 100% !important;
		min-height: 64px;
		padding: 7px 0;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: #172033;
		font-size: 15px;
		line-height: 24px;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-textarea .d {
		display: none !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-submit {
		display: block !important;
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding: 18px 12px 0 !important;
		border: 0 !important;
		background: #fff !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-submit > th {
		display: none !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-submit > td {
		display: block !important;
		box-sizing: border-box;
		width: 100% !important;
		margin: 0;
		padding: 0 !important;
		border: 0 !important;
		background: #fff !important;
	}

	body.xsdm-profile-settings-page .xsdm-spacecp-page-profile #xsdmResponsivePasswordForm .xsdm-responsive-password-submit button {
		display: flex;
		width: 100%;
		height: 44px;
		margin: 0;
		padding: 0 14px;
		align-items: center;
		justify-content: center;
		border: 0 !important;
		border-radius: 6px;
		background: #0751af !important;
		box-shadow: 0 6px 14px rgba(7, 81, 175, .16) !important;
		color: #fff !important;
		font-family: inherit;
		font-size: 15px;
		line-height: 44px;
	}
}