/**
 * VibeCrew shell — measured against rhymix.org gonghome layout.
 */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html, body {
	margin: 0;
	padding: 0;
	overflow-x: clip;
	max-width: 100%;
}

body {
	font-family: SpoqaHanSansNeo, 'Malgun Gothic', system-ui, sans-serif;
	font-size: 16px;
	line-height: 100%;
	-webkit-font-smoothing: antialiased;
	background: #ffffff;
	color: #101011;
}

body.color_scheme_dark {
	background: #1a1c1e;
	color: #e9eaec;
}

body.color_scheme_dark main,
body.color_scheme_dark main .content-area,
body.color_scheme_dark main .content-sidebar,
body.color_scheme_dark .gonghome-wrapper {
	color: #e9eaec;
}

body.color_scheme_dark main a:not(.write-button):not(.active) {
	color: inherit;
}

body a {
	color: inherit;
	text-decoration: none;
}

.gonghome-wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100svh;
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
}

.gonghome-wrapper > main {
	flex: 1 0 auto;
}

.container {
	width: 100%;
	max-width: 1280px;
	padding: 0 20px;
	margin: 0 auto;
	box-sizing: border-box;
}

/* ---- Header (dark bar) ---- */
header {
	width: 100%;
	height: 88px;
	background-color: #34373a;
	z-index: 1000;
	position: relative;
}

header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}

header .logo {
	display: flex;
	align-items: flex-start;
	padding: 6px 0 0 0;
}

header .logo a {
	border: 0;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

header .logo a img,
header .logo a .logo-mark {
	height: 34px;
	width: 34px;
	margin: 0;
	border-radius: 9px;
	display: block;
	flex: 0 0 auto;
}

header .logo .logo-text {
	color: #e9eaec;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 34px;
}

header .menu-body {
	font-size: 16px;
	line-height: 20px;
	display: flex;
	gap: 32px;
	align-items: center;
}

header .menu-item {
	display: flex;
	align-items: center;
	position: relative;
	padding: 16px 0;
}

header .menu-item > a {
	display: block;
	color: #e9eaec;
}

header .menu-item > a.active {
	font-weight: bold;
}

header .menu-item > a i[class^=ri-] {
	display: inline-block;
	height: 16px;
	margin: 0 -2px -2px -2px;
}

header .menu-item > a .ri-arrow-up-s-line {
	display: none !important;
}

header .menu-item.is-open > a .ri-arrow-up-s-line {
	display: inline-block !important;
}

header .menu-item.is-open > a .ri-arrow-down-s-line {
	display: none !important;
}

/* GNB / account popovers use shared .vc-dd (dropdown.css) */
header .menu-item[data-vc-dd] {
	align-self: stretch;
}

header .menu-item > .vc-dd.menu-sub {
	top: 100%;
	left: -8px;
	width: auto;
	min-width: 168px;
}

header .profile-wrapper {
	align-self: stretch;
	padding: 0;
	margin: 0;
}

header .vc-header-auth {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 100%;
}

header .vc-header-login {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	padding: 0 16px;
	border: 1px solid var(--vc-cta, #c9a227);
	border-radius: 8px;
	background: var(--vc-cta, #c9a227);
	color: var(--vc-on-cta, #111111);
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

header .vc-header-login:hover,
header .vc-header-login:focus-visible {
	background: var(--vc-cta-hover, #d5b13a);
	border-color: var(--vc-cta-hover, #d5b13a);
	color: var(--vc-on-cta, #111111);
	text-decoration: none;
}

header .vc-account-toggle {
	display: flex;
	align-items: center;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

header .vc-account-toggle .gh-profile {
	margin: 0;
	outline: 2px solid transparent;
	transition: outline-color 0.15s ease;
}

header .profile-wrapper.is-open .vc-account-toggle .gh-profile,
header .vc-account-toggle:hover .gh-profile,
header .vc-account-toggle:focus-visible .gh-profile {
	outline-color: rgba(233, 234, 236, 0.35);
}

header .vc-account-toggle .gh-profile img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

header .vc-dd-nav {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

header .mobile-menu-toggle {
	display: none;
	padding: 24px 0;
	border: 0;
	background: transparent;
	color: inherit;
	font-family: inherit;
	line-height: 1;
	z-index: 1010;
	font-size: 24px;
	cursor: pointer;
}

header .mobile-menu-toggle i {
	color: #ffffff;
}

.gonghome-wrapper > .mobile-menu {
	display: none;
}

.gh-profile {
	display: block;
	aspect-ratio: 1;
	border-radius: 50%;
	overflow: hidden;
	background-color: #52575b;
}

.gh-profile > * {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.gh-profile .profile-placeholder {
	font-weight: 750;
	line-height: 1;
	letter-spacing: -0.02em;
	user-select: none;
	color: #f0f1f2;
}

.gh-profile .profile-placeholder.tone-0 {
	background: color-mix(in srgb, var(--vc-cta, #c9a227) 22%, #2a2c30);
	color: #f3e6b0;
}

.gh-profile .profile-placeholder.tone-1 {
	background: color-mix(in srgb, #5b8def 28%, #2a2c30);
	color: #c9dbff;
}

.gh-profile .profile-placeholder.tone-2 {
	background: color-mix(in srgb, #3daa7a 28%, #2a2c30);
	color: #c8f0dd;
}

.gh-profile .profile-placeholder.tone-3 {
	background: color-mix(in srgb, #c45d8a 28%, #2a2c30);
	color: #f5cfe0;
}

.gh-profile .profile-placeholder.tone-4 {
	background: color-mix(in srgb, #8a7be8 28%, #2a2c30);
	color: #ddd6ff;
}

html.color_scheme_light .gh-profile .profile-placeholder.tone-0,
body.color_scheme_light .gh-profile .profile-placeholder.tone-0 {
	background: color-mix(in srgb, var(--vc-cta, #c9a227) 28%, #fff);
	color: #7a5f00;
}

html.color_scheme_light .gh-profile .profile-placeholder.tone-1,
body.color_scheme_light .gh-profile .profile-placeholder.tone-1 {
	background: color-mix(in srgb, #5b8def 22%, #fff);
	color: #2f5bb8;
}

html.color_scheme_light .gh-profile .profile-placeholder.tone-2,
body.color_scheme_light .gh-profile .profile-placeholder.tone-2 {
	background: color-mix(in srgb, #3daa7a 22%, #fff);
	color: #1f7a52;
}

html.color_scheme_light .gh-profile .profile-placeholder.tone-3,
body.color_scheme_light .gh-profile .profile-placeholder.tone-3 {
	background: color-mix(in srgb, #c45d8a 22%, #fff);
	color: #9a3a63;
}

html.color_scheme_light .gh-profile .profile-placeholder.tone-4,
body.color_scheme_light .gh-profile .profile-placeholder.tone-4 {
	background: color-mix(in srgb, #8a7be8 22%, #fff);
	color: #5a4db8;
}

.gh-profile.size-40px {
	width: 40px;
}

.gh-profile.size-40px .profile-placeholder {
	font-size: 16px;
}

.gh-profile.size-32px {
	width: 32px;
}

.gh-profile.size-32px .profile-placeholder {
	font-size: 14px;
}

.gh-profile.size-20px {
	width: 20px;
}

.gh-profile.size-20px .profile-placeholder {
	font-size: 11px;
}

.gh-profile.type-light {
	border: 0;
	background-color: #b7babe;
}

body.color_scheme_dark .gh-profile.type-light {
	background-color: #52575b;
}

/* ---- Main 2-column ---- */
/* Gonghome rhythm: 880 + 60 gap + 300 = 1240 inside 1280 container */
main .content-wrapper {
	display: flex;
	padding: 32px 0 48px 0;
	justify-content: space-between;
	align-items: stretch;
	gap: 60px;
}

main .content-area {
	width: 880px;
	max-width: calc(100% - 300px - 60px);
	min-width: 0;
	flex: 1 1 auto;
}

main .content-area.content-full {
	width: 100%;
	max-width: 100%;
	flex: 1 1 auto;
}

main .content-sidebar {
	width: 300px;
	flex: 0 0 300px;
}

main h1,
main .gh-title {
	font-size: 32px;
	font-weight: bold;
	line-height: 140%;
	margin: 12px 0 32px 0;
	padding: 0;
	color: #101011;
}

body.color_scheme_dark main h1,
body.color_scheme_dark main .gh-title {
	color: #e9eaec;
}

main h1 a,
main .gh-title a {
	color: inherit;
}

/* Rhymix page-module controls shown only to managers. */
.gonghome-wrapper #vc-content > .btnArea {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	margin: 28px 0 0;
	padding: 14px 0 0;
	border-top: 1px solid var(--vc-border);
	text-align: right;
}

.gonghome-wrapper #vc-content > .btnArea::before {
	content: "관리자 도구";
	margin-right: auto;
	color: var(--vc-text-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.01em;
}

.gonghome-wrapper #vc-content > .btnArea .btn-group {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	margin: 0;
}

.gonghome-wrapper #vc-content > .btnArea .btn-group > .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: auto;
	min-width: 0;
	min-height: 32px;
	margin: 0 !important;
	padding: 5px 11px;
	border: 1px solid var(--vc-border);
	border-radius: 6px !important;
	background: var(--vc-surface);
	box-shadow: none;
	color: var(--vc-text) !important;
	font-family: inherit;
	font-size: 12px;
	font-weight: 650;
	line-height: 20px;
	text-shadow: none;
	text-decoration: none;
	opacity: 1;
}

.gonghome-wrapper #vc-content > .btnArea .btn-group > .btn:hover,
.gonghome-wrapper #vc-content > .btnArea .btn-group > .btn:focus-visible {
	border-color: color-mix(in srgb, var(--vc-brand) 55%, var(--vc-border));
	background: var(--vc-brand-soft);
	color: var(--vc-text) !important;
	text-decoration: none;
}

body.color_scheme_dark .gonghome-wrapper #vc-content > .btnArea .btn-group > .btn {
	background: #25282b;
	border-color: #44474b;
	color: #e9eaec !important;
}

/* Front-end page/widget editor: keep legacy manager UI inside the site theme. */
.gonghome-wrapper #zonePageContent {
	box-sizing: border-box;
	min-height: 160px;
	color: var(--vc-text);
}

.gonghome-wrapper #zonePageContent .widgetOutput {
	box-sizing: border-box;
	color: inherit;
}

.gonghome-wrapper #zonePageContent .widgetOutput .widgetBorder,
.gonghome-wrapper #zonePageContent .widgetOutput .widgetBoxBorder {
	border-color: color-mix(in srgb, var(--vc-brand) 65%, var(--vc-border));
	background: transparent;
}

.gonghome-wrapper .widgetButtons {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	box-sizing: border-box;
	max-width: 100%;
	padding: 4px !important;
	border: 1px solid var(--vc-border);
	border-radius: 0 0 7px 0;
	background: var(--vc-surface) !important;
	box-shadow: 0 4px 14px rgba(16, 16, 17, 0.14) !important;
	color: var(--vc-text);
	line-height: 1 !important;
	overflow: visible;
}

.gonghome-wrapper .widgetButtons > button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: auto !important;
	height: 26px !important;
	min-width: 0;
	padding: 0 7px !important;
	border: 0 !important;
	border-radius: 4px;
	background: transparent !important;
	color: var(--vc-text) !important;
	font-family: inherit;
	font-size: 11px;
	font-weight: 700;
	line-height: 26px;
	text-indent: 0;
	white-space: nowrap;
	overflow: visible;
}

.gonghome-wrapper .widgetButtons > button:hover,
.gonghome-wrapper .widgetButtons > button:focus-visible {
	background: var(--vc-brand-soft) !important;
	color: var(--vc-accent) !important;
}

.gonghome-wrapper #pageFo {
	margin: 16px 0 0;
}

.gonghome-wrapper #pageBtnArea {
	position: sticky;
	bottom: 12px;
	z-index: 1010;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	border: 1px solid var(--vc-border);
	border-radius: 8px;
	background: color-mix(in srgb, var(--vc-surface) 94%, transparent);
	box-shadow: 0 8px 24px rgba(16, 16, 17, 0.12);
	backdrop-filter: blur(10px);
	text-align: left;
}

.gonghome-wrapper #pageBtnArea[hidden] {
	display: none !important;
}

.gonghome-wrapper #pageBtnArea .etc,
.gonghome-wrapper #pageBtnArea .btn-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0;
}

.gonghome-wrapper #pageBtnArea .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: auto;
	min-width: 0;
	min-height: 34px;
	margin: 0 !important;
	padding: 6px 11px;
	border: 1px solid var(--vc-border);
	border-radius: 6px !important;
	background: var(--vc-surface);
	box-shadow: none;
	color: var(--vc-text) !important;
	font-family: inherit;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	text-shadow: none;
}

.gonghome-wrapper #pageBtnArea .btn:hover,
.gonghome-wrapper #pageBtnArea .btn:focus-visible {
	border-color: color-mix(in srgb, var(--vc-brand) 55%, var(--vc-border));
	background: var(--vc-brand-soft);
}

.gonghome-wrapper #pageBtnArea select {
	box-sizing: border-box;
	width: auto !important;
	max-width: 180px;
	height: 34px;
	min-height: 34px;
	margin: 0 !important;
	padding: 5px 28px 5px 9px;
	border: 1px solid var(--vc-border);
	border-radius: 6px;
	background-color: var(--vc-surface);
	color: var(--vc-text);
	font-family: inherit;
	font-size: 12px;
}

body.color_scheme_dark .gonghome-wrapper .widgetButtons,
body.color_scheme_dark .gonghome-wrapper #pageBtnArea,
body.color_scheme_dark .gonghome-wrapper #pageBtnArea .btn,
body.color_scheme_dark .gonghome-wrapper #pageBtnArea select {
	border-color: #44474b;
	background-color: #25282b;
	color: #e9eaec !important;
}

body.color_scheme_dark .gonghome-wrapper #zonePageContent,
body.color_scheme_dark .gonghome-wrapper #zonePageContent .widgetOutput {
	color: #e9eaec;
}

body.color_scheme_dark .gonghome-wrapper .x_modal.wgs {
	border-color: #44474b;
	background: #1d1e20;
	color: #e9eaec;
}

body.color_scheme_dark .gonghome-wrapper .x_modal.wgs .x_modal-header,
body.color_scheme_dark .gonghome-wrapper .x_modal.wgs .x_modal-footer,
body.color_scheme_dark .gonghome-wrapper .x_modal.wgs th,
body.color_scheme_dark .gonghome-wrapper .x_modal.wgs td {
	border-color: #44474b;
	background: #25282b;
	color: #e9eaec;
}

body.color_scheme_dark .gonghome-wrapper .x_modal.wgs input,
body.color_scheme_dark .gonghome-wrapper .x_modal.wgs select {
	border-color: #52575b;
	background: #1d1e20;
	color: #e9eaec;
}

/* ---- Sidebar ---- */
.gonghome-sidebar {
	margin: 16px 0 0 0;
}

/* Ad-ready slot: hidden until filled (iframe / adsbygoogle / .is-filled) */
.gonghome-sidebar .vc-ad-slot {
	display: none;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 90px;
	margin: 0 0 20px;
	padding: 0;
	border-radius: 8px;
	overflow: hidden;
}

.gonghome-sidebar .vc-ad-slot-label {
	display: none;
}

.gonghome-sidebar .vc-ad-slot.is-filled,
.gonghome-sidebar .vc-ad-slot:has(iframe),
.gonghome-sidebar .vc-ad-slot:has(ins),
.gonghome-sidebar .vc-ad-slot:has(img) {
	display: flex;
	background: var(--vc-surface, #fff);
}

.gonghome-sidebar .write-here {
	z-index: 1;
	margin-bottom: 24px;
	display: flex;
	flex-direction: column;
}

.gonghome-sidebar .write-here .write-button {
	width: 100%;
	border-radius: 4px;
	background-color: var(--vc-cta, #c9a227);
	color: var(--vc-on-cta, #111111) !important;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
}

.gonghome-sidebar .write-here .write-button:hover {
	background-color: var(--vc-cta-hover, #d5b13a);
}

.gonghome-sidebar .write-here .write-button i {
	margin-right: 2px;
}

.gonghome-sidebar .sidebar-search {
	display: flex;
	align-items: stretch;
	gap: 4px;
	margin-bottom: 24px;
}

.gonghome-sidebar .sidebar-search input {
	flex: 1;
	min-width: 0;
	height: 40px;
	padding: 0 12px;
	font-size: 14px;
	line-height: 38px;
	border-radius: 4px;
	background-color: #ffffff;
	border: 1px solid #d6d8db;
	color: #61676c;
	box-sizing: border-box;
	font-family: inherit;
}

body.color_scheme_dark .gonghome-sidebar .sidebar-search input {
	background-color: #1d1e20;
	border-color: #44474b;
	color: #969ca1;
}

.gonghome-sidebar .sidebar-search button {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	border-radius: 4px;
	background-color: #f8f8f8;
	border: 1px solid #d6d8db;
	color: #101011;
	cursor: pointer;
	box-sizing: border-box;
}

body.color_scheme_dark .gonghome-sidebar .sidebar-search button {
	background-color: #2b2d30;
	border-color: #44474b;
	color: #e9eaec;
}

.gonghome-sidebar .sidebar-section {
	padding: 14px 16px;
	border-radius: 4px;
	margin-bottom: 24px;
	background-color: #f8f8f8;
	border: 1px solid #d6d8db;
	color: #101011;
}

body.color_scheme_dark .gonghome-sidebar .sidebar-section {
	background-color: #2b2d30;
	border-color: #44474b;
	color: #e9eaec;
}

.gonghome-sidebar .sidebar-section--presence {
	padding: 14px 16px 12px;
}

.gonghome-sidebar .vc-presence-group + .vc-presence-group {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #e4e6e8;
}

.gonghome-sidebar .vc-presence-group-title {
	margin: 0 0 4px;
	color: #9aa0a6;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.gonghome-sidebar .vc-presence-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.gonghome-sidebar .vc-presence-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 0;
	border-top: 1px solid #e4e6e8;
	font-size: 13px;
	line-height: 1.35;
}

.gonghome-sidebar .vc-presence-group .vc-presence-item:first-child {
	border-top: 0;
	padding-top: 2px;
}

.gonghome-sidebar .vc-presence-item:last-child {
	padding-bottom: 2px;
}

.gonghome-sidebar .vc-presence-label {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
	color: #61676c;
	font-weight: 500;
	white-space: nowrap;
}

.gonghome-sidebar .vc-presence-value-wrap {
	display: inline-flex;
	align-items: baseline;
	justify-content: flex-end;
	gap: 5px;
	flex: 0 0 auto;
	white-space: nowrap;
}

.gonghome-sidebar .vc-presence-delta,
.gonghome-sidebar .vc-presence-breakdown {
	font-size: 11px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.01em;
	line-height: 1;
}

.gonghome-sidebar .vc-presence-delta.is-up {
	color: #2f9e44;
}

.gonghome-sidebar .vc-presence-delta.is-down {
	color: #e03131;
}

.gonghome-sidebar .vc-presence-breakdown {
	color: #9aa0a6;
}

.gonghome-sidebar .vc-presence-value {
	flex: 0 0 auto;
	color: #101011;
	font-size: 15px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
	line-height: 1.15;
}

.gonghome-sidebar .vc-presence-item.is-live .vc-presence-label {
	color: #101011;
	font-weight: 600;
}

.gonghome-sidebar .vc-presence-item.is-live .vc-presence-value {
	color: var(--vc-accent, #c9a227);
	font-size: 18px;
}

.gonghome-sidebar .vc-presence-dot {
	display: inline-block;
	flex: 0 0 auto;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--vc-primary, #c9a227);
	box-shadow: 0 0 0 0 color-mix(in srgb, var(--vc-primary, #c9a227) 65%, transparent);
	animation: vc-presence-pulse 1.6s ease-out infinite;
}

@keyframes vc-presence-pulse {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 color-mix(in srgb, var(--vc-primary, #c9a227) 55%, transparent);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 8px transparent;
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 transparent;
	}
}

@media (prefers-reduced-motion: reduce) {
	.gonghome-sidebar .vc-presence-dot {
		animation: none;
		box-shadow: 0 0 0 2px color-mix(in srgb, var(--vc-primary, #c9a227) 35%, transparent);
	}
}

body.color_scheme_dark .gonghome-sidebar .vc-presence-group + .vc-presence-group,
body.color_scheme_dark .gonghome-sidebar .vc-presence-item {
	border-top-color: #3d4044;
}

body.color_scheme_dark .gonghome-sidebar .vc-presence-group-title,
body.color_scheme_dark .gonghome-sidebar .vc-presence-breakdown {
	color: #7a8086;
}

body.color_scheme_dark .gonghome-sidebar .vc-presence-label {
	color: #9aa0a6;
}

body.color_scheme_dark .gonghome-sidebar .vc-presence-value {
	color: #e9eaec;
}

body.color_scheme_dark .gonghome-sidebar .vc-presence-delta.is-up {
	color: #51cf66;
}

body.color_scheme_dark .gonghome-sidebar .vc-presence-delta.is-down {
	color: #ff6b6b;
}

body.color_scheme_dark .gonghome-sidebar .vc-presence-item.is-live .vc-presence-label {
	color: #e9eaec;
}

body.color_scheme_dark .gonghome-sidebar .vc-presence-item.is-live .vc-presence-value {
	color: var(--vc-accent, #c9a227);
}

.gonghome-sidebar .vc-sidebar-promo-carousel {
	position: relative;
	width: 100%;
	margin-bottom: 24px;
}

.gonghome-sidebar .vc-sidebar-promo-viewport {
	width: 100%;
	/* Keep slide clipping, but leave room so 1px borders aren't cropped */
	overflow: hidden;
	padding: 1px;
	border-radius: 4px;
	touch-action: pan-y;
	box-sizing: border-box;
}

.gonghome-sidebar .vc-sidebar-promo-track {
	display: flex;
	width: 100%;
	transition: transform 0.34s ease;
	will-change: transform;
}

.gonghome-sidebar .vc-sidebar-promo {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
	box-sizing: border-box;
	width: 100%;
	flex: 0 0 100%;
	min-height: 0;
	margin: 0;
	padding: 18px 14px 18px 16px;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--vc-brand) 38%, #d6d8db);
	border-radius: 4px;
	background: linear-gradient(145deg, #fffdf5 0%, #f8f8f8 72%);
	color: #101011;
	text-decoration: none;
	/* No translateY: carousel overflow clips moved borders */
	transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.gonghome-sidebar .vc-sidebar-promo[aria-hidden="true"] {
	visibility: hidden;
}

.gonghome-sidebar .vc-sidebar-promo-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 24px;
	margin-top: 6px;
}

.gonghome-sidebar .vc-sidebar-promo-controls[hidden] {
	display: none;
}

.gonghome-sidebar .vc-sidebar-promo-prev,
.gonghome-sidebar .vc-sidebar-promo-next {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--vc-text-muted, #61676c);
	font-size: 18px;
	cursor: pointer;
}

.gonghome-sidebar .vc-sidebar-promo-prev:hover,
.gonghome-sidebar .vc-sidebar-promo-next:hover,
.gonghome-sidebar .vc-sidebar-promo-prev:focus-visible,
.gonghome-sidebar .vc-sidebar-promo-next:focus-visible {
	background: var(--vc-brand-soft, rgba(201, 162, 39, 0.12));
	color: var(--vc-text, #101011);
	outline: none;
}

.gonghome-sidebar .vc-sidebar-promo-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.gonghome-sidebar .vc-sidebar-promo-dot {
	width: 6px;
	height: 6px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--vc-border, #b7babe);
	cursor: pointer;
	transition: width 0.16s ease, background-color 0.16s ease;
}

.gonghome-sidebar .vc-sidebar-promo-dot.is-active {
	width: 16px;
	border-radius: 999px;
	background: var(--vc-accent, #c9a227);
}

.gonghome-sidebar .vc-sidebar-promo-dot:focus-visible {
	outline: 2px solid var(--vc-accent, #c9a227);
	outline-offset: 2px;
}

.gonghome-sidebar .vc-sidebar-promo:hover {
	border-color: var(--vc-brand);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--vc-brand) 35%, transparent);
	color: #101011;
	text-decoration: none;
}

.gonghome-sidebar .vc-sidebar-promo:focus-visible {
	outline: 2px solid var(--vc-accent);
	outline-offset: 3px;
}

.gonghome-sidebar .vc-sidebar-promo-body {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 0 1 auto;
	min-width: 0;
	max-width: 28em;
	padding: 2px 0;
}

.gonghome-sidebar .vc-sidebar-promo-brand {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 10px;
	color: var(--vc-accent);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.01em;
}

.gonghome-sidebar .vc-sidebar-promo strong {
	display: block;
	margin-bottom: 8px;
	color: inherit;
	font-size: 16px;
	font-weight: 750;
	line-height: 1.45;
	letter-spacing: -0.02em;
}

.gonghome-sidebar .vc-sidebar-promo-copy {
	display: block;
	color: #61676c;
	font-size: 13px;
	line-height: 1.55;
}

.gonghome-sidebar .vc-sidebar-promo-cta {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	margin-top: 13px;
	color: var(--vc-accent);
	font-size: 13px;
	font-weight: 750;
}

.gonghome-sidebar .vc-sidebar-promo-cta i {
	font-size: 15px;
	transition: transform 0.16s ease;
}

.gonghome-sidebar .vc-sidebar-promo:hover .vc-sidebar-promo-cta i {
	transform: translateX(2px);
}

/* Narrow desktop sidebar: tiny peek so copy stays primary */
.gonghome-sidebar .vc-sidebar-promo-visuals {
	position: relative;
	z-index: 1;
	flex: 0 0 auto;
	width: 56px;
	height: 88px;
	margin-left: 2px;
	pointer-events: none;
}

.gonghome-sidebar .vc-sidebar-promo-phone {
	position: absolute;
	top: 50%;
	width: 40px;
	aspect-ratio: 9 / 19.5;
	padding: 2px;
	border-radius: 7px;
	background: #1a1b1e;
	box-shadow:
		0 4px 10px rgba(0, 0, 0, 0.28),
		inset 0 0 0 1px rgba(255, 255, 255, 0.12);
	overflow: hidden;
	transition: transform 0.2s ease;
}

.gonghome-sidebar .vc-sidebar-promo-phone img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	border-radius: 5px;
	background: #101011;
}

.gonghome-sidebar .vc-sidebar-promo-phone.is-back {
	left: 0;
	z-index: 1;
	transform: translateY(-50%) rotate(-6deg);
	opacity: 0.85;
}

.gonghome-sidebar .vc-sidebar-promo-phone.is-front {
	left: 14px;
	z-index: 2;
	transform: translateY(-50%) rotate(4deg);
}

.gonghome-sidebar .vc-sidebar-promo:hover .vc-sidebar-promo-phone.is-back {
	transform: translateY(-52%) rotate(-7deg);
}

.gonghome-sidebar .vc-sidebar-promo:hover .vc-sidebar-promo-phone.is-front {
	transform: translateY(-54%) rotate(3deg);
}

/* Stacked full-width: phones still sit next to copy (not far right) */
@media (max-width: 980px) {
	.gonghome-sidebar .vc-sidebar-promo {
		gap: 16px;
		padding: 24px 18px 24px 20px;
	}

	.gonghome-sidebar .vc-sidebar-promo-body {
		max-width: 26em;
	}

	.gonghome-sidebar .vc-sidebar-promo-visuals {
		width: 118px;
		height: 148px;
		margin-left: 4px;
	}

	.gonghome-sidebar .vc-sidebar-promo-phone {
		width: 72px;
		padding: 3px;
		border-radius: 11px;
		box-shadow:
			0 8px 18px rgba(0, 0, 0, 0.28),
			inset 0 0 0 1px rgba(255, 255, 255, 0.12);
	}

	.gonghome-sidebar .vc-sidebar-promo-phone img {
		border-radius: 8px;
	}

	.gonghome-sidebar .vc-sidebar-promo-phone.is-back {
		left: 0;
	}

	.gonghome-sidebar .vc-sidebar-promo-phone.is-front {
		left: 36px;
	}
}

body.color_scheme_dark .gonghome-sidebar .vc-sidebar-promo {
	border-color: color-mix(in srgb, var(--vc-brand) 38%, #44474b);
	background: linear-gradient(145deg, #2a2922 0%, #25272a 72%);
	color: #e9eaec;
}

body.color_scheme_dark .gonghome-sidebar .vc-sidebar-promo:hover {
	border-color: var(--vc-brand);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--vc-brand) 40%, transparent);
	color: #e9eaec;
}

body.color_scheme_dark .gonghome-sidebar .vc-sidebar-promo-copy {
	color: #b7babe;
}

body.color_scheme_dark .gonghome-sidebar .vc-sidebar-promo-phone {
	background: #0d0e10;
	box-shadow:
		0 6px 14px rgba(0, 0, 0, 0.42),
		inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

@media (prefers-reduced-motion: reduce) {
	.gonghome-sidebar .vc-sidebar-promo-track,
	.gonghome-sidebar .vc-sidebar-promo,
	.gonghome-sidebar .vc-sidebar-promo-dot {
		transition: none;
	}
}

.gonghome-sidebar h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
	margin: 0 0 12px 0;
	color: #101011;
}

body.color_scheme_dark .gonghome-sidebar h2 {
	color: #e9eaec;
}

.gonghome-sidebar h2 i {
	font-weight: normal;
	opacity: 0.75;
	margin-right: 2px;
}

/* ---- Footer (Gonghome structure) ---- */
footer {
	flex: 0 0 auto;
	padding: 22px 0 24px;
	border-top: 1px solid #d6d8db;
	background-color: #f4f5f6;
	font-size: 13px;
	line-height: 1.55;
	color: #52575b;
}

body.color_scheme_dark footer {
	border-top-color: #44474b;
	background-color: #25282b;
	color: #e9eaec;
}

footer .container {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: clamp(40px, 5vw, 72px);
}

footer .footer-left {
	flex: 0 0 280px;
}

footer p {
	color: #52575b;
	margin: 0;
	line-height: 18px;
}

body.color_scheme_dark footer p {
	color: #e9eaec;
}

footer a {
	color: inherit;
}

footer a:hover {
	text-decoration: underline;
}

body.color_scheme_light .show-in-dark-mode {
	display: none;
}

body.color_scheme_dark .hide-in-dark-mode {
	display: none;
}

footer .footer-left p.copyright {
	margin: 0 0 12px;
	color: var(--vc-text);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.01em;
}

footer .footer-left .footer-brand {
	display: grid;
	gap: 7px;
}

footer .footer-left .footer-brand-row {
	display: grid;
	grid-template-columns: 72px 104px 84px;
	align-items: center;
	column-gap: 8px;
	margin: 0;
	line-height: 18px;
}

footer .footer-left .footer-role {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: inherit;
	opacity: 1;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

footer .footer-left .footer-role i {
	font-size: 13px;
	line-height: 1;
	opacity: 0.95;
}

footer .footer-left .footer-brand-name {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-weight: 600;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}

footer .footer-left .footer-brand-name > i {
	color: var(--vc-accent);
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	opacity: 0.8;
}

footer .footer-left .footer-brand-name:hover {
	text-decoration: underline;
}

footer .footer-left .footer-brand-name.is-person {
	font-weight: 500;
	opacity: 0.92;
}

footer .footer-left .footer-social {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	width: 84px;
	gap: 7px;
	min-height: 18px;
}

footer .footer-left .footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	color: inherit;
	opacity: 0.78;
	text-decoration: none;
}

footer .footer-left .footer-social a:hover {
	opacity: 1;
	text-decoration: none;
}

footer .footer-left .footer-social a i {
	font-size: 14px;
	line-height: 1;
}

footer .footer-left .footer-blog-mark {
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.02em;
}

footer .footer-left .footer-social-sep {
	display: inline-block;
	width: 1px;
	height: 10px;
	background: currentColor;
	opacity: 0.28;
}

footer .footer-right {
	display: contents;
}

footer .footer-section-title {
	margin: 0 0 8px;
	color: var(--vc-text);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
}

footer .footer-legal {
	flex: 0 0 auto;
	width: max-content;
	max-width: 100%;
	min-width: 0;
}

footer .footer-contact {
	flex: 0 0 220px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	text-align: left;
}

footer .footer-contact-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

footer .footer-display {
	position: absolute;
	right: 0;
	bottom: 0;
	flex: 0 0 auto;
}

footer .footer-right .legal-menus {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 30px;
	justify-content: flex-start;
	gap: 8px;
}

footer .footer-right .legal-menus .group {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
}

footer .footer-right .color-scheme-select {
	display: flex;
	flex: 0 0 auto;
	width: auto;
	padding: 2px;
	border: 1px solid var(--vc-border);
	border-radius: 7px;
	background: var(--vc-surface);
	box-sizing: border-box;
}

footer .footer-right .color-scheme-select button {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 26px;
	padding: 0;
	border: 0;
	border-radius: 5px;
	background: transparent;
	color: var(--vc-text-muted);
	font-family: inherit;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
}

footer .footer-right .color-scheme-select button:hover {
	color: var(--vc-text);
	background: var(--vc-brand-soft);
}

footer .footer-right .color-scheme-select button:focus-visible {
	outline: 2px solid var(--vc-accent);
	outline-offset: 2px;
}

body.color_scheme_light footer .color-scheme-select .light,
body.color_scheme_dark footer .color-scheme-select .dark {
	background: var(--vc-cta);
	color: var(--vc-on-cta);
	font-weight: 700;
}

footer .footer-email {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 32px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--vc-text) !important;
	font-weight: 600;
	text-decoration: none;
	margin-top: 0;
}

footer .footer-email i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--vc-brand-soft);
	color: var(--vc-accent);
	font-size: 15px;
}

footer .footer-email:hover {
	color: var(--vc-accent) !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ---- To top: a dedicated strip between the content and footer ---- */
.vc-prefooter {
	display: none;
	padding: 12px 0 14px;
	background: var(--vc-bg);
}

.vc-prefooter.active {
	display: block;
}

.vc-prefooter .container {
	display: flex;
	justify-content: flex-end;
}

.gonghome-totop {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.5s ease-in-out;
	position: static;
	width: 42px;
	height: 42px;
	border-radius: 8px;
	background: #e9eaec;
	border: 1px solid #d6d8db;
}

.gonghome-totop.active {
	opacity: 1;
	pointer-events: auto;
}

.gonghome-totop a {
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
	color: #61676c;
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
}

body.color_scheme_dark .gonghome-totop {
	background: #34373a;
	border-color: #44474b;
}

body.color_scheme_dark .gonghome-totop a {
	color: #b7babe;
}

/* ---- Mobile ≤899px ---- */
@media (max-width: 899px) {
	header {
		height: 72px;
	}

	header .logo {
		padding: 4px 0 0 3px;
	}

	header .logo a img,
	header .logo a .logo-mark {
		height: 24px;
		width: 24px;
		border-radius: 6px;
	}

	header .logo .logo-text {
		height: 24px;
		font-size: 18px;
		line-height: 24px;
	}

	header .mobile-menu-toggle {
		display: block;
	}

	.gonghome-wrapper #vc-content > .btnArea {
		align-items: flex-start;
		flex-direction: column;
	}

	.gonghome-wrapper #vc-content > .btnArea .btn-group {
		justify-content: flex-start;
		width: 100%;
	}

	.gonghome-wrapper #pageBtnArea {
		position: relative;
		bottom: auto;
		align-items: stretch;
		flex-direction: column;
	}

	.gonghome-wrapper #pageBtnArea .etc,
	.gonghome-wrapper #pageBtnArea .btn-group {
		width: 100%;
	}

	.gonghome-wrapper #pageBtnArea select {
		flex: 1 1 150px;
		max-width: 100%;
	}

	.gonghome-wrapper .widgetButtons {
		flex-wrap: wrap;
	}

	.gonghome-wrapper .widgetButtons > button {
		height: 30px !important;
		padding: 0 6px !important;
		line-height: 30px;
	}

	.gonghome-wrapper .x_modal.wgs {
		box-sizing: border-box;
		width: calc(100vw - 32px) !important;
		max-width: 700px;
		margin-left: 0 !important;
	}

	header nav .menu-body > .menu-item {
		display: none;
	}

	header .profile-wrapper {
		display: none;
	}

	.gonghome-wrapper > .mobile-menu .menu-cta.ghost {
		margin-top: 8px;
		background: transparent;
		border: 1px solid #d6d8db;
		color: #101011 !important;
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-cta.ghost {
		border-color: #52575b;
		color: #e9eaec !important;
	}

	.gonghome-wrapper > .mobile-menu .menu-account {
		display: flex;
		flex-direction: column;
		gap: 8px;
		margin-bottom: 12px;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-card {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		box-sizing: border-box;
		padding: 12px;
		border: 1px solid #e4e6e8;
		border-radius: 12px;
		background: #f7f8f9;
		text-decoration: none !important;
		transition: background-color 0.15s ease, border-color 0.15s ease;
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-account-card {
		border-color: #3a3d41;
		background: #25272a;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-card:hover,
	.gonghome-wrapper > .mobile-menu .menu-account-card:focus-visible {
		border-color: color-mix(in srgb, var(--vc-cta) 45%, #e4e6e8);
		background: color-mix(in srgb, var(--vc-cta) 8%, #f7f8f9);
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-account-card:hover,
	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-account-card:focus-visible {
		border-color: color-mix(in srgb, var(--vc-cta) 40%, #3a3d41);
		background: color-mix(in srgb, var(--vc-cta) 10%, #25272a);
	}

	.gonghome-wrapper > .mobile-menu .menu-account-card:focus-visible {
		outline: 2px solid var(--vc-cta);
		outline-offset: 2px;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-card .gh-profile {
		flex: 0 0 auto;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-card .gh-profile img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-meta {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		gap: 2px;
		min-width: 0;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-name {
		overflow: hidden;
		color: #101011;
		font-size: 15px;
		font-weight: 700;
		line-height: 1.3;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-account-name {
		color: #e9eaec;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-sub {
		color: #61676c;
		font-size: 12px;
		font-weight: 500;
		line-height: 1.3;
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-account-sub {
		color: #969ca1;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-chevron {
		flex: 0 0 auto;
		color: #969ca1;
		font-size: 20px;
		line-height: 1;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-actions {
		display: flex;
		flex-direction: column;
		gap: 2px;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-logout {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-action {
		display: flex;
		align-items: center;
		gap: 10px;
		width: 100%;
		box-sizing: border-box;
		padding: 10px 12px;
		border: 0;
		border-radius: 10px;
		background: transparent;
		color: #3a3d41 !important;
		font: inherit;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.3;
		text-align: left;
		text-decoration: none !important;
		cursor: pointer;
		transition: background-color 0.15s ease;
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-account-action {
		color: #cfd2d5 !important;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-action i {
		flex: 0 0 auto;
		width: 18px;
		color: #61676c;
		font-size: 17px;
		line-height: 1;
		text-align: center;
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-account-action i {
		color: #969ca1;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-action:hover,
	.gonghome-wrapper > .mobile-menu .menu-account-action:focus-visible {
		background: #f0f1f2;
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-account-action:hover,
	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-account-action:focus-visible {
		background: #2b2d30;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-action:focus-visible {
		outline: 2px solid var(--vc-cta);
		outline-offset: 1px;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-action.is-danger {
		color: #b42318 !important;
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-account-action.is-danger {
		color: #f97066 !important;
	}

	.gonghome-wrapper > .mobile-menu .menu-account-action.is-danger i {
		color: inherit;
	}

	.gonghome-wrapper > .mobile-menu {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 200000;
		pointer-events: none;
		visibility: hidden;
	}

	.gonghome-wrapper > .mobile-menu .menu-background {
		position: absolute;
		inset: 0;
		background: rgba(16, 16, 17, 0);
		transition: background-color 0.2s ease;
	}

	.gonghome-wrapper > .mobile-menu .menu-panel {
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		flex-direction: column;
		width: min(300px, 86vw);
		height: 100%;
		height: 100dvh;
		background: #ffffff !important;
		opacity: 1 !important;
		box-shadow: -8px 0 32px rgba(16, 16, 17, 0.18);
		transform: translateX(100%);
		transition: transform 0.22s ease;
		isolation: isolate;
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-panel {
		background: #1d1e20 !important;
		box-shadow: -8px 0 32px rgba(0, 0, 0, 0.55);
	}

	.gonghome-wrapper > .mobile-menu.active {
		pointer-events: auto;
		visibility: visible;
	}

	.gonghome-wrapper > .mobile-menu.active .menu-background {
		background: rgba(16, 16, 17, 0.72);
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu.active .menu-background {
		background: rgba(0, 0, 0, 0.78);
	}

	.gonghome-wrapper > .mobile-menu.active .menu-panel {
		transform: translateX(0);
	}

	.gonghome-wrapper > .mobile-menu .menu-panel-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 18px 20px;
		border-bottom: 1px solid #e4e6e8;
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-panel-head {
		border-bottom-color: #3a3d41;
	}

	.gonghome-wrapper > .mobile-menu .menu-panel-title {
		font-size: 15px;
		font-weight: 700;
		letter-spacing: 0.02em;
		color: #61676c;
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-panel-title {
		color: #969ca1;
	}

	.gonghome-wrapper > .mobile-menu .close-mobile-menu {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 8px;
		background: #f3f4f5;
		color: #101011;
		font-size: 22px;
		cursor: pointer;
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .close-mobile-menu {
		background: #2b2d30;
		color: #e9eaec;
	}

	.gonghome-wrapper > .mobile-menu .menu-body {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		flex: 1;
		gap: 4px;
		padding: 12px 12px 24px;
		overflow-y: auto;
		background: transparent;
		border: 0;
		font-size: inherit;
		font-weight: inherit;
		line-height: inherit;
	}

	.gonghome-wrapper > .mobile-menu .menu-link {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 12px;
		width: 100%;
		box-sizing: border-box;
		padding: 14px 14px;
		border-radius: 10px;
		font-size: 17px;
		font-weight: 600;
		line-height: 1.3;
		color: #101011;
		text-align: left;
		text-decoration: none;
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-link {
		color: #e9eaec;
	}

	.gonghome-wrapper > .mobile-menu .menu-link i {
		flex: 0 0 auto;
		width: 22px;
		font-size: 20px;
		line-height: 1;
		text-align: center;
		color: #61676c;
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-link i {
		color: #969ca1;
	}

	.gonghome-wrapper > .mobile-menu .menu-link-label {
		flex: 1 1 auto;
		min-width: 0;
		text-align: left;
	}

	/* Layout setting: mobile sidebar menu font size */
	.gonghome-wrapper > .mobile-menu.vc-mobile-menu-font-15 .menu-link { font-size: 15px; }
	.gonghome-wrapper > .mobile-menu.vc-mobile-menu-font-16 .menu-link { font-size: 16px; }
	.gonghome-wrapper > .mobile-menu.vc-mobile-menu-font-17 .menu-link { font-size: 17px; }
	.gonghome-wrapper > .mobile-menu.vc-mobile-menu-font-18 .menu-link { font-size: 18px; }

	.gonghome-wrapper > .mobile-menu .menu-link.active {
		background: var(--vc-brand-soft);
		color: var(--vc-accent);
	}

	.gonghome-wrapper > .mobile-menu .menu-link.active i {
		color: var(--vc-accent);
	}

	.gonghome-wrapper > .mobile-menu .menu-panel-foot {
		padding: 16px 20px calc(16px + env(safe-area-inset-bottom, 0px));
		border-top: 1px solid #e4e6e8;
	}

	body.color_scheme_dark .gonghome-wrapper > .mobile-menu .menu-panel-foot {
		border-top-color: #3a3d41;
	}

	.gonghome-wrapper > .mobile-menu .menu-cta {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		width: 100%;
		height: 44px;
		border-radius: 8px;
		background: var(--vc-cta, #c9a227);
		color: var(--vc-on-cta, #111111) !important;
		font-size: 15px;
		font-weight: 700;
		text-decoration: none;
	}

	.gonghome-wrapper > .mobile-menu .menu-cta:hover {
		background: var(--vc-cta-hover, #d5b13a);
	}

	main h1,
	main .gh-title {
		margin-top: 0;
		font-size: 28px;
	}

	main .content-wrapper {
		flex-direction: column;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		gap: 0;
	}

	/* Gonghome: leave 20px side gutters without using 100vw (avoids horizontal overflow) */
	main .content-wrapper .content-area {
		width: 100%;
		max-width: 100%;
		margin-bottom: 0;
		overflow-x: clip;
		min-width: 0;
		flex: none;
	}

	main .content-wrapper .content-sidebar {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		flex: none;
		margin-top: 0;
		padding-top: 28px;
		border-top: 1px solid var(--vc-border, #d6d8db);
		box-sizing: border-box;
	}

	/* Board list mobile: one search, less duplicate chrome — leave room for ads */
	.vc-board-list .gonghome-sidebar .sidebar-search,
	.vc-board-list .gonghome-sidebar .sidebar-section--latest {
		display: none;
	}

	.vc-board-list .gonghome-sidebar .vc-ad-slot {
		min-height: 80px;
		margin-bottom: 16px;
	}

	.vc-board-list .gonghome-sidebar .sidebar-section--comments {
		margin-bottom: 16px;
	}


	main .content-wrapper .content-area img,
	main .content-wrapper .content-area table,
	main .content-wrapper .content-area pre,
	main .content-wrapper .content-area iframe,
	main .content-wrapper .content-area video,
	main .content-wrapper .content-area .xe_content,
	main .content-wrapper .content-area .rhymix_content,
	main .content-wrapper .content-area .vc-board,
	main .content-wrapper .content-area .xm {
		max-width: 100%;
	}

	/* Member forms: stack label/controls (default skin is 160+180 desktop) */
	.xm .form-horizontal .control-label,
	.xm .form-horizontal .controls {
		float: none;
		width: 100%;
		max-width: 100%;
		display: block;
		text-align: left;
		margin-left: 0;
		padding-left: 0;
	}

	.xm .form-horizontal .controls:first-child {
		padding-left: 0;
	}

	.xm input,
	.xm textarea,
	.xm select,
	.xm .form-horizontal input,
	.xm .form-horizontal textarea,
	.xm .form-horizontal select {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}

	.xm input[type="checkbox"],
	.xm input[type="radio"],
	.xm input[type="submit"],
	.xm input[type="button"],
	.xm input[type="image"],
	.xm input[type="file"] {
		width: auto !important;
	}

	.xm .agreement,
	.xm .signin {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}

	.gonghome-sidebar {
		margin-top: 0;
	}

	.gonghome-sidebar .sidebar-search {
		margin-bottom: 20px;
	}

	.gonghome-sidebar .sidebar-section {
		margin-bottom: 16px;
	}

	.gonghome-sidebar .sidebar-section + .sidebar-section {
		margin-top: 4px;
	}

	.gonghome-sidebar .write-here .write-button {
		width: 100%;
		box-sizing: border-box;
		display: block;
	}

	footer {
		padding: 24px 0 calc(24px + env(safe-area-inset-bottom, 0px));
	}

	footer .container {
		display: block;
	}

	footer .footer-left {
		text-align: left;
		padding-bottom: 22px;
	}

	footer .footer-left .footer-brand-row {
		grid-template-columns: 76px minmax(0, 1fr) auto;
	}

	footer .footer-right {
		display: block;
		text-align: left;
	}

	footer .footer-right .footer-section {
		padding: 20px 0;
		border-top: 1px solid color-mix(in srgb, var(--vc-border) 65%, transparent);
	}

	footer .footer-section-title {
		margin-bottom: 12px;
		font-size: 14px;
	}

	footer .footer-right .legal-menus {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px 20px;
		max-width: 100%;
	}

	footer .footer-right .legal-menus .group {
		display: contents;
	}

	footer .footer-right .legal-menus a {
		min-width: 0;
	}

	footer .footer-right .color-scheme-select {
		width: auto;
		max-width: 100%;
	}

	footer .footer-right .color-scheme-select button {
		width: 36px;
		height: 36px;
		font-size: 13px;
	}

	footer .footer-contact {
		min-width: 0;
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: end;
		gap: 12px;
		text-align: left;
	}

	footer .footer-contact-copy {
		align-items: flex-start;
	}

	footer .footer-display {
		position: static;
		justify-self: end;
	}

	footer .footer-email {
		width: auto;
		min-height: 36px;
		box-sizing: border-box;
	}

	.vc-prefooter {
		padding: 10px 0 12px;
	}
}

/* ---- Dark mode: global content/text catch-all ---- */
body.color_scheme_dark .content-area,
body.color_scheme_dark .content-sidebar,
body.color_scheme_dark .gonghome-sidebar,
body.color_scheme_dark .gonghome-sidebar .sidebar-section,
body.color_scheme_dark .gonghome-sidebar .sidebar-content-widget,
body.color_scheme_dark .gonghome-sidebar .sidebar-content-widget a,
body.color_scheme_dark footer {
	color: #e9eaec;
}

body.color_scheme_dark footer a {
	color: inherit;
}

body.color_scheme_dark .gonghome-sidebar .sidebar-content-widget .date {
	color: #969ca1;
}

body.color_scheme_dark .gonghome-sidebar .sidebar-content-widget .module-name a {
	color: var(--vc-accent);
}


html.vc-menu-open,
html.vc-menu-open body {
	overflow: hidden;
}

/* Drawer is a direct shell child so it can sit above login/auth content */
html.vc-menu-open .gonghome-wrapper > main,
html.vc-menu-open .gonghome-wrapper > footer,
html.vc-menu-open .gonghome-wrapper > header {
	position: relative;
	z-index: 0;
}

html.vc-menu-open .gonghome-wrapper > .mobile-menu {
	z-index: 200000;
}

body.color_scheme_dark .message,
body.color_scheme_dark .x_alert,
body.color_scheme_dark .bd,
body.color_scheme_dark .xe_content {
	color: #e9eaec;
}

/* ---- Dark mode: member module (.xm signup/login/etc) ---- */
body.color_scheme_dark .xm {
	color: var(--vc-text);
}

body.color_scheme_dark .xm h1 {
	color: var(--vc-text);
	border-bottom-color: var(--vc-border) !important;
}

body.color_scheme_dark .xm label,
body.color_scheme_dark .xm .control-label,
body.color_scheme_dark .xm .help-block,
body.color_scheme_dark .xm .help-inline {
	color: var(--vc-text-muted);
}

body.color_scheme_dark .xm select,
body.color_scheme_dark .xm textarea,
body.color_scheme_dark .xm input[type="text"],
body.color_scheme_dark .xm input[type="password"],
body.color_scheme_dark .xm input[type="email"],
body.color_scheme_dark .xm input[type="url"],
body.color_scheme_dark .xm input[type="search"],
body.color_scheme_dark .xm input[type="tel"],
body.color_scheme_dark .xm input[type="number"],
body.color_scheme_dark .xm input[type="date"],
body.color_scheme_dark .xm input[type="datetime"],
body.color_scheme_dark .xm input[type="datetime-local"],
body.color_scheme_dark .xm input[type="month"],
body.color_scheme_dark .xm input[type="time"],
body.color_scheme_dark .xm input[type="week"],
body.color_scheme_dark .xm input[type="color"] {
	color: var(--vc-text);
	background-color: var(--vc-surface-2);
	border-color: var(--vc-border);
	box-shadow: none;
}

body.color_scheme_dark .xm input:disabled,
body.color_scheme_dark .xm select:disabled,
body.color_scheme_dark .xm textarea:disabled,
body.color_scheme_dark .xm input[readonly],
body.color_scheme_dark .xm select[readonly],
body.color_scheme_dark .xm textarea[readonly] {
	background-color: #2e3236;
	color: var(--vc-text-muted);
}

body.color_scheme_dark .xm input:-moz-placeholder,
body.color_scheme_dark .xm textarea:-moz-placeholder,
body.color_scheme_dark .xm input:-ms-input-placeholder,
body.color_scheme_dark .xm textarea:-ms-input-placeholder,
body.color_scheme_dark .xm input::-webkit-input-placeholder,
body.color_scheme_dark .xm textarea::-webkit-input-placeholder {
	color: var(--vc-text-muted);
}

body.color_scheme_dark .xm .agreement {
	background: var(--vc-surface-2);
	border-color: var(--vc-border);
	color: var(--vc-text);
}

body.color_scheme_dark .xm .agreement > .title {
	border-bottom-color: var(--vc-border);
	color: var(--vc-text);
}

body.color_scheme_dark .xm .agreement > .text {
	color: var(--vc-text);
}

body.color_scheme_dark .xm .agreement > .confirm {
	border-top-color: var(--vc-border);
	color: var(--vc-text);
}

body.color_scheme_dark .xm .agreement > .confirm label {
	color: var(--vc-text);
}

body.color_scheme_dark .xm .input-append .add-on,
body.color_scheme_dark .xm .input-prepend .add-on {
	background-color: var(--vc-surface-2);
	border-color: var(--vc-border);
	color: var(--vc-text);
	text-shadow: none;
}

body.color_scheme_dark .xm .nav-tabs {
	border-bottom-color: var(--vc-border);
}

body.color_scheme_dark .xm .nav > li > a:hover,
body.color_scheme_dark .xm .nav > li > a:focus {
	background-color: var(--vc-surface-2);
}

body.color_scheme_dark .xm .nav-tabs > li > a:hover,
body.color_scheme_dark .xm .nav-tabs > li > a:focus {
	border-color: var(--vc-surface-2) var(--vc-surface-2) var(--vc-border);
	color: var(--vc-text);
}

body.color_scheme_dark .xm .nav-tabs > .active > a,
body.color_scheme_dark .xm .nav-tabs > .active > a:hover,
body.color_scheme_dark .xm .nav-tabs > .active > a:focus {
	color: var(--vc-text);
	background-color: var(--vc-surface);
	border-color: var(--vc-border);
	border-bottom-color: transparent;
}

body.color_scheme_dark .xm .table {
	border-top-color: var(--vc-border);
	border-bottom-color: var(--vc-border);
	color: var(--vc-text);
}

body.color_scheme_dark .xm .table th,
body.color_scheme_dark .xm .table td {
	border-top-color: var(--vc-border);
}

body.color_scheme_dark .xm .table-striped tbody > tr:nth-child(odd) > td,
body.color_scheme_dark .xm .table-striped tbody > tr:nth-child(odd) > th {
	background-color: var(--vc-surface-2);
}

body.color_scheme_dark .xm .table-hover tbody tr:hover > td,
body.color_scheme_dark .xm .table-hover tbody tr:hover > th {
	background-color: #2e3236;
}

body.color_scheme_dark .xm .pagination ul > li > a,
body.color_scheme_dark .xm .pagination ul > li > span {
	background-color: var(--vc-surface-2);
	border-color: var(--vc-border);
	color: var(--vc-text);
}

body.color_scheme_dark .xm .pagination ul > li > a:hover,
body.color_scheme_dark .xm .pagination ul > li > a:focus,
body.color_scheme_dark .xm .pagination ul > .active > a,
body.color_scheme_dark .xm .pagination ul > .active > span {
	background-color: #2e3236;
	color: var(--vc-text);
}

body.color_scheme_dark .xm .signin {
	background-color: var(--vc-surface-2);
	border-color: var(--vc-border);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
}

body.color_scheme_dark .xm .signin > .login-header {
	border-bottom-color: var(--vc-border);
}

body.color_scheme_dark .xm .signin > .login-header > h1 {
	color: var(--vc-text);
}

body.color_scheme_dark .xm .signin > .login-footer {
	background-color: #2e3236;
	border-top-color: var(--vc-border);
	box-shadow: none;
	color: var(--vc-text-muted);
}

body.color_scheme_dark .xm .signin > .login-footer > a {
	color: var(--vc-link);
}

body.color_scheme_dark .xm .btn {
	color: var(--vc-text);
	background-color: var(--vc-surface-2);
	border-color: var(--vc-border);
	background-image: none;
	text-shadow: none;
	box-shadow: none;
}

body.color_scheme_dark .xm .btn:hover,
body.color_scheme_dark .xm .btn:focus {
	background-color: #2e3236;
	color: var(--vc-text);
}

body.color_scheme_dark .xm .btn-inverse,
body.color_scheme_dark .xm .btn.btn-inverse,
body.color_scheme_dark .xm button[type="submit"].btn {
	color: var(--vc-on-cta);
	background-color: var(--vc-cta);
	border-color: var(--vc-cta);
}

main .xm .btn-inverse,
main .xm .btn.btn-inverse,
main .xm button[type="submit"].btn {
	background-image: none;
	background-color: var(--vc-cta);
	border-color: var(--vc-cta);
	box-shadow: none;
	color: var(--vc-on-cta);
	text-shadow: none;
}

main .xm .btn-inverse:hover,
main .xm .btn.btn-inverse:hover,
main .xm button[type="submit"].btn:hover {
	background-color: var(--vc-cta-hover);
	border-color: var(--vc-cta-hover);
	color: var(--vc-on-cta);
}

/* ---- Legal pages (Terms / Privacy) ---- */
/* ---- Home (replaces fixed-width xedition welcome) ---- */
.content-area .vc-home {
	max-width: 720px;
	padding: 12px 0 40px;
}

.content-area .vc-home-kicker {
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--vc-text-muted);
}

.content-area .vc-home-title {
	margin: 0 0 12px;
	font-size: 32px;
	line-height: 1.3;
	font-weight: 700;
}

.content-area .vc-home-lead {
	margin: 0 0 28px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--vc-text-muted);
}

.content-area .vc-home-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.content-area .vc-home-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 16px;
	border-radius: 4px;
	border: 1px solid var(--vc-border);
	background: var(--vc-surface-2);
	color: var(--vc-text) !important;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none !important;
	box-sizing: border-box;
	max-width: 100%;
}

.content-area .vc-home-btn.primary {
	background: var(--vc-cta);
	border-color: var(--vc-cta);
	color: var(--vc-on-cta) !important;
}

.content-area .vc-home-btn:hover {
	text-decoration: none !important;
	filter: brightness(0.97);
}

@media (max-width: 899px) {
	.content-area .vc-home-title {
		font-size: 28px;
	}

	.content-area .vc-home-actions {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.content-area .vc-home-btn {
		width: 100%;
	}
}

/* Kill legacy xedition welcome if ever reappears */
.welcomeXE,
.welcomeXE section,
.welcomeXE .intro {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	background: none !important;
	height: auto !important;
	box-sizing: border-box;
}

.content-area .vc-legal {
	max-width: 720px;
	line-height: 1.7;
	padding: 8px 0 48px;
}

.content-area .vc-legal h1 {
	font-size: 28px;
	line-height: 1.3;
	margin: 0 0 8px;
	font-weight: 700;
}

.content-area .vc-legal .vc-legal-meta {
	color: var(--vc-text-muted);
	font-size: 14px;
	margin: 0 0 28px;
}

.content-area .vc-legal h2 {
	font-size: 18px;
	margin: 32px 0 12px;
	font-weight: 700;
}

.content-area .vc-legal p,
.content-area .vc-legal li {
	font-size: 15px;
	color: var(--vc-text);
}

.content-area .vc-legal ul,
.content-area .vc-legal ol {
	padding-left: 1.35em;
	margin: 0 0 12px;
}

.content-area .vc-legal li {
	margin: 4px 0;
}

.content-area .vc-legal a {
	color: var(--vc-link);
}

/* ---- Member account navigation and profile ---- */
.gonghome-wrapper main .xm > .vc-member-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 28px;
	padding: 0 0 18px;
	border: 0;
	border-bottom: 1px solid var(--vc-border);
}

.gonghome-wrapper main .xm > .vc-member-nav::before,
.gonghome-wrapper main .xm > .vc-member-nav::after {
	display: none;
	content: none;
}

.gonghome-wrapper main .xm > .vc-member-nav > li {
	float: none;
	margin: 0;
}

.gonghome-wrapper main .xm > .vc-member-nav > li > a {
	margin: 0;
	padding: 8px 12px;
	border: 1px solid transparent;
	border-radius: 999px;
	color: var(--vc-text-muted);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	white-space: nowrap;
	transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.gonghome-wrapper main .xm > .vc-member-nav > li > a:hover,
.gonghome-wrapper main .xm > .vc-member-nav > li > a:focus-visible {
	border-color: var(--vc-border);
	background: var(--vc-surface-2);
	color: var(--vc-text);
}

.gonghome-wrapper main .xm > .vc-member-nav > .active > a,
.gonghome-wrapper main .xm > .vc-member-nav > .active > a:hover,
.gonghome-wrapper main .xm > .vc-member-nav > .active > a:focus {
	border-color: color-mix(in srgb, var(--vc-cta) 55%, var(--vc-border));
	background: color-mix(in srgb, var(--vc-cta) 14%, transparent);
	color: var(--vc-accent) !important;
}

.gonghome-wrapper main .xm .vc-member-info-card {
	width: 100%;
	margin: 0 0 44px;
	padding: 28px;
	box-sizing: border-box;
	border: 1px solid var(--vc-border);
	border-radius: 12px;
	background: var(--vc-surface);
	box-shadow: 0 12px 30px rgba(16, 16, 17, 0.06);
}

.gonghome-wrapper main .xm .vc-member-info-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	margin: 0 0 24px;
}

.gonghome-wrapper main .xm .vc-member-info-eyebrow {
	display: block;
	margin: 0 0 6px;
	color: var(--vc-accent);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
}

.gonghome-wrapper main .xm .vc-member-info-header h1 {
	margin: 0;
	color: var(--vc-text);
	font-size: clamp(25px, 3vw, 32px);
	font-weight: 800;
	line-height: 1.25;
}

.gonghome-wrapper main .xm .vc-member-info-header p {
	margin: 8px 0 0;
	color: var(--vc-text-muted);
	font-size: 14px;
	line-height: 1.55;
}

.gonghome-wrapper main .xm .vc-member-social-badge {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 10px;
	border: 1px solid color-mix(in srgb, var(--vc-cta) 45%, var(--vc-border));
	border-radius: 999px;
	background: color-mix(in srgb, var(--vc-cta) 12%, transparent);
	color: var(--vc-cta);
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.gonghome-wrapper main .xm .vc-member-account-state {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 30px;
	padding: 0 11px;
	border: 1px solid var(--vc-border);
	border-radius: 999px;
	background: var(--vc-surface-2);
	color: var(--vc-text-muted);
	font-size: 12px;
	font-weight: 650;
	white-space: nowrap;
}

.gonghome-wrapper main .xm .vc-member-account-state i {
	color: var(--vc-cta);
	font-size: 15px;
}

.gonghome-wrapper main .xm .vc-member-access-card {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	margin: 0 0 24px;
	padding: 18px;
	border: 1px solid color-mix(in srgb, var(--vc-cta) 28%, var(--vc-border));
	border-radius: 10px;
	background: linear-gradient(135deg, color-mix(in srgb, var(--vc-cta) 7%, var(--vc-surface)) 0%, var(--vc-surface-2) 100%);
}

.gonghome-wrapper main .xm .vc-member-access-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 1px solid var(--vc-border);
	border-radius: 12px;
	background: var(--vc-surface);
	color: var(--vc-cta);
	font-size: 22px;
}

.gonghome-wrapper main .xm .vc-member-access-icon img {
	width: 24px;
	height: 24px;
}

.gonghome-wrapper main .xm .vc-member-access-label {
	display: block;
	margin: 0 0 3px;
	color: var(--vc-text-muted);
	font-size: 11px;
	font-weight: 750;
	letter-spacing: 0.04em;
}

.gonghome-wrapper main .xm .vc-member-access-copy h2 {
	margin: 0;
	color: var(--vc-text);
	font-size: 17px;
	font-weight: 750;
	line-height: 1.4;
}

.gonghome-wrapper main .xm .vc-member-access-copy p {
	margin: 4px 0 0;
	color: var(--vc-text-muted);
	font-size: 12px;
	line-height: 1.55;
}

.gonghome-wrapper main .xm .vc-member-access-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
}

.gonghome-wrapper main .xm .vc-member-access-tags span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-height: 24px;
	padding: 0 8px;
	border-radius: 999px;
	background: var(--vc-surface);
	color: var(--vc-text-muted);
	font-size: 11px;
	font-weight: 650;
}

.gonghome-wrapper main .xm .vc-member-access-tags .is-success {
	color: var(--vc-accent);
}

.gonghome-wrapper main .xm .vc-member-access-tags .is-warning {
	color: #c77b20;
}

.gonghome-wrapper main .xm .vc-member-access-actions {
	display: inline-flex;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
}

.gonghome-wrapper main .xm .vc-member-access-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 36px;
	padding: 0 11px;
	border: 1px solid var(--vc-border);
	border-radius: 7px;
	background: var(--vc-surface);
	color: var(--vc-text) !important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

.gonghome-wrapper main .xm .vc-member-access-link:hover,
.gonghome-wrapper main .xm .vc-member-access-link:focus-visible {
	border-color: var(--vc-cta);
}

.gonghome-wrapper main .xm .vc-member-status {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 20px;
	margin: 0 0 8px;
	padding: 16px 18px;
	border: 1px solid var(--vc-border);
	border-radius: 14px;
	background: color-mix(in srgb, var(--vc-surface) 88%, var(--vc-cta) 12%);
}

.gonghome-wrapper main .xm .vc-member-status-main {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.gonghome-wrapper main .xm .vc-member-status-icon {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.gonghome-wrapper main .xm .vc-member-status-copy {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.gonghome-wrapper main .xm .vc-member-status-label {
	color: var(--vc-text-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.gonghome-wrapper main .xm .vc-member-status-grade {
	color: var(--vc-text);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}

.gonghome-wrapper main .xm .vc-member-status-meta {
	color: var(--vc-text-muted);
	font-size: 13px;
	font-weight: 550;
}

.gonghome-wrapper main .xm .vc-member-status-hint {
	margin: 0;
	color: var(--vc-text-muted);
	font-size: 13px;
	font-weight: 500;
}

.gonghome-wrapper main .xm .vc-member-info-point {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.gonghome-wrapper main .xm .vc-member-info-point img {
	width: 20px;
	height: 20px;
	border-radius: 0;
	object-fit: contain;
}

.gonghome-wrapper main .xm .vc-member-info-list {
	margin: 0;
	border-top: 1px solid var(--vc-border);
}

.gonghome-wrapper main .xm .vc-member-info-row {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: 20px;
	margin: 0;
	padding: 14px 4px;
	border-bottom: 1px solid var(--vc-border);
}

.gonghome-wrapper main .xm .vc-member-info-row dt,
.gonghome-wrapper main .xm .vc-member-info-row dd {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	line-height: 1.55;
	text-align: left;
	white-space: normal;
}

.gonghome-wrapper main .xm .vc-member-info-row dt {
	color: var(--vc-text-muted);
	font-size: 13px;
	font-weight: 600;
}

.gonghome-wrapper main .xm .vc-member-info-row dd {
	min-width: 0;
	overflow-wrap: anywhere;
	color: var(--vc-text);
	font-size: 14px;
	font-weight: 550;
}

.gonghome-wrapper main .xm .vc-member-info-row dd.is-empty {
	color: var(--vc-text-muted);
	font-weight: 400;
}

.gonghome-wrapper main .xm .vc-member-info-row dd img {
	max-width: 72px;
	height: auto;
	border-radius: 50%;
}

.gonghome-wrapper main .xm .vc-member-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
	margin: 28px 0 0;
	padding-top: 20px;
	border-top: 1px solid var(--vc-border);
}

.gonghome-wrapper main .xm .vc-member-actions-primary {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
	margin-left: auto;
}

.gonghome-wrapper main .xm .vc-member-actions .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	margin: 0;
	padding: 0 14px;
	box-sizing: border-box;
	border: 1px solid var(--vc-border);
	border-radius: 7px;
	background: var(--vc-surface-2);
	box-shadow: none;
	color: var(--vc-text) !important;
	font-size: 13px;
	font-weight: 650;
	line-height: 1.3;
	text-shadow: none;
	text-decoration: none;
}

.gonghome-wrapper main .xm .vc-member-actions .btn:hover,
.gonghome-wrapper main .xm .vc-member-actions .btn:focus-visible {
	border-color: var(--vc-cta);
}

.gonghome-wrapper main .xm .vc-member-actions .vc-member-action-primary {
	border-color: var(--vc-cta);
	background: var(--vc-cta);
	color: #171717 !important;
}

.gonghome-wrapper main .xm .vc-member-actions .vc-member-action-leave {
	flex: 0 0 auto;
	width: auto;
	min-width: 0;
	padding: 0 12px;
	border-color: var(--vc-danger);
	background: transparent;
	color: var(--vc-danger) !important;
}

.gonghome-wrapper main .xm .vc-member-actions .vc-member-action-leave:hover,
.gonghome-wrapper main .xm .vc-member-actions .vc-member-action-leave:focus-visible {
	border-color: var(--vc-danger);
	background: color-mix(in srgb, var(--vc-danger) 12%, transparent);
	color: var(--vc-danger) !important;
}

body.color_scheme_dark .gonghome-wrapper main .xm .vc-member-status {
	background: color-mix(in srgb, var(--vc-surface) 82%, var(--vc-cta) 18%);
}

body.color_scheme_dark .gonghome-wrapper main .xm .vc-member-info-card {
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

@media (max-width: 767px) {
	.gonghome-wrapper main .xm > .vc-member-nav {
		flex-wrap: nowrap;
		overflow-x: auto;
		margin: 0 -20px 22px;
		padding: 0 20px 14px;
		scroll-padding-inline: 20px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.gonghome-wrapper main .xm > .vc-member-nav::-webkit-scrollbar {
		display: none;
	}

	.gonghome-wrapper main .xm .vc-member-info-card {
		width: 100%;
		margin-bottom: 32px;
		padding: 20px;
		border-radius: 10px;
	}

	.gonghome-wrapper main .xm .vc-member-info-header {
		display: block;
		margin-bottom: 20px;
	}

	.gonghome-wrapper main .xm .vc-member-account-state {
		margin-top: 14px;
	}

	.gonghome-wrapper main .xm .vc-member-access-card {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 12px;
		padding: 15px;
	}

	.gonghome-wrapper main .xm .vc-member-access-icon {
		width: 42px;
		height: 42px;
		border-radius: 10px;
	}

	.gonghome-wrapper main .xm .vc-member-access-actions {
		grid-column: 1 / -1;
		width: 100%;
	}

	.gonghome-wrapper main .xm .vc-member-access-link {
		width: 100%;
		min-height: 40px;
		box-sizing: border-box;
	}

	.gonghome-wrapper main .xm .vc-member-social-badge {
		margin-top: 14px;
	}

	.gonghome-wrapper main .xm .vc-member-status {
		padding: 14px 14px;
	}

	.gonghome-wrapper main .xm .vc-member-status-grade {
		font-size: 16px;
	}

	.gonghome-wrapper main .xm .vc-member-status-hint {
		width: 100%;
	}

	.gonghome-wrapper main .xm .vc-member-info-row {
		grid-template-columns: minmax(92px, 34%) minmax(0, 1fr);
		gap: 14px;
		padding: 13px 0;
	}

	.gonghome-wrapper main .xm .vc-member-actions {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 10px;
	}

	.gonghome-wrapper main .xm .vc-member-actions .btn {
		width: auto;
		min-height: 40px;
		padding-inline: 12px;
	}

	.gonghome-wrapper main .xm .vc-member-actions .vc-member-action-leave {
		width: auto;
		min-width: 0;
		flex: 0 0 auto;
	}

	.gonghome-wrapper main .xm .vc-member-actions-primary {
		flex: 0 1 auto;
		margin-left: auto;
	}

	.gonghome-wrapper main .xm .vc-member-actions .vc-member-action-danger {
		margin-left: 0;
	}
}

@media (max-width: 640px) {
	.gonghome-wrapper .xm #fo_insert_member.form-horizontal .btnArea.vc-member-form-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: stretch;
		gap: 10px;
	}

	.gonghome-wrapper .xm #fo_insert_member.form-horizontal .btnArea.vc-member-form-actions > .btn,
	.gonghome-wrapper .xm #fo_insert_member.form-horizontal .btnArea.vc-member-form-actions > input.btn {
		width: 100%;
		min-width: 0;
		margin: 0;
	}
}

@media (max-width: 380px) {
	.gonghome-wrapper main .xm .vc-member-info-row {
		grid-template-columns: 1fr;
		gap: 4px;
	}
}

/* ---- Member signup form ---- */
.gonghome-wrapper main .xm .vc-social-auth {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	margin: 0 0 18px;
}

.gonghome-wrapper main .xm .vc-social-auth--signup {
	max-width: 820px;
	margin: 18px 0 26px;
}

.gonghome-wrapper main .xm .vc-social-auth-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: 100%;
	min-height: 44px;
	padding: 0 16px;
	box-sizing: border-box;
	border: 1px solid var(--vc-border);
	border-radius: 7px;
	background: var(--vc-surface-2);
	box-shadow: none;
	color: var(--vc-text) !important;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	text-decoration: none !important;
	transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.gonghome-wrapper main .xm .vc-social-auth-btn .vc-auth-recent {
	margin-left: auto;
	padding: 3px 7px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--vc-cta) 18%, var(--vc-surface));
	color: #745900;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
	white-space: nowrap;
}

.gonghome-wrapper main .xm .vc-social-auth-icon {
	flex: 0 0 auto;
	font-size: 21px;
	line-height: 1;
}

.gonghome-wrapper main .xm .vc-social-auth-btn--google .vc-social-auth-icon {
	color: #4285f4;
}

.gonghome-wrapper main .xm .vc-social-auth-btn--github .vc-social-auth-icon {
	color: #24292f;
}

.gonghome-wrapper main .xm .vc-social-auth-btn--kakao .vc-social-auth-icon {
	color: #3c1e1e;
}

.gonghome-wrapper main .xm .vc-login-method-note {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0 0 14px;
	padding: 10px 12px;
	border-radius: 7px;
	background: color-mix(in srgb, var(--vc-cta) 9%, var(--vc-surface-2));
	color: var(--vc-text-muted);
	font-size: 12px;
	line-height: 1.45;
}

.gonghome-wrapper main .xm .vc-login-method-note i {
	color: var(--vc-cta);
	font-size: 15px;
}

.gonghome-wrapper main .xm .vc-email-verification-note {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 20px;
	padding: 14px 15px;
	border: 1px solid color-mix(in srgb, var(--vc-cta) 32%, var(--vc-border));
	border-radius: 8px;
	background: color-mix(in srgb, var(--vc-cta) 7%, var(--vc-surface));
}

.gonghome-wrapper main .xm .vc-email-verification-note > i {
	color: var(--vc-cta);
	font-size: 22px;
}

.gonghome-wrapper main .xm .vc-email-verification-note strong,
.gonghome-wrapper main .xm .vc-email-verification-note span {
	display: block;
}

.gonghome-wrapper main .xm .vc-email-verification-note strong {
	margin-bottom: 3px;
	color: var(--vc-text);
	font-size: 13px;
}

.gonghome-wrapper main .xm .vc-email-verification-note span {
	color: var(--vc-text-muted);
	font-size: 12px;
	line-height: 1.5;
}

.gonghome-wrapper main .xm .vc-social-auth-btn:hover {
	border-color: color-mix(in srgb, var(--vc-text-muted) 65%, var(--vc-border));
	background: color-mix(in srgb, var(--vc-text) 6%, var(--vc-surface-2));
	box-shadow: 0 2px 5px rgba(16, 16, 17, 0.09);
}

.gonghome-wrapper main .xm .vc-social-auth-btn:focus-visible {
	outline: 2px solid var(--vc-cta);
	outline-offset: 2px;
}

body.color_scheme_dark .gonghome-wrapper main .xm .vc-social-auth-btn .vc-auth-recent {
	background: color-mix(in srgb, var(--vc-cta) 28%, #131314);
	color: color-mix(in srgb, var(--vc-cta) 75%, #fff);
}

body.color_scheme_dark .gonghome-wrapper main .xm .vc-social-auth-btn--google .vc-social-auth-icon {
	color: #8ab4f8;
}

body.color_scheme_dark .gonghome-wrapper main .xm .vc-social-auth-btn--github .vc-social-auth-icon {
	color: #f0f3f6;
}

body.color_scheme_dark .gonghome-wrapper main .xm .vc-social-auth-btn--kakao .vc-social-auth-icon {
	color: #fee500;
}

.gonghome-wrapper main .xm .vc-auth-divider {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 18px 0 0;
	color: var(--vc-text-muted);
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
}

.gonghome-wrapper main .xm .vc-auth-divider::before,
.gonghome-wrapper main .xm .vc-auth-divider::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	background: var(--vc-border);
}

.gonghome-wrapper main .xm .vc-auth-divider span {
	flex: 0 0 auto;
}

.gonghome-wrapper main .xm .vc-signup-chooser,
.gonghome-wrapper main .xm .vc-email-signup {
	width: min(100%, 640px);
	margin: 40px auto 64px;
}

.gonghome-wrapper main .xm .vc-social-signup-header {
	margin: 0 0 24px;
}

.gonghome-wrapper main .xm .vc-social-signup-header h1 {
	margin: 0 0 8px;
	color: var(--vc-text);
	font-size: clamp(26px, 4vw, 34px);
	line-height: 1.2;
}

.gonghome-wrapper main .xm .vc-social-signup-header p {
	margin: 0;
	color: var(--vc-text-muted);
	font-size: 14px;
	line-height: 1.6;
}

.gonghome-wrapper main .xm .vc-signup-chooser__header,
.gonghome-wrapper main .xm .vc-email-signup__header {
	margin: 0 0 28px;
}

.gonghome-wrapper main .xm .vc-signup-chooser__header h1,
.gonghome-wrapper main .xm .vc-email-signup__header h1 {
	margin: 0 0 8px;
	border: 0;
	color: var(--vc-text);
	font-size: clamp(28px, 4vw, 36px);
	line-height: 1.2;
}

.gonghome-wrapper main .xm .vc-signup-chooser__header p,
.gonghome-wrapper main .xm .vc-email-signup__header p {
	margin: 0;
	color: var(--vc-text-muted);
	font-size: 15px;
	line-height: 1.6;
}

.gonghome-wrapper main .xm .vc-signup-providers {
	display: grid;
	gap: 12px;
}

.gonghome-wrapper main .xm .vc-signup-provider,
.gonghome-wrapper main .xm .vc-signup-email {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	min-height: 48px;
	padding: 0 18px;
	box-sizing: border-box;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none !important;
	transition: transform 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.gonghome-wrapper main .xm .vc-signup-provider:hover,
.gonghome-wrapper main .xm .vc-signup-email:hover {
	transform: translateY(-1px);
}

.gonghome-wrapper main .xm .vc-signup-provider:focus-visible,
.gonghome-wrapper main .xm .vc-signup-email:focus-visible {
	outline: 2px solid var(--vc-cta);
	outline-offset: 2px;
}

.gonghome-wrapper main .xm .vc-signup-provider img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.gonghome-wrapper main .xm .vc-signup-provider--google {
	border: 1px solid #c7c9cc;
	background: #fff;
	color: #202124 !important;
}

.gonghome-wrapper main .xm .vc-signup-provider--google:hover {
	border-color: #aeb1b5;
	background: #f8f9fa;
}

body.color_scheme_dark .gonghome-wrapper main .xm .vc-signup-provider--google {
	border-color: #8e918f;
	background: #131314;
	color: #e3e3e3 !important;
}

body.color_scheme_dark .gonghome-wrapper main .xm .vc-signup-provider--google:hover {
	border-color: #a8aba9;
	background: #1e1e1f;
}

body.color_scheme_dark .gonghome-wrapper main .xm .vc-signup-provider--google img {
	box-sizing: content-box;
	padding: 2px;
	border-radius: 3px;
	background: #fff;
}

.gonghome-wrapper main .xm .vc-signup-provider--github {
	border: 1px solid #24292f;
	background: #24292f;
	color: #fff !important;
}

.gonghome-wrapper main .xm .vc-signup-provider--kakao {
	border: 1px solid #fee500;
	background: #fee500;
	color: #191919 !important;
}

.gonghome-wrapper main .xm .vc-signup-email {
	border: 1px solid var(--vc-cta);
	background: var(--vc-cta);
	color: #171717 !important;
}

.gonghome-wrapper main .xm .vc-signup-email:hover {
	filter: brightness(1.05);
}

.gonghome-wrapper main .xm .vc-signup-consent {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin: 22px 0 0;
	padding-left: 4px; /* room for invalid focus ring (body overflow-x: clip) */
	color: var(--vc-text-muted);
	font-size: 13px;
	line-height: 1.55;
	cursor: pointer;
}

.gonghome-wrapper main .xm .vc-signup-consent input {
	flex: 0 0 auto;
	width: 17px;
	height: 17px;
	margin: 2px 0 0;
	accent-color: var(--vc-cta);
}

.gonghome-wrapper main .xm .vc-signup-consent input[aria-invalid="true"] {
	outline: none;
	border-radius: 3px;
	box-shadow: 0 0 0 2px #d84a4a;
}

.gonghome-wrapper main .xm .vc-signup-consent a,
.gonghome-wrapper main .xm .vc-signup-login a,
.gonghome-wrapper main .xm .vc-signup-back {
	color: var(--vc-accent) !important;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.gonghome-wrapper main .xm .vc-signup-consent-error {
	margin: 8px 0 0 26px;
	color: #d84a4a;
	font-size: 12px;
}

.gonghome-wrapper main .xm .vc-signup-login {
	margin: 24px 0 0;
	padding-top: 20px;
	border-top: 1px solid var(--vc-border);
	color: var(--vc-text-muted);
	font-size: 14px;
	text-align: center;
}

.gonghome-wrapper main .xm .vc-email-signup__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
}

.gonghome-wrapper main .xm .vc-signup-back {
	flex: 0 0 auto;
	margin-top: 8px;
	font-size: 13px;
}

body.color_scheme_dark .gonghome-wrapper main .xm .vc-signup-provider--github {
	border-color: #565b61;
	background: #25282b;
}

@media (max-width: 767px) {
	.gonghome-wrapper main .xm .vc-signup-chooser,
	.gonghome-wrapper main .xm .vc-email-signup {
		width: 100%;
		margin-bottom: 32px;
	}

	.gonghome-wrapper main .xm .vc-signup-chooser__header,
	.gonghome-wrapper main .xm .vc-email-signup__header {
		margin-bottom: 22px;
	}

	.gonghome-wrapper main .xm .vc-email-signup__header {
		display: block;
	}

	.gonghome-wrapper main .xm .vc-signup-back {
		display: inline-block;
		margin-top: 12px;
	}

	.gonghome-wrapper main .xm .vc-signup-provider,
	.gonghome-wrapper main .xm .vc-signup-email {
		min-height: 50px;
		font-size: 15px;
	}
}

.gonghome-wrapper .xm #fo_insert_member.form-horizontal {
	max-width: 820px;
	margin: 0 0 40px;
}

/* Account center pages should share one full content width with the write CTA. */
.gonghome-wrapper main .vc-member-area #fo_insert_member.form-horizontal {
	max-width: 100%;
}

.gonghome-wrapper .xm #fo_insert_member.form-horizontal .agreement,
.gonghome-wrapper .xm #fo_insert_member.form-horizontal .btnArea {
	box-sizing: border-box;
}

.gonghome-wrapper .xm #fo_insert_member.form-horizontal .control-group {
	display: grid;
	grid-template-columns: 130px minmax(0, 1fr);
	align-items: start;
	column-gap: 20px;
	margin: 0 0 20px;
}

/* Legacy clearfix pseudo-elements become grid items unless explicitly removed. */
.gonghome-wrapper .xm #fo_insert_member.form-horizontal .control-group::before,
.gonghome-wrapper .xm #fo_insert_member.form-horizontal .control-group::after {
	display: none;
	content: none;
}

.gonghome-wrapper .xm #fo_insert_member.form-horizontal .control-label {
	float: none;
	width: auto;
	margin: 0;
	padding-top: 10px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-align: left;
}

.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls {
	min-width: 0;
	margin: 0;
}

.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > input[type="text"],
.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > input[type="password"],
.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > input[type="email"],
.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > input[type="tel"],
.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > input[type="url"],
.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > input[type="date"],
.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > select {
	width: min(100%, 420px);
	height: 42px;
	margin: 0;
	padding: 9px 12px;
	box-sizing: border-box;
	border-radius: 7px;
	font-size: 15px;
}

.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls:has(> .inputDate) {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	width: min(100%, 420px);
}

.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > .inputDate {
	width: 100%;
	min-width: 0;
}

.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > .dateRemover {
	min-width: 58px;
	min-height: 42px;
	height: 42px;
	margin: 0;
	padding: 0 12px;
	box-sizing: border-box;
	border-radius: 7px;
}

.gonghome-wrapper .xm #fo_insert_member.form-horizontal .help-inline {
	display: block;
	margin: 7px 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.5;
}

/* Profile photo avatar picker */
.gonghome-wrapper .xm #fo_insert_member .vc-profile-photo-group .controls {
	padding-top: 0;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-photo-row {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-avatar {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	margin: 0;
	border: 2px solid var(--vc-border);
	border-radius: 50%;
	background: var(--vc-surface-2);
	overflow: hidden;
	cursor: pointer;
	flex: 0 0 auto;
	box-sizing: border-box;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-avatar:hover,
.gonghome-wrapper .xm #fo_insert_member .vc-profile-avatar:focus-visible {
	border-color: var(--vc-cta);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--vc-cta) 28%, transparent);
	outline: none;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-preview {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	position: relative;
	z-index: 1;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 36px;
	font-weight: 750;
	line-height: 1;
	letter-spacing: -0.02em;
	user-select: none;
	position: relative;
	z-index: 1;
	background: color-mix(in srgb, var(--vc-cta, #c9a227) 22%, #2a2c30);
	color: #f3e6b0;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder.tone-0 {
	background: color-mix(in srgb, var(--vc-cta, #c9a227) 22%, #2a2c30);
	color: #f3e6b0;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder.tone-1 {
	background: color-mix(in srgb, #5b8def 28%, #2a2c30);
	color: #c9dbff;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder.tone-2 {
	background: color-mix(in srgb, #3daa7a 28%, #2a2c30);
	color: #c8f0dd;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder.tone-3 {
	background: color-mix(in srgb, #c45d8a 28%, #2a2c30);
	color: #f5cfe0;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder.tone-4 {
	background: color-mix(in srgb, #8a7be8 28%, #2a2c30);
	color: #ddd6ff;
}

html.color_scheme_light .gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder.tone-0,
body.color_scheme_light .gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder.tone-0 {
	background: color-mix(in srgb, var(--vc-cta, #c9a227) 28%, #fff);
	color: #7a5f00;
}

html.color_scheme_light .gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder.tone-1,
body.color_scheme_light .gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder.tone-1 {
	background: color-mix(in srgb, #5b8def 22%, #fff);
	color: #2f5bb8;
}

html.color_scheme_light .gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder.tone-2,
body.color_scheme_light .gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder.tone-2 {
	background: color-mix(in srgb, #3daa7a 22%, #fff);
	color: #1f7a52;
}

html.color_scheme_light .gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder.tone-3,
body.color_scheme_light .gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder.tone-3 {
	background: color-mix(in srgb, #c45d8a 22%, #fff);
	color: #9a3a63;
}

html.color_scheme_light .gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder.tone-4,
body.color_scheme_light .gonghome-wrapper .xm #fo_insert_member .vc-profile-placeholder.tone-4 {
	background: color-mix(in srgb, #8a7be8 22%, #fff);
	color: #5a4db8;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-avatar-overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .42);
	color: #fff;
	font-size: 22px;
	opacity: 0;
	transition: opacity .15s ease;
	pointer-events: none;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-avatar:hover .vc-profile-avatar-overlay,
.gonghome-wrapper .xm #fo_insert_member .vc-profile-avatar:focus-visible .vc-profile-avatar-overlay {
	opacity: 1;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-file {
	position: absolute;
	inset: 0;
	z-index: 3;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0;
	cursor: pointer;
	border: 0;
	overflow: hidden;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-avatar.is-dragover {
	border-color: var(--vc-cta);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--vc-cta) 40%, transparent);
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-avatar.is-busy {
	cursor: progress;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-avatar-spinner {
	position: absolute;
	inset: 0;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .45);
	pointer-events: none;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-avatar-spinner[hidden] {
	display: none;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-avatar-spinner::after {
	content: '';
	width: 28px;
	height: 28px;
	border: 3px solid color-mix(in srgb, var(--vc-cta, #c9a227) 30%, transparent);
	border-top-color: var(--vc-cta, #c9a227);
	border-radius: 50%;
	animation: vc-spin 0.72s linear infinite;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-photo-meta {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
	flex: 1 1 180px;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-photo-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-pick,
.gonghome-wrapper .xm #fo_insert_member .vc-profile-remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	margin: 0;
	padding: 0 14px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	box-sizing: border-box;
}

.gonghome-wrapper .xm #fo_insert_member button.vc-profile-pick,
.gonghome-wrapper .xm #fo_insert_member label.vc-profile-pick {
	border: 1px solid var(--vc-cta);
	background: var(--vc-cta);
	color: var(--vc-on-cta, #111) !important;
}

.gonghome-wrapper .xm #fo_insert_member button.vc-profile-pick:hover,
.gonghome-wrapper .xm #fo_insert_member label.vc-profile-pick:hover {
	background: var(--vc-cta-hover, var(--vc-cta));
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-remove {
	border: 1px solid var(--vc-border);
	background: transparent;
	color: var(--vc-text-muted) !important;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-remove:hover {
	border-color: #c44;
	color: #e66 !important;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-photo .help-block {
	margin: 0;
	color: var(--vc-text-muted);
	font-size: 12px;
	line-height: 1.45;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-status {
	font-weight: 600;
	word-break: break-all;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-status.is-progress {
	color: var(--vc-text);
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-status.is-success {
	color: #3d9a50;
}

.gonghome-wrapper .xm #fo_insert_member .vc-profile-status.is-error {
	color: #d4544a;
}

@media (max-width: 600px) {
	.gonghome-wrapper .xm #fo_insert_member .vc-profile-photo-row {
		gap: 14px;
	}

	.gonghome-wrapper .xm #fo_insert_member .vc-profile-avatar {
		width: 88px;
		height: 88px;
	}

	.gonghome-wrapper .xm #fo_insert_member .vc-profile-pick,
	.gonghome-wrapper .xm #fo_insert_member .vc-profile-remove {
		flex: 1 1 auto;
	}
}

.gonghome-wrapper .xm #fo_insert_member.form-horizontal .btnArea {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 28px;
	padding-top: 18px !important;
}

.gonghome-wrapper .xm #fo_insert_member.form-horizontal .btnArea::after {
	display: none;
	content: none;
}

.gonghome-wrapper .xm #fo_insert_member.form-horizontal .btnArea .pull-left,
.gonghome-wrapper .xm #fo_insert_member.form-horizontal .btnArea .pull-right {
	float: none;
}

.gonghome-wrapper .xm #fo_insert_member.form-horizontal .btnArea .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 88px;
	min-height: 42px;
	padding: 9px 18px;
	box-sizing: border-box;
	border-radius: 7px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2 !important;
}

.gonghome-wrapper .xm #fo_insert_member.form-horizontal .btnArea .btn-inverse {
	border-color: var(--vc-cta);
	background: var(--vc-cta);
	background-image: none;
	box-shadow: none;
	color: var(--vc-on-cta);
	text-shadow: none;
}

@media (max-width: 640px) {
	.gonghome-wrapper .xm #fo_insert_member.form-horizontal .control-group {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 7px;
	}

	.gonghome-wrapper .xm #fo_insert_member.form-horizontal .control-label {
		padding-top: 0;
	}

	.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > input[type="text"],
	.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > input[type="password"],
	.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > input[type="email"],
	.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > input[type="tel"],
	.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > input[type="url"],
	.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > input[type="date"],
	.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls > select {
		width: 100%;
	}

	.gonghome-wrapper .xm #fo_insert_member.form-horizontal .controls:has(> .inputDate) {
		width: 100%;
	}
}

/* Integration search — adapt the legacy Rhymix skin to the VibeCrew shell. */
#vc-content #spot {
	max-width: 760px;
	margin: 0 0 24px;
}

#vc-content #spot .search {
	display: flex;
	align-items: stretch;
	gap: 10px;
	width: 100%;
}

#vc-content #spot .search input[type="text"] {
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
	height: 44px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid var(--vc-border);
	border-radius: 7px;
	background: var(--vc-surface);
	box-shadow: none;
	color: var(--vc-text);
	font: inherit;
	font-size: 15px;
	line-height: 42px;
}

#vc-content #spot .search input[type="text"]::placeholder {
	color: var(--vc-text-muted);
	opacity: 1;
}

#vc-content #spot .search input[type="text"]:focus {
	outline: 2px solid color-mix(in srgb, var(--vc-accent) 28%, transparent);
	outline-offset: 1px;
	border-color: var(--vc-accent);
}

#vc-content #spot .search input[type="submit"] {
	flex: 0 0 auto;
	height: 44px;
	margin: 0;
	padding: 0 22px;
	border: 1px solid var(--vc-cta);
	border-radius: 7px;
	background: var(--vc-cta);
	box-shadow: none;
	color: var(--vc-on-cta);
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 42px;
	cursor: pointer;
}

#vc-content #spot .search input[type="submit"]:hover {
	border-color: var(--vc-cta-hover);
	background: var(--vc-cta-hover);
}

#vc-content #spot ~ .localNavigation {
	display: flex;
	align-items: flex-end;
	gap: 4px;
	margin: 0 0 28px;
	padding: 0;
	border-bottom: 1px solid var(--vc-border);
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
}

#vc-content #spot ~ .localNavigation::after {
	display: none;
}

#vc-content #spot ~ .localNavigation li {
	float: none;
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	background: transparent;
}

#vc-content #spot ~ .localNavigation li a {
	display: flex;
	float: none;
	align-items: center;
	height: 42px;
	padding: 0 14px;
	border: 0;
	border-bottom: 2px solid transparent;
	background: none;
	color: var(--vc-text-muted);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
}

#vc-content #spot ~ .localNavigation li.on {
	margin: 0;
}

#vc-content #spot ~ .localNavigation li.on a {
	height: 42px;
	border-bottom-color: var(--vc-accent);
	color: var(--vc-text);
	font-weight: 700;
}

#vc-content #spot ~ h3.subTitle {
	margin: 30px 0 14px;
	padding: 0;
	background: none;
	color: var(--vc-text);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.45;
}

#vc-content #spot ~ h3.subTitle span {
	color: var(--vc-text-muted);
	font: inherit;
	font-size: 13px;
	font-weight: 500;
}

#vc-content #spot ~ .subNavigation {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	margin: 0 0 8px;
	padding: 0 0 15px;
	border-bottom: 1px solid var(--vc-border);
}

#vc-content #spot ~ .subNavigation::after {
	display: none;
}

#vc-content #spot ~ .subNavigation li {
	float: none;
	margin: 0;
}

#vc-content #spot ~ .subNavigation li a {
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	color: var(--vc-text-muted);
	font-size: 14px;
	line-height: 1.5;
}

#vc-content #spot ~ .subNavigation li.on a {
	color: var(--vc-accent);
	font-weight: 700;
}

#vc-content #spot ~ .searchResult,
#vc-content #spot ~ .searchImageResult {
	margin: 0;
	padding: 0;
}

#vc-content #spot ~ .searchResult li {
	width: 100%;
	margin: 0;
	padding: 18px 0;
	border-bottom: 1px solid var(--vc-border);
	overflow: hidden;
}

#vc-content #spot ~ .searchResult li dl {
	margin: 0;
}

#vc-content #spot ~ .searchResult li dl dt {
	margin: 0 0 6px;
	color: var(--vc-text-muted);
	font-size: 16px;
	line-height: 1.5;
}

#vc-content #spot ~ .searchResult li dl dt a,
#vc-content #spot ~ .searchResult.comment li dl dt a {
	color: var(--vc-text);
	font-weight: 700;
	text-decoration: none;
}

#vc-content #spot ~ .searchResult li dl dt a:hover,
#vc-content #spot ~ .searchResult.comment li dl dt a:hover {
	color: var(--vc-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
}

#vc-content #spot ~ .searchResult li dl dd {
	margin: 0 0 7px;
	color: var(--vc-text-muted);
	font-size: 14px;
	line-height: 1.65;
}

#vc-content #spot ~ .searchResult li address,
#vc-content #spot ~ .searchResult li address strong,
#vc-content #spot ~ .searchResult li address .time,
#vc-content #spot ~ .searchResult li address .read,
#vc-content #spot ~ .searchResult li address .readNum,
#vc-content #spot ~ .searchResult li address .recom,
#vc-content #spot ~ .searchResult li address .recomNum {
	color: var(--vc-text-muted);
	font: inherit;
	font-size: 12px;
	line-height: 1.5;
}

#vc-content #spot ~ .noResult {
	display: block;
	margin: 0 0 18px;
	padding: 18px;
	border: 1px solid var(--vc-border);
	border-radius: 7px;
	background: var(--vc-surface-2);
	color: var(--vc-text-muted);
	font-size: 14px;
	line-height: 1.5;
}

#vc-content #spot ~ div.isMore {
	margin: 0;
	padding: 14px 0 4px;
	border: 0;
	color: var(--vc-text-muted);
	text-align: right;
}

#vc-content #spot ~ div.isMore a {
	color: var(--vc-text-muted);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

#vc-content #spot ~ div.isMore a::after {
	content: " →";
}

#vc-content #spot ~ .pagination.a1 a,
#vc-content #spot ~ .pagination.a1 strong {
	margin: 0 2px;
	padding: 7px 10px;
	border: 1px solid var(--vc-border);
	border-radius: 5px;
	background: var(--vc-surface);
	color: var(--vc-text);
}

#vc-content #spot ~ .pagination.a1 strong {
	border-color: var(--vc-cta);
	background: var(--vc-cta);
	color: var(--vc-on-cta) !important;
}

body.color_scheme_dark #vc-content #spot .search input[type="text"],
body.color_scheme_dark #vc-content #spot ~ .pagination.a1 a {
	background: var(--vc-surface-2);
}

@media (max-width: 640px) {
	#vc-content #spot {
		margin-bottom: 20px;
	}

	#vc-content #spot .search {
		gap: 8px;
	}

	#vc-content #spot .search input[type="text"],
	#vc-content #spot .search input[type="submit"] {
		height: 42px;
		line-height: 40px;
	}

	#vc-content #spot .search input[type="submit"] {
		padding: 0 16px;
	}

	#vc-content #spot ~ .localNavigation {
		margin-right: -20px;
		margin-bottom: 22px;
	}

	#vc-content #spot ~ .localNavigation li a,
	#vc-content #spot ~ .localNavigation li.on a {
		height: 40px;
		padding: 0 12px;
		font-size: 13px;
	}

	#vc-content #spot ~ h3.subTitle {
		margin-top: 26px;
		font-size: 17px;
	}

	#vc-content #spot ~ .searchResult li {
		padding: 16px 0;
	}

	#vc-content #spot ~ .searchResult li dl dt {
		font-size: 15px;
	}

	#vc-content #spot ~ .searchResult li dl dd {
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
}

/* Member forms — one field scale across login, recovery and account settings. */
.gonghome-wrapper main .xm input[type="text"],
.gonghome-wrapper main .xm input[type="password"],
.gonghome-wrapper main .xm input[type="email"],
.gonghome-wrapper main .xm input[type="url"],
.gonghome-wrapper main .xm input[type="search"],
.gonghome-wrapper main .xm input[type="tel"],
.gonghome-wrapper main .xm input[type="number"],
.gonghome-wrapper main .xm input[type="date"],
.gonghome-wrapper main .xm input[type="datetime"],
.gonghome-wrapper main .xm input[type="datetime-local"],
.gonghome-wrapper main .xm input[type="month"],
.gonghome-wrapper main .xm input[type="time"],
.gonghome-wrapper main .xm input[type="week"] {
	height: 42px;
	margin: 0;
	padding: 10px 12px;
	box-sizing: border-box;
	border: 1px solid var(--vc-border);
	border-radius: 7px;
	background: var(--vc-surface);
	box-shadow: none;
	color: var(--vc-text);
	font-family: var(--vc-font), SpoqaHanSansNeo, 'Malgun Gothic', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: middle;
}

.gonghome-wrapper main .xm input[type="text"]:focus,
.gonghome-wrapper main .xm input[type="password"]:focus,
.gonghome-wrapper main .xm input[type="email"]:focus,
.gonghome-wrapper main .xm input[type="url"]:focus,
.gonghome-wrapper main .xm input[type="search"]:focus,
.gonghome-wrapper main .xm input[type="tel"]:focus,
.gonghome-wrapper main .xm input[type="number"]:focus,
.gonghome-wrapper main .xm input[type="date"]:focus,
.gonghome-wrapper main .xm input[type="datetime"]:focus,
.gonghome-wrapper main .xm input[type="datetime-local"]:focus,
.gonghome-wrapper main .xm input[type="month"]:focus,
.gonghome-wrapper main .xm input[type="time"]:focus,
.gonghome-wrapper main .xm input[type="week"]:focus {
	outline: 2px solid color-mix(in srgb, var(--vc-cta) 32%, transparent);
	outline-offset: 1px;
	border-color: var(--vc-cta);
	box-shadow: none;
}

.gonghome-wrapper main .xm input::placeholder,
.gonghome-wrapper main .xm textarea::placeholder {
	color: var(--vc-text-muted);
	opacity: 1;
}

body.color_scheme_dark .gonghome-wrapper main .xm input[type="text"],
body.color_scheme_dark .gonghome-wrapper main .xm input[type="password"],
body.color_scheme_dark .gonghome-wrapper main .xm input[type="email"],
body.color_scheme_dark .gonghome-wrapper main .xm input[type="url"],
body.color_scheme_dark .gonghome-wrapper main .xm input[type="search"],
body.color_scheme_dark .gonghome-wrapper main .xm input[type="tel"],
body.color_scheme_dark .gonghome-wrapper main .xm input[type="number"],
body.color_scheme_dark .gonghome-wrapper main .xm input[type="date"],
body.color_scheme_dark .gonghome-wrapper main .xm input[type="datetime"],
body.color_scheme_dark .gonghome-wrapper main .xm input[type="datetime-local"],
body.color_scheme_dark .gonghome-wrapper main .xm input[type="month"],
body.color_scheme_dark .gonghome-wrapper main .xm input[type="time"],
body.color_scheme_dark .gonghome-wrapper main .xm input[type="week"] {
	background: var(--vc-surface-2);
}

/* Standalone member forms: recovery, password/email changes and withdrawal. */
.gonghome-wrapper main .xm > form:not(.form-horizontal),
.gonghome-wrapper main .xm > section > form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	width: 100%;
	max-width: 560px;
	margin: 20px 0 32px;
}

.gonghome-wrapper main .xm > section {
	max-width: 720px;
	margin-bottom: 34px;
}

.gonghome-wrapper main .xm > form:not(.form-horizontal) > div,
.gonghome-wrapper main .xm > section > form > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
	margin: 0;
}

.gonghome-wrapper main .xm > form:not(.form-horizontal) input[type="text"],
.gonghome-wrapper main .xm > form:not(.form-horizontal) input[type="password"],
.gonghome-wrapper main .xm > form:not(.form-horizontal) input[type="email"],
.gonghome-wrapper main .xm > form:not(.form-horizontal) input[type="url"],
.gonghome-wrapper main .xm > section > form input[type="text"],
.gonghome-wrapper main .xm > section > form input[type="password"],
.gonghome-wrapper main .xm > section > form input[type="email"],
.gonghome-wrapper main .xm > section > form input[type="url"] {
	width: 100%;
	max-width: 420px;
}

.gonghome-wrapper main .xm .input-append,
.gonghome-wrapper main .xm .input-prepend {
	display: flex;
	align-items: stretch;
	width: 100%;
	max-width: 560px;
	margin: 0;
	font-size: 14px; /* member.css sets font-size:0 which breaks password caret width */
	white-space: normal;
}

.gonghome-wrapper main .xm .input-append > input:not(.btn),
.gonghome-wrapper main .xm .input-prepend > input:not(.btn) {
	flex: 1 1 auto;
	min-width: 0;
	max-width: none;
	border-radius: 7px 0 0 7px;
	font-family: var(--vc-font), SpoqaHanSansNeo, 'Malgun Gothic', sans-serif;
	font-size: 14px;
	line-height: normal;
	letter-spacing: normal;
}

.gonghome-wrapper main .xm .input-append > .btn,
.gonghome-wrapper main .xm .input-prepend > .btn {
	flex: 0 0 auto;
	min-height: 42px;
	margin: 0;
	padding: 0 16px;
	border-radius: 0 7px 7px 0;
	font-size: 14px;
	line-height: 40px;
}

.gonghome-wrapper main .xm > form:not(.form-horizontal) > .btn,
.gonghome-wrapper main .xm > section > form .btn:not(.input-append .btn) {
	min-height: 42px;
	margin: 0;
	padding: 0 18px;
	border-radius: 7px;
	font-size: 14px;
	line-height: 40px;
}

.gonghome-wrapper main .xm .help-inline,
.gonghome-wrapper main .xm .help-block {
	color: var(--vc-text-muted);
	font-size: 13px;
	line-height: 1.5;
}

/* Login page card. */
.gonghome-wrapper main .xm .signin {
	width: min(100%, 460px);
	margin: 42px auto 56px;
	box-sizing: border-box;
	border: 1px solid var(--vc-border);
	border-radius: 10px;
	background: var(--vc-surface);
	box-shadow: 0 8px 24px rgba(16, 16, 17, 0.08);
	overflow: hidden;
}

.gonghome-wrapper main .xm .signin > .login-header {
	padding: 18px 22px;
	border-bottom: 1px solid var(--vc-border);
}

.gonghome-wrapper main .xm .signin > .login-header > h1 {
	margin: 0;
	padding: 0;
	border: 0 !important;
	color: var(--vc-text);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.4;
}

.gonghome-wrapper main .xm .signin > .login-body {
	max-height: none;
	padding: 22px;
}

.gonghome-wrapper main .xm .signin form,
.gonghome-wrapper main .xm .signin fieldset {
	width: 100%;
	margin: 0;
	padding: 0;
}

.gonghome-wrapper main .xm .signin .control-group {
	position: static;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.gonghome-wrapper main .xm .signin .control-group:first-child {
	margin-bottom: 14px;
}

.gonghome-wrapper main .xm .signin input[type="text"],
.gonghome-wrapper main .xm .signin input[type="email"],
.gonghome-wrapper main .xm .signin input[type="password"] {
	width: 100%;
	height: 44px;
	margin: 0;
	font-size: 15px;
	line-height: normal;
}

/* Password show/hide toggle (all password fields in VibeCrew shell) */
.gonghome-wrapper .vc-password-field {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.gonghome-wrapper .input-append > .vc-password-field,
.gonghome-wrapper .input-prepend > .vc-password-field {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
}

.gonghome-wrapper .vc-password-field > input[type="password"],
.gonghome-wrapper .vc-password-field > input[type="text"] {
	width: 100% !important;
	max-width: none !important;
	padding-right: 44px !important;
	box-sizing: border-box;
}

.gonghome-wrapper .vc-password-toggle {
	position: absolute;
	top: 50%;
	right: 4px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	min-width: 36px !important;
	min-height: 36px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-image: none !important;
	color: var(--vc-text-muted, #a8adb4);
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	transform: translateY(-50%);
	appearance: none;
	-webkit-appearance: none;
	box-shadow: none !important;
	text-shadow: none !important;
}

.gonghome-wrapper .vc-password-toggle:hover,
.gonghome-wrapper .vc-password-toggle:focus-visible {
	color: var(--vc-text, #eef0f2);
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: none !important;
}

.gonghome-wrapper .vc-password-toggle[aria-pressed="true"] {
	color: var(--vc-cta, #d5ad1f);
}

.gonghome-wrapper .vc-password-toggle i {
	pointer-events: none;
}

.gonghome-wrapper main .xm .signin label {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--vc-text-muted);
	font-size: 13px;
	line-height: 1.4;
}

.gonghome-wrapper main .xm .signin input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0;
}

.gonghome-wrapper main .xm .signin .submit {
	position: static;
	flex: 0 0 100%;
	width: 100%;
	height: 44px !important;
	min-height: 44px;
	margin: 6px 0 0;
	padding: 0 18px !important;
	border-radius: 7px;
	font-size: 15px;
	line-height: 42px !important;
}

.gonghome-wrapper main .xm .signin #warning {
	flex: 0 0 100%;
	margin: 0;
}

.gonghome-wrapper main .xm .signin #warning > p {
	margin: 0;
	padding: 10px 12px;
	border-radius: 7px;
	background: var(--vc-surface-2);
	color: var(--vc-text-muted);
	font-size: 12px;
	line-height: 1.5;
}

.gonghome-wrapper main .xm .signin > .login-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 5px 8px;
	margin: 0;
	padding: 16px 22px 18px;
	border-top: 1px solid var(--vc-border);
	border-radius: 0;
	background: var(--vc-surface-2);
	box-shadow: none;
	color: var(--vc-text-muted);
	font-size: 13px;
	text-align: center;
}

.gonghome-wrapper main .xm .signin > .login-footer > span {
	color: var(--vc-border-strong);
}

.gonghome-wrapper main .xm .signin > .login-footer > a {
	color: var(--vc-text-muted);
	font-weight: 600;
}

.gonghome-wrapper main .xm .vc-recover-lead {
	margin: 0 0 16px;
	color: var(--vc-text-muted);
	font-size: 14px;
	line-height: 1.55;
}

.gonghome-wrapper main .xm .vc-recover-form .control-group {
	margin-bottom: 12px;
}

.gonghome-wrapper main .xm .vc-recover-form .control-group:last-child {
	margin-bottom: 0;
}

.gonghome-wrapper main .xm .vc-recover-aside {
	margin-top: 22px;
	padding-top: 4px;
	border-top: 1px solid var(--vc-border);
}

.gonghome-wrapper main .xm .vc-recover-aside > summary {
	cursor: pointer;
	list-style: none;
	padding: 14px 0 6px;
	color: var(--vc-text);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	user-select: none;
}

.gonghome-wrapper main .xm .vc-recover-aside > summary::-webkit-details-marker {
	display: none;
}

.gonghome-wrapper main .xm .vc-recover-aside > summary::after {
	content: '▾';
	display: inline-block;
	margin-left: 6px;
	color: var(--vc-text-muted);
	font-weight: 400;
	transition: transform 0.15s ease;
}

.gonghome-wrapper main .xm .vc-recover-aside[open] > summary::after {
	transform: rotate(180deg);
}

.gonghome-wrapper main .xm .vc-recover-aside-body {
	padding: 8px 0 2px;
}

.gonghome-wrapper main .xm .vc-recover-aside-lead {
	margin: 0 0 14px;
	color: var(--vc-text-muted);
	font-size: 13px;
	line-height: 1.5;
}

.gonghome-wrapper main .xm .vc-recover .message {
	margin-bottom: 14px;
}

/* Password recheck before account edits */
.gonghome-wrapper main .xm .vc-recheck-password {
	width: 100%;
	max-width: 520px;
	margin: 0 0 40px;
}

.gonghome-wrapper main .xm .vc-recheck-password > h1 {
	margin: 0 0 12px;
	padding: 0 0 14px;
	border-bottom: 1px solid var(--vc-border);
	font-size: 22px;
	line-height: 1.35;
}

.gonghome-wrapper main .xm .vc-recheck-lead {
	margin: 0 0 20px;
	color: var(--vc-text-muted);
	font-size: 14px;
	line-height: 1.55;
}

.gonghome-wrapper main .xm .vc-recheck-form {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	width: 100%;
	max-width: 420px;
	margin: 0;
}

.gonghome-wrapper main .xm .vc-recheck-label {
	margin: 6px 0 0;
	color: var(--vc-text-muted);
	font-size: 12px;
	font-weight: 700;
}

.gonghome-wrapper main .xm .vc-recheck-form > input[type="email"],
.gonghome-wrapper main .xm .vc-recheck-form > input[type="password"] {
	width: 100% !important;
	max-width: none !important;
}

.gonghome-wrapper main .xm .vc-recheck-submit {
	width: 100%;
	min-height: 44px;
	margin-top: 8px;
	border: 0;
	border-radius: 8px;
	background: var(--vc-cta);
	color: var(--vc-on-cta, #111) !important;
	font-size: 14px;
	font-weight: 800;
}

.gonghome-wrapper main .xm .vc-recheck-submit:hover,
.gonghome-wrapper main .xm .vc-recheck-submit:focus-visible {
	background: var(--vc-cta-hover, var(--vc-cta));
}

body.color_scheme_dark .gonghome-wrapper main .xm .signin {
	background: var(--vc-surface);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
}

/* Account center — shared structure for member, messages, friends and SNS pages. */
.gonghome-wrapper main .vc-member-area {
	width: 100%;
	max-width: 100%;
	margin: 0 0 48px;
	color: var(--vc-text);
}

.gonghome-wrapper main .vc-member-nav-mobile {
	display: none;
}

.gonghome-wrapper main .vc-member-area > .vc-member-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 24px;
	padding: 0 0 14px;
	border-bottom: 1px solid var(--vc-border);
	list-style: none;
}

.gonghome-wrapper main .vc-member-area > .vc-member-nav > li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.gonghome-wrapper main .vc-member-area > .vc-member-nav > li > a {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 11px;
	border: 1px solid transparent;
	border-radius: 999px;
	color: var(--vc-text-muted);
	font-size: 13px;
	font-weight: 650;
	text-decoration: none;
}

.gonghome-wrapper main .vc-member-area > .vc-member-nav > li.active > a,
.gonghome-wrapper main .vc-member-area > .vc-member-nav > li > a:hover {
	border-color: color-mix(in srgb, var(--vc-cta) 55%, var(--vc-border));
	background: color-mix(in srgb, var(--vc-cta) 9%, transparent);
	color: var(--vc-accent);
}

.gonghome-wrapper main .vc-member-area > h1,
.gonghome-wrapper main .vc-member-area > form > h1,
.gonghome-wrapper main .vc-member-area > section > h1,
.gonghome-wrapper main .vc-member-area > .xc > h1,
.gonghome-wrapper main .vc-member-area > .xc > form > h1 {
	margin: 0 0 20px;
	padding: 0 0 14px;
	border: 0 !important;
	border-bottom: 1px solid var(--vc-border) !important;
	color: var(--vc-text);
	font-size: clamp(23px, 3vw, 30px);
	font-weight: 800;
	line-height: 1.3;
}

.gonghome-wrapper main .vc-member-area .vc-subpage-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 20px;
	padding: 0 0 14px;
	border-bottom: 1px solid var(--vc-border);
}

.gonghome-wrapper main .vc-member-area .vc-subpage-header h1 {
	min-width: 0;
	margin: 0;
	color: var(--vc-text);
	font-size: clamp(23px, 3vw, 30px);
	font-weight: 800;
	line-height: 1.3;
}

.gonghome-wrapper main .vc-member-area .vc-subpage-back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 38px;
	padding: 0 12px;
	border: 1px solid var(--vc-border);
	border-radius: 7px;
	color: var(--vc-text-muted);
	font-size: 13px;
	font-weight: 750;
	text-decoration: none;
	white-space: nowrap;
}

.gonghome-wrapper main .vc-member-area .vc-subpage-back:hover,
.gonghome-wrapper main .vc-member-area .vc-subpage-back:focus-visible {
	border-color: var(--vc-cta);
	color: var(--vc-cta);
}

.gonghome-wrapper main .vc-member-area .message,
.gonghome-wrapper main .vc-member-area .vc-social-managed-card {
	box-sizing: border-box;
	margin: 0 0 20px;
	padding: 16px 18px;
	border: 1px solid var(--vc-border);
	border-radius: 9px;
	background: var(--vc-surface-2);
	color: var(--vc-text);
	text-shadow: none;
}

.gonghome-wrapper main .vc-member-area .message.error {
	border-color: color-mix(in srgb, #d14343 35%, var(--vc-border));
	background: color-mix(in srgb, #d14343 10%, var(--vc-surface));
	color: #c62828;
}

.gonghome-wrapper main .vc-member-area .message.info {
	border-color: color-mix(in srgb, #2f6fed 35%, var(--vc-border));
	background: color-mix(in srgb, #2f6fed 10%, var(--vc-surface));
	color: #1d4ed8;
}

.gonghome-wrapper main .vc-member-area .message.update,
.gonghome-wrapper main .vc-member-area .message.success {
	border-color: color-mix(in srgb, #2e7d32 35%, var(--vc-border));
	background: color-mix(in srgb, #2e7d32 10%, var(--vc-surface));
	color: #1b5e20;
}

.gonghome-wrapper main .vc-member-area .vc-social-managed-card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.gonghome-wrapper main .vc-member-area .message p,
.gonghome-wrapper main .vc-member-area .vc-social-managed-card p {
	margin: 0;
	color: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.65;
	text-shadow: none;
}

body.color_scheme_dark .gonghome-wrapper main .vc-member-area .message.error {
	border-color: color-mix(in srgb, #ff6b6b 40%, var(--vc-border));
	background: color-mix(in srgb, #ff6b6b 12%, var(--vc-surface));
	color: #ff8a80;
}

body.color_scheme_dark .gonghome-wrapper main .vc-member-area .message.info {
	border-color: color-mix(in srgb, #64b5f6 40%, var(--vc-border));
	background: color-mix(in srgb, #64b5f6 12%, var(--vc-surface));
	color: #90caf9;
}

body.color_scheme_dark .gonghome-wrapper main .vc-member-area .message.update,
body.color_scheme_dark .gonghome-wrapper main .vc-member-area .message.success {
	border-color: color-mix(in srgb, #81c784 40%, var(--vc-border));
	background: color-mix(in srgb, #81c784 12%, var(--vc-surface));
	color: #a5d6a7;
}

.gonghome-wrapper main .vc-member-area .vc-social-managed-card strong {
	display: block;
	color: var(--vc-cta);
	font-size: 16px;
}

.gonghome-wrapper main .vc-member-area .vc-social-managed-card .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 14px;
	margin-left: auto;
}

.gonghome-wrapper main .vc-member-area #fo_insert_member:not(.form-horizontal) > input[type="submit"].btn,
.gonghome-wrapper main .vc-member-area #fo_insert_member:not(.form-horizontal) > button.btn,
.gonghome-wrapper main .vc-member-area #fo_insert_member:not(.form-horizontal) > .btn {
	align-self: flex-end;
	margin-top: 8px;
}

.gonghome-wrapper main .vc-member-area .vc-member-list-summary {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: -2px 0 12px;
	color: var(--vc-text-muted);
	font-family: SpoqaHanSansNeo, 'Malgun Gothic', system-ui, sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
}

.gonghome-wrapper main .vc-member-area .vc-member-list-summary strong {
	color: var(--vc-text);
	font-weight: 700;
}

.gonghome-wrapper main .vc-member-area .vc-member-list-summary-divider {
	color: var(--vc-border);
}

.gonghome-wrapper main .vc-member-area .table {
	display: table;
	width: 100%;
	margin: 0 0 24px;
	border: 1px solid var(--vc-border);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 9px;
	background: var(--vc-surface);
	overflow: hidden;
}

.gonghome-wrapper main .vc-member-area .vc-member-table-scroll {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0 0 24px;
	border: 1px solid var(--vc-border);
	border-radius: 9px;
	background: var(--vc-surface);
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* Custom select panels must escape table/scroll clipping while open. */
.gonghome-wrapper main .vc-member-area .vc-member-table-scroll:has(.vc-select-ui.is-open),
.gonghome-wrapper main .vc-member-area .table:has(.vc-select-ui.is-open) {
	overflow: visible;
}

.gonghome-wrapper main .vc-member-area .vc-member-table-scroll .table {
	margin: 0;
	border: 0;
	border-radius: 0;
}

/* Mobile-only meta line inside feed cards; keep desktop table columns clean */
.gonghome-wrapper main .vc-member-area .vc-list-meta {
	display: none;
}

.gonghome-wrapper main .vc-member-area .vc-member-table th:not(.title),
.gonghome-wrapper main .vc-member-area .vc-member-table td:not(.title) {
	white-space: nowrap;
}

.gonghome-wrapper main .vc-member-area .vc-member-table th.title,
.gonghome-wrapper main .vc-member-area .vc-member-table td.title {
	width: 100%;
	min-width: 240px;
}

.gonghome-wrapper main .vc-member-area .table caption {
	padding: 0 14px 10px;
	color: var(--vc-text-muted);
	font-family: SpoqaHanSansNeo, 'Malgun Gothic', system-ui, sans-serif;
	font-size: 13px;
	font-weight: 600;
	text-align: left;
}

.gonghome-wrapper main .vc-member-area .table th,
.gonghome-wrapper main .vc-member-area .table td {
	padding: 13px 14px;
	border: 0;
	border-bottom: 1px solid var(--vc-border);
	background: transparent;
	color: var(--vc-text);
	font-family: SpoqaHanSansNeo, 'Malgun Gothic', system-ui, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	vertical-align: middle;
}

.gonghome-wrapper main .vc-communication-area > form {
	width: 100%;
	max-width: none !important;
}

.gonghome-wrapper main .vc-member-area .table th {
	background: var(--vc-surface-2);
	color: var(--vc-text-muted);
	font-size: 12px;
	font-weight: 750;
}

.gonghome-wrapper main .vc-member-area .table tbody tr:last-child td {
	border-bottom: 0;
}

.gonghome-wrapper main .vc-member-area .table tbody tr:hover td {
	background: color-mix(in srgb, var(--vc-cta) 6%, transparent);
}

.gonghome-wrapper main .vc-member-area .table a {
	color: var(--vc-text);
	font-weight: 650;
	text-decoration: none;
}

.gonghome-wrapper main .vc-member-area .table a:hover {
	color: var(--vc-cta);
}

.gonghome-wrapper main .vc-member-area .btnArea {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	margin: 14px 0 22px;
	padding: 0;
	text-align: right;
}

.gonghome-wrapper main .vc-member-area .vc-member-form-actions {
	margin-top: 24px;
	padding-top: 18px;
	border-top: 1px solid var(--vc-border);
}

.gonghome-wrapper main .vc-member-area .vc-member-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: flex-end;
	gap: 12px;
	margin: 0 0 18px;
}

.gonghome-wrapper main .vc-member-area .vc-member-toolbar .btnArea {
	margin: 0;
	justify-content: flex-end;
}

.gonghome-wrapper main .vc-member-area .vc-member-toolbar .btnArea:first-child {
	justify-content: flex-end;
	min-width: 0;
	flex: 0 1 auto;
}

.gonghome-wrapper main .vc-member-area .vc-member-toolbar select,
.gonghome-wrapper main .vc-member-area .vc-member-toolbar .vc-select-ui {
	height: 40px;
	min-width: 180px;
	box-sizing: border-box;
	margin: 0;
}

.gonghome-wrapper main .vc-member-area .vc-scrap-folder-create {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.gonghome-wrapper main .vc-member-area .vc-scrap-folder-create .folder_name {
	width: 260px;
	min-width: 0;
	height: 40px;
	box-sizing: border-box;
}

.gonghome-wrapper main .vc-member-area .vc-scrap-folder-current {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.gonghome-wrapper main .vc-member-area .vc-scrap-folder-current > .btn-group {
	display: grid;
	grid-template-columns: minmax(0, 220px) auto auto;
	align-items: center;
	gap: 6px;
}

.gonghome-wrapper main .vc-member-area .vc-scrap-folder-current .folder_name {
	width: 100%;
	min-width: 0;
	height: 40px;
	box-sizing: border-box;
}

.gonghome-wrapper main .vc-member-area .vc-scrap-folder-current #scrap_folder_delete {
	color: #d95c5c !important;
}

.gonghome-wrapper main .vc-member-area .btn-group {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.gonghome-wrapper main .vc-member-area .btn-group > .btn,
.gonghome-wrapper main .vc-member-area .btn-group > button {
	margin: 0;
	border-radius: 7px;
}

.gonghome-wrapper main .vc-member-area .vc-message-toolbar {
	justify-content: flex-end;
}

.gonghome-wrapper main .vc-member-area .vc-message-box-label-short {
	display: none;
}

.gonghome-wrapper main .vc-member-area .vc-message-field-label {
	display: none;
}

.gonghome-wrapper main .vc-member-area .vc-message-toolbar .btn > .vc-message-box-label,
.gonghome-wrapper main .vc-member-area .vc-message-toolbar .btn > .vc-message-box-label-short {
	color: inherit !important;
}

.gonghome-wrapper main .vc-member-area .vc-message-toolbar form {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
}

.gonghome-wrapper main .vc-member-area .vc-message-toolbar select,
.gonghome-wrapper main .vc-member-area .vc-message-toolbar .vc-select-ui {
	height: 40px;
	box-sizing: border-box;
	margin: 0;
}

.gonghome-wrapper main .vc-member-area .vc-message-box-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 10px;
	margin: 0 0 32px;
}

.gonghome-wrapper main .vc-member-area .vc-message-box-grid > a {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	min-height: 52px;
	padding: 0 15px;
	border: 1px solid var(--vc-border);
	border-radius: 9px;
	background: var(--vc-surface);
	color: var(--vc-text);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

.gonghome-wrapper main .vc-member-area .vc-message-box-grid > a:hover,
.gonghome-wrapper main .vc-member-area .vc-message-box-grid > a:focus-visible {
	border-color: var(--vc-cta);
	background: color-mix(in srgb, var(--vc-cta) 8%, var(--vc-surface));
}

.gonghome-wrapper main .vc-member-area .vc-message-box-grid > a > i:first-child {
	color: var(--vc-cta);
	font-size: 18px;
}

.gonghome-wrapper main .vc-member-area .vc-sns-service {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 120px;
}

.gonghome-wrapper main .vc-member-area .vc-sns-service-icon {
	display: block;
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.gonghome-wrapper main .vc-member-area .vc-sns-service strong {
	color: var(--vc-text);
	font-size: 14px;
	font-weight: 750;
}

.gonghome-wrapper main .vc-member-area .vc-sns-action {
	min-width: 84px;
}

.gonghome-wrapper main .vc-member-area .vc-social-login-panel,
.gonghome-wrapper main .vc-member-area .vc-sns-profile-panel,
.gonghome-wrapper main .vc-member-area .vc-social-form-panel {
	width: min(100%, 560px);
	margin: 18px 0 0;
	padding: 28px;
	border: 1px solid var(--vc-border);
	border-radius: 14px;
	background: var(--vc-surface);
	box-sizing: border-box;
}

.gonghome-wrapper main .vc-member-area .vc-social-login-header,
.gonghome-wrapper main .vc-member-area .vc-sns-profile-panel > header {
	position: static;
	z-index: auto;
	width: auto;
	height: auto;
	min-height: 0;
	margin: 0 0 24px;
	padding: 0;
	background: transparent;
}

.gonghome-wrapper main .vc-member-area .vc-social-login-header h1,
.gonghome-wrapper main .vc-member-area .vc-sns-profile-panel > header h1,
.gonghome-wrapper main .vc-member-area .vc-social-form-panel > h1 {
	margin: 0 0 8px;
	color: var(--vc-text);
	font-size: 24px;
	line-height: 1.3;
}

.gonghome-wrapper main .vc-member-area .vc-social-login-header p,
.gonghome-wrapper main .vc-member-area .vc-sns-profile-panel > header p {
	margin: 0;
	color: var(--vc-muted);
	font-size: 14px;
	line-height: 1.6;
}

.gonghome-wrapper main .vc-member-area .vc-social-provider-list {
	display: grid;
	gap: 10px;
}

.gonghome-wrapper main .vc-member-area .vc-social-provider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 48px;
	padding: 0 18px;
	border: 1px solid var(--vc-border);
	border-radius: 9px;
	background: var(--vc-bg);
	color: var(--vc-text);
	font-size: 15px;
	font-weight: 750;
	text-decoration: none;
	box-sizing: border-box;
	transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.gonghome-wrapper main .vc-member-area .vc-social-provider:hover,
.gonghome-wrapper main .vc-member-area .vc-social-provider:focus-visible {
	border-color: var(--vc-cta);
	background: color-mix(in srgb, var(--vc-cta) 8%, var(--vc-bg));
	color: var(--vc-text);
	transform: translateY(-1px);
}

.gonghome-wrapper main .vc-member-area .vc-social-provider img {
	display: block;
	width: 22px;
	height: 22px;
	object-fit: contain;
}

.gonghome-wrapper main .vc-member-area .vc-social-default-login {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid var(--vc-border);
	color: var(--vc-muted);
	font-size: 13px;
}

.gonghome-wrapper main .vc-member-area .vc-social-default-login a {
	color: var(--vc-cta);
	font-weight: 750;
}

.gonghome-wrapper main .vc-member-area .vc-sns-profile-list {
	overflow: hidden;
	border: 1px solid var(--vc-border);
	border-radius: 10px;
}

.gonghome-wrapper main .vc-member-area .vc-sns-profile-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 52px;
	padding: 10px 14px;
	border-bottom: 1px solid var(--vc-border);
	color: var(--vc-text);
	text-decoration: none;
	box-sizing: border-box;
}

.gonghome-wrapper main .vc-member-area .vc-sns-profile-row:last-child {
	border-bottom: 0;
}

.gonghome-wrapper main .vc-member-area a.vc-sns-profile-row:hover {
	background: color-mix(in srgb, var(--vc-cta) 8%, transparent);
}

.gonghome-wrapper main .vc-member-area .vc-sns-profile-label,
.gonghome-wrapper main .vc-member-area .vc-sns-profile-name {
	color: var(--vc-muted);
	font-size: 14px;
}

.gonghome-wrapper main .vc-member-area .vc-social-form-message {
	margin: 14px 0 20px;
	padding: 14px 16px;
	border: 1px solid var(--vc-border);
	border-radius: 9px;
	background: var(--vc-bg);
}

.gonghome-wrapper main .vc-member-area .vc-social-form-row {
	display: flex;
	align-items: stretch;
	gap: 10px;
}

.gonghome-wrapper main .vc-member-area .vc-social-form-row input[type="email"],
.gonghome-wrapper main .vc-member-area .vc-social-form-row input[type="text"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 46px;
	box-sizing: border-box;
}

.gonghome-wrapper main .vc-member-area .vc-social-form-row input[type="submit"] {
	flex: 0 0 auto;
	min-width: 112px;
	height: 46px;
}

.gonghome-wrapper main .vc-member-area .vc-social-password-field {
	margin-bottom: 12px;
}

.gonghome-wrapper main .vc-member-area .vc-social-password-field input {
	width: 100%;
	height: 46px;
	box-sizing: border-box;
}

.gonghome-wrapper main .vc-member-area .vc-social-password-field .help-inline {
	display: block;
	margin-top: 7px;
	color: var(--vc-muted);
	line-height: 1.5;
}

.gonghome-wrapper main .vc-member-area .vc-notification-settings .section {
	margin-top: 18px;
	padding: 24px;
	border: 1px solid var(--vc-border);
	border-radius: 12px;
	background: var(--vc-surface);
}

.gonghome-wrapper main .vc-member-area .vc-notification-settings .control-group {
	display: grid;
	grid-template-columns: minmax(150px, 190px) 1fr;
	gap: 20px;
	padding: 18px 0;
	border-bottom: 1px solid var(--vc-border);
}

.gonghome-wrapper main .vc-member-area .vc-notification-settings .control-group:last-child {
	border-bottom: 0;
}

.gonghome-wrapper main .vc-member-area .vc-notification-settings .x_control-label {
	color: var(--vc-text);
	font-weight: 750;
}

.gonghome-wrapper main .vc-member-area .vc-notification-settings .x_controls {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px 18px;
}

.gonghome-wrapper main .vc-member-area .vc-notification-settings .help-block {
	flex: 0 0 100%;
	margin: 4px 0 0;
	color: var(--vc-muted);
	line-height: 1.6;
}

.gonghome-wrapper main .vc-member-area .btn,
.gonghome-wrapper main .vc-member-area button:not(.vc-account-toggle) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	height: 40px;
	box-sizing: border-box;
	margin: 0;
	padding: 0 14px;
	border: 1px solid var(--vc-border);
	border-radius: 7px;
	background: var(--vc-surface-2);
	background-image: none;
	box-shadow: none;
	color: var(--vc-text) !important;
	font: inherit;
	font-size: 13px;
	font-weight: 650;
	line-height: 1 !important;
	vertical-align: middle;
	text-shadow: none;
	cursor: pointer;
}

.gonghome-wrapper main .vc-member-area .btn:hover,
.gonghome-wrapper main .vc-member-area button:not(.vc-account-toggle):hover,
.gonghome-wrapper main .vc-member-area .btn:focus-visible,
.gonghome-wrapper main .vc-member-area button:not(.vc-account-toggle):focus-visible {
	border-color: var(--vc-cta);
	background: color-mix(in srgb, var(--vc-cta) 10%, var(--vc-surface-2));
}

.gonghome-wrapper main .vc-member-area .btn-inverse,
.gonghome-wrapper main .vc-member-area input[type="submit"].btn-inverse {
	border-color: var(--vc-cta);
	background: var(--vc-cta);
	color: var(--vc-on-cta) !important;
	font-weight: 800;
}

.gonghome-wrapper main .vc-communication-area input.vc-message-submit {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	min-width: 0;
	height: 44px !important;
	padding: 0 18px !important;
	border: 1px solid var(--vc-cta) !important;
	border-radius: 8px !important;
	background: var(--vc-cta) !important;
	background-image: none !important;
	color: var(--vc-on-cta) !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 42px !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

.gonghome-wrapper main .vc-communication-area form > .btnArea:has(.vc-message-submit) {
	width: 100%;
}

.gonghome-wrapper main .vc-communication-area input.vc-message-submit:hover,
.gonghome-wrapper main .vc-communication-area input.vc-message-submit:focus-visible {
	border-color: var(--vc-cta-hover) !important;
	background: var(--vc-cta-hover) !important;
	color: var(--vc-on-cta) !important;
	outline: none;
}

.gonghome-wrapper main .vc-member-area .vc-danger-button {
	color: #d95c5c !important;
}

.gonghome-wrapper main .vc-member-area .pagination {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	margin: 20px 0 30px;
}

.gonghome-wrapper main .vc-member-area .pagination.vc-member-list-footer--pager-only {
	display: flex !important;
	align-items: center;
	justify-content: center !important;
	width: 100%;
}

.gonghome-wrapper main .vc-member-area .pagination.vc-member-list-footer--pager-only > .vc-member-pager {
	margin-right: auto;
	margin-left: auto;
}

.gonghome-wrapper main .vc-member-area .vc-member-search {
	display: grid;
	grid-template-columns: minmax(180px, 1fr) auto;
	gap: 8px;
	width: min(100%, 620px);
	margin: 0;
}

.gonghome-wrapper main .vc-member-area .vc-member-search:has(select) {
	grid-template-columns: 132px minmax(180px, 1fr) auto;
}

.gonghome-wrapper main .vc-member-area .vc-member-search select,
.gonghome-wrapper main .vc-member-area .vc-member-search .vc-select-ui,
.gonghome-wrapper main .vc-member-area .vc-member-search input[type="text"],
.gonghome-wrapper main .vc-member-area .vc-member-search .btn {
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	margin: 0;
}

.gonghome-wrapper main .vc-member-area .vc-member-list-footer,
.gonghome-wrapper main .vc-member-area .vc-message-toolbar,
.gonghome-wrapper main .vc-member-area .vc-member-toolbar,
.gonghome-wrapper main .vc-member-area .vc-friend-toolbar {
	overflow: visible;
	position: relative;
	z-index: 2;
}

.gonghome-wrapper main .vc-member-area .vc-member-search .btn {
	min-width: 72px;
	border-color: var(--vc-cta);
	background: var(--vc-cta);
	color: var(--vc-on-cta) !important;
	font-weight: 800;
}

.gonghome-wrapper main .vc-member-area .pagination ul {
	display: inline-flex;
	justify-self: end;
	margin: 0;
	padding: 0;
	list-style: none;
	box-shadow: none;
}

.gonghome-wrapper main .vc-member-area .pagination ul > li > a,
.gonghome-wrapper main .vc-member-area .pagination ul > li > span {
	min-height: 38px;
	box-sizing: border-box;
	padding: 8px 11px;
	border-color: var(--vc-border);
	background: var(--vc-surface);
	color: var(--vc-text);
	line-height: 20px;
}

.gonghome-wrapper main .vc-member-area .pagination ul > .active > a,
.gonghome-wrapper main .vc-member-area .pagination ul > .active > span {
	border-color: var(--vc-cta);
	background: var(--vc-cta);
	color: var(--vc-on-cta) !important;
}

.gonghome-wrapper main .vc-member-area .form-horizontal {
	width: 100%;
	margin: 0 0 36px;
	padding: 24px;
	box-sizing: border-box;
	border: 1px solid var(--vc-border);
	border-radius: 10px;
	background: var(--vc-surface);
}

.gonghome-wrapper main .vc-member-area .form-horizontal .control-group {
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr);
	gap: 18px;
	margin: 0;
	padding: 14px 0;
	border-bottom: 1px solid var(--vc-border);
}

.gonghome-wrapper main .vc-member-area .form-horizontal .control-label,
.gonghome-wrapper main .vc-member-area .form-horizontal .controls {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}

.gonghome-wrapper main .vc-member-area .form-horizontal .control-label {
	padding-top: 10px;
	color: var(--vc-text-muted);
	font-size: 13px;
	font-weight: 650;
}

.gonghome-wrapper main .vc-member-area .form-horizontal .controls > input[type="text"],
.gonghome-wrapper main .vc-member-area .form-horizontal .controls > input[type="email"],
.gonghome-wrapper main .vc-member-area .form-horizontal .controls > input[type="password"],
.gonghome-wrapper main .vc-member-area .form-horizontal .controls > input[type="url"],
.gonghome-wrapper main .vc-member-area .form-horizontal .controls > select,
.gonghome-wrapper main .vc-member-area .form-horizontal .controls > textarea {
	width: 100%;
	max-width: 520px;
}

.gonghome-wrapper main .vc-member-area .vc-social-readonly input[readonly] {
	cursor: default;
	border-style: dashed;
	background: var(--vc-surface-2);
	color: var(--vc-text-muted);
}

.gonghome-wrapper main .vc-member-area .vc-empty-state {
	padding: 34px 18px !important;
	color: var(--vc-text-muted) !important;
	font-family: SpoqaHanSansNeo, 'Malgun Gothic', system-ui, sans-serif !important;
	text-align: center;
}

.gonghome-wrapper main .vc-member-area form:has(.vc-empty-state) > .vc-friend-bulk-actions,
.gonghome-wrapper main .vc-member-area form:has(.vc-empty-state) > .vc-message-bulk-actions,
.gonghome-wrapper main .vc-member-area form:has(.vc-empty-state) > .btnArea:not(.vc-member-toolbar):not(.vc-message-toolbar):not(.vc-friend-toolbar) {
	display: none;
}

.gonghome-wrapper main .vc-member-area .vc-friend-toolbar {
	justify-content: flex-end;
}

.gonghome-wrapper main .vc-member-area .vc-friend-action-label-short {
	display: none;
}

.gonghome-wrapper main .vc-member-area .vc-friend-toolbar .btn > .vc-friend-action-label,
.gonghome-wrapper main .vc-member-area .vc-friend-toolbar .btn > .vc-friend-action-label-short {
	color: inherit !important;
}

.gonghome-wrapper main .vc-member-area .vc-friend-toolbar .etc {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.gonghome-wrapper main .vc-member-area .vc-friend-toolbar .etc .btn {
	min-width: 52px;
	white-space: nowrap;
}

.gonghome-wrapper main .vc-member-area .vc-friend-add-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	overflow: visible;
}

.gonghome-wrapper main .vc-member-area .vc-friend-add-table {
	overflow: visible;
}

.gonghome-wrapper main .vc-member-area .vc-friend-bulk-actions,
.gonghome-wrapper main .vc-member-area .vc-message-bulk-actions {
	justify-content: flex-end;
	margin-top: 10px;
	margin-bottom: 12px;
}

.gonghome-wrapper main .vc-member-area .vc-message-bulk-actions > .btn {
	min-width: 72px;
}

/* Quiet destructive submit on leave form only (not the member-info leave button) */
.gonghome-wrapper main .vc-member-area .vc-member-form-actions button.vc-member-action-leave {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	margin: 0;
	padding: 0 2px;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--vc-text-muted) !important;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: color-mix(in srgb, var(--vc-text-muted) 45%, transparent);
	cursor: pointer;
}

.gonghome-wrapper main .vc-member-area .vc-member-form-actions button.vc-member-action-leave:hover,
.gonghome-wrapper main .vc-member-area .vc-member-form-actions button.vc-member-action-leave:focus-visible {
	color: #d95c5c !important;
	text-decoration-color: #d95c5c;
}

@media (max-width: 640px) {
	.gonghome-wrapper main .vc-member-area {
		margin-bottom: 32px;
	}

	.gonghome-wrapper main .vc-member-area > .vc-member-nav {
		display: none;
	}

	.gonghome-wrapper main .vc-member-nav-mobile {
		display: block;
		margin: 0 0 24px;
		padding: 14px;
		border: 1px solid var(--vc-border);
		border-radius: 9px;
		background: var(--vc-surface-2);
	}

	.gonghome-wrapper main .vc-member-nav-mobile label {
		display: block;
		margin: 0 0 7px;
		color: var(--vc-text-muted);
		font-size: 12px;
		font-weight: 700;
	}

	.gonghome-wrapper main .vc-member-nav-mobile select,
	.gonghome-wrapper main .vc-member-nav-mobile .vc-select-ui {
		display: block;
		width: 100%;
		height: 44px;
		margin: 0;
		--vc-select-h: 44px;
	}

	.gonghome-wrapper main .vc-member-nav-mobile .vc-select-toggle {
		border-color: var(--vc-cta) !important;
		background-color: var(--vc-surface) !important;
		color: var(--vc-cta) !important;
		font-weight: 750 !important;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table-scroll {
		margin-bottom: 20px;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table-scroll .table {
		display: table;
		width: 100%;
		min-width: 0;
		table-layout: auto;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table-scroll:has(.vc-member-table--responsive) {
		border: 0;
		background: transparent;
		overflow: visible;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive,
	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive tbody {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive thead {
		display: none;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive caption {
		display: block;
		padding: 0 14px 10px;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive tbody tr {
		display: flex;
		flex-direction: column;
		gap: 0;
		width: 100%;
		margin: 0 0 8px;
		padding: 12px 14px;
		box-sizing: border-box;
		border: 1px solid var(--vc-border);
		border-radius: 10px;
		background: var(--vc-surface);
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive.table-striped tbody > tr > td,
	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive.table-striped tbody > tr:nth-child(odd) > td,
	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive.table-hover tbody tr:hover > td {
		background: transparent !important;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive tbody td {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		min-width: 0;
		padding: 8px 0;
		border: 0;
		border-bottom: 1px solid color-mix(in srgb, var(--vc-border) 70%, transparent);
		white-space: normal !important;
		text-align: right;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive tbody td::before {
		content: attr(data-label);
		flex: 0 0 auto;
		color: var(--vc-text-muted);
		font-size: 12px;
		font-weight: 700;
		line-height: 1.4;
		text-align: left;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive tbody td.title {
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
		padding-top: 0;
		padding-bottom: 8px;
		font-size: 15px;
		font-weight: 700;
		text-align: left;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive tbody td.title::before {
		font-size: 11px;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive tbody td.title a {
		display: inline;
		min-width: 0;
		overflow-wrap: anywhere;
		text-align: left;
		line-height: 1.45;
	}

	/* Message list: compact, labeled cards with selection beside the title. */
	.gonghome-wrapper main .vc-communication-area .vc-message-table tbody tr {
		display: grid;
		grid-template-columns: minmax(0, max-content) auto minmax(0, 1fr);
		gap: 3px 8px;
		margin-bottom: 8px;
		padding: 9px 12px;
	}

	.gonghome-wrapper main .vc-communication-area .vc-message-table tbody td {
		width: auto;
		min-height: 18px;
		padding: 0 !important;
		border: 0;
		font-size: 13px !important;
		line-height: 18px !important;
	}

	.gonghome-wrapper main .vc-communication-area .vc-message-table tbody td::before {
		display: none;
	}

	.gonghome-wrapper main .vc-communication-area .vc-message-table .vc-message-title {
		grid-column: 1 / 3;
		grid-row: 1;
		display: grid;
		grid-template-columns: 56px minmax(0, 1fr);
		align-items: center;
		gap: 6px;
		max-width: 100%;
		font-size: 13px !important;
		line-height: 18px !important;
	}

	.gonghome-wrapper main .vc-communication-area .vc-message-table .vc-message-title a {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 13px !important;
		line-height: 18px !important;
	}

	.gonghome-wrapper main .vc-communication-area .vc-message-table .vc-message-title strong {
		font-size: inherit !important;
		line-height: inherit !important;
	}

	.gonghome-wrapper main .vc-communication-area .vc-message-table .vc-message-party {
		grid-column: 1 / 4;
		grid-row: 2;
		display: grid;
		grid-template-columns: 56px minmax(0, 1fr);
		align-items: center;
		justify-content: initial;
		gap: 6px;
		color: var(--vc-text-muted);
		font-size: 13px !important;
		line-height: 18px !important;
		text-align: left;
	}

	.gonghome-wrapper main .vc-communication-area .vc-message-table .vc-message-party a {
		font-size: 13px !important;
		line-height: 18px !important;
	}

	.gonghome-wrapper main .vc-communication-area .vc-message-table .vc-message-date {
		grid-column: 1 / 4;
		grid-row: 3;
		display: grid;
		grid-template-columns: 56px minmax(0, 1fr);
		align-items: center;
		justify-content: initial;
		gap: 6px;
		color: var(--vc-text-muted);
		font-size: 13px !important;
		line-height: 18px !important;
		text-align: left;
		white-space: nowrap !important;
	}

	.gonghome-wrapper main .vc-communication-area .vc-message-table .vc-message-field-label {
		display: block;
		color: var(--vc-text-muted) !important;
		font-size: 13px !important;
		font-weight: 650;
		line-height: 18px !important;
		text-align: left;
	}

	.gonghome-wrapper main .vc-communication-area .vc-message-table .vc-message-read {
		display: none;
	}

	.gonghome-wrapper main .vc-communication-area .vc-message-table .vc-message-select {
		grid-column: 3;
		grid-row: 1;
		align-items: center;
		justify-content: center;
		align-self: center;
		justify-self: end;
		gap: 0;
	}

	.gonghome-wrapper main .vc-communication-area .vc-message-table .vc-message-select::before {
		display: none;
	}

	/* Saved drafts: compact two-line card with action on the right. */
	.gonghome-wrapper main .vc-member-area .vc-member-table--saved tbody tr.vc-saved-card {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-rows: auto auto;
		gap: 4px 12px;
		padding: 10px 12px;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--saved tbody tr.vc-saved-card > td {
		width: auto;
		min-height: 18px;
		padding: 0 !important;
		border: 0;
		font-size: 13px;
		line-height: 18px;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--saved .vc-saved-title {
		grid-column: 1;
		grid-row: 1;
		display: block;
		font-size: 14px !important;
		line-height: 20px !important;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--saved .vc-saved-title::before {
		display: none;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--saved .vc-saved-title > a {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 14px;
		line-height: 20px;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--saved .vc-saved-date {
		grid-column: 1;
		grid-row: 2;
		justify-content: flex-start;
		gap: 8px;
		color: var(--vc-text-muted);
		text-align: left;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--saved .vc-saved-date::before {
		font-size: 11px;
		font-weight: 650;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--saved .vc-saved-action {
		grid-column: 2;
		grid-row: 1 / 3;
		align-items: center;
		align-self: center;
		justify-content: flex-end;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--saved .vc-saved-action::before {
		display: none;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--saved .vc-saved-action .btn {
		min-width: 0;
		min-height: 32px;
		height: 32px;
		padding: 0 10px;
		font-size: 12px;
		line-height: 30px;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--saved .savedContent {
		margin-top: 8px;
		padding-top: 8px;
		border-top: 1px solid var(--vc-border);
		font-size: 13px;
		font-weight: 400;
		line-height: 1.5;
		white-space: normal;
	}

	/* Scrapped posts: title-led card with one meta line and compact actions. */
	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped tbody tr.vc-scrap-card {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-rows: auto auto auto;
		gap: 0 12px;
		padding: 14px;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped tbody tr.vc-scrap-card > td {
		width: auto;
		min-width: 0;
		padding: 0 !important;
		border: 0;
		text-align: left;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped tbody tr.vc-scrap-card > td::before {
		display: none;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-no {
		display: none !important;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-title {
		grid-column: 1 / -1;
		grid-row: 1;
		display: block;
		padding: 0 !important;
		font-size: 15px;
		font-weight: 750;
		line-height: 1.45;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-title a {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: var(--vc-text);
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-author,
	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-date {
		margin-top: 6px;
		color: var(--vc-text-muted);
		font-size: 12px;
		font-weight: 500;
		line-height: 1.4;
		white-space: nowrap !important;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-author {
		grid-column: 1;
		grid-row: 2;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-author a {
		color: inherit;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-date {
		grid-column: 2;
		grid-row: 2;
		text-align: right;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-move,
	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-delete {
		grid-row: 3;
		align-items: center;
		margin-top: 12px;
		padding-top: 12px !important;
		border-top: 1px solid color-mix(in srgb, var(--vc-border) 72%, transparent);
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-move {
		grid-column: 1;
		display: block;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-delete {
		grid-column: 2;
		display: flex;
		justify-content: flex-end;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped tbody tr.vc-scrap-card:not(:has(.vc-scrap-move)) .vc-scrap-delete {
		grid-column: 1 / -1;
		justify-content: stretch;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped tbody tr.vc-scrap-card:not(:has(.vc-scrap-move)) .vc-scrap-delete-btn {
		width: 100%;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-move select,
	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-move .vc-select-ui {
		display: block;
		width: 100%;
		max-width: none;
		height: auto;
		min-height: 0;
		overflow: visible;
		--vc-select-h: 38px;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-move .vc-select-toggle {
		width: 100%;
		height: 38px;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-delete-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 64px;
		height: 38px;
		margin: 0;
		padding: 0 14px;
		border: 1px solid var(--vc-border);
		border-radius: 8px;
		background: transparent;
		color: var(--vc-text-muted);
		font-size: 13px;
		font-weight: 650;
		line-height: 36px;
		text-decoration: none;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-delete-btn:hover,
	.gonghome-wrapper main .vc-member-area .vc-member-table--scrapped .vc-scrap-delete-btn:focus-visible {
		border-color: var(--vc-cta);
		color: var(--vc-cta);
		outline: none;
	}

	/* Feed-style cards: title + one meta line (scales when many rows) */
	.gonghome-wrapper main .vc-member-area .vc-member-table--feed tbody tr.vc-list-card {
		gap: 0;
		padding: 12px 14px;
		margin-bottom: 8px;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--feed tbody tr.vc-list-card > .vc-list-no,
	.gonghome-wrapper main .vc-member-area .vc-member-table--feed tbody tr.vc-list-card > .vc-list-date,
	.gonghome-wrapper main .vc-member-area .vc-member-table--feed tbody tr.vc-list-card > .vc-list-views,
	.gonghome-wrapper main .vc-member-area .vc-member-table--feed tbody tr.vc-list-card > .vc-list-likes {
		display: none !important;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--feed tbody tr.vc-list-card > .title {
		display: block;
		padding: 0;
		border-bottom: 0;
		gap: 0;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--feed tbody tr.vc-list-card > .title::before {
		display: none;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--feed .vc-list-title {
		display: inline;
		font-size: 15px;
		font-weight: 700;
		line-height: 1.4;
		color: var(--vc-text);
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--feed .vc-list-comments {
		display: inline;
		margin-left: 4px;
		color: var(--vc-text-muted);
		font-size: 13px;
		font-weight: 600;
		line-height: 1.4;
		white-space: nowrap;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--feed .vc-list-meta {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0;
		margin: 6px 0 0;
		color: var(--vc-text-muted);
		font-size: 12px;
		font-weight: 500;
		line-height: 1.4;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--feed .vc-list-meta > span:not(:last-child)::after {
		content: "·";
		margin: 0 7px;
		opacity: 0.55;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive tbody td select {
		max-width: 150px;
		height: 38px;
	}

	.gonghome-wrapper main .vc-member-area .vc-sns-table tbody tr,
	.gonghome-wrapper main .vc-member-area .vc-sns-table tbody td {
		background: transparent !important;
	}

	.gonghome-wrapper main .vc-member-area .vc-sns-table tbody td {
		width: 100%;
		justify-content: flex-start;
		text-align: left;
	}

	.gonghome-wrapper main .vc-member-area .vc-sns-table tbody td::before {
		flex: 0 0 76px;
	}

	.gonghome-wrapper main .vc-member-area .vc-sns-table tbody td > :last-child,
	.gonghome-wrapper main .vc-member-area .vc-sns-table tbody td > a,
	.gonghome-wrapper main .vc-member-area .vc-sns-table tbody td > input {
		margin-left: 0;
	}

	/* SNS management: compact service card with a small trailing action. */
	.gonghome-wrapper main .vc-member-area .vc-sns-table tbody tr {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-rows: auto auto;
		align-items: center;
		gap: 7px 12px;
		padding: 12px 14px;
	}

	.gonghome-wrapper main .vc-member-area .vc-sns-table tbody td {
		width: auto;
		padding: 0 !important;
		border: 0;
	}

	.gonghome-wrapper main .vc-member-area .vc-sns-table tbody td.title {
		grid-column: 1;
		grid-row: 1;
		display: block;
		padding: 0 !important;
	}

	.gonghome-wrapper main .vc-member-area .vc-sns-table tbody td.title::before {
		display: none;
	}

	.gonghome-wrapper main .vc-member-area .vc-sns-table tbody td:nth-child(2) {
		grid-column: 1;
		grid-row: 2;
		display: flex;
		align-items: center;
		gap: 8px;
		color: var(--vc-text-muted);
		font-size: 13px;
	}

	.gonghome-wrapper main .vc-member-area .vc-sns-table tbody td:nth-child(2)::before {
		display: block;
		flex: 0 0 auto;
		font-size: 12px;
	}

	.gonghome-wrapper main .vc-member-area .vc-sns-table tbody td:nth-child(3) {
		grid-column: 2;
		grid-row: 1 / 3;
		display: flex;
		align-items: center;
		align-self: center;
	}

	.gonghome-wrapper main .vc-member-area .vc-sns-table tbody td:nth-child(3)::before {
		display: none;
	}

	.gonghome-wrapper main .vc-member-area .vc-sns-table .vc-sns-action {
		min-width: 70px;
		min-height: 32px;
		height: 32px;
		padding: 0 10px;
		font-size: 12px;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive tbody td:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive .vc-empty-state {
		display: block;
		grid-column: 1 / -1;
		padding: 28px 12px !important;
		border: 0;
		text-align: center;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table--responsive .vc-empty-state::before {
		display: none;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table-scroll:has(.vc-empty-state) .table {
		min-width: 100%;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-table-scroll:has(.vc-empty-state) thead {
		display: none;
	}

	.gonghome-wrapper main .vc-member-area .table th,
	.gonghome-wrapper main .vc-member-area .table td {
		padding: 11px 12px;
	}

	.gonghome-wrapper main .vc-member-area .pagination {
		grid-template-columns: 1fr;
		align-items: stretch;
		gap: 16px;
		width: 100%;
		margin-top: 16px;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-search,
	.gonghome-wrapper main .vc-member-area .vc-member-search:has(select) {
		grid-template-columns: minmax(0, 1fr) 72px;
		width: 100%;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-search:has(select) select,
	.gonghome-wrapper main .vc-member-area .vc-member-search:has(.vc-select-ui) .vc-select-ui {
		grid-column: 1 / -1;
	}

	.gonghome-wrapper main .vc-member-area .pagination ul {
		justify-self: center;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-toolbar {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 8px;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-toolbar .btnArea {
		align-items: center;
		flex-direction: row;
		width: auto;
		margin: 0;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-toolbar .btnArea:first-child {
		min-width: 0;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-toolbar #scrap_folder_list,
	.gonghome-wrapper main .vc-member-area .vc-member-toolbar .vc-select-ui:has(#scrap_folder_list) {
		width: 100%;
		min-width: 0;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-toolbar:has(.vc-scrap-folder-current) {
		grid-template-columns: minmax(0, 1fr);
	}

	.gonghome-wrapper main .vc-member-area .vc-scrap-folder-current {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		width: 100%;
	}

	.gonghome-wrapper main .vc-member-area .vc-scrap-folder-current > .btn-group {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto auto;
		width: 100%;
	}

	.gonghome-wrapper main .vc-member-area .vc-scrap-folder-current.is-renaming-folder > .btn-group {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.gonghome-wrapper main .vc-member-area .vc-scrap-folder-current.is-renaming-folder .folder_name {
		grid-column: 1 / -1;
	}

	.gonghome-wrapper main .vc-member-area .vc-scrap-folder-current > .btn-group .btn,
	.gonghome-wrapper main .vc-member-area .vc-scrap-folder-current .folder_name {
		height: 44px;
		min-height: 44px;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-toolbar #scrap_folder_create {
		width: 100%;
		min-width: 0;
		white-space: nowrap;
	}

	.gonghome-wrapper main .vc-member-area .vc-scrap-folder-create,
	.gonghome-wrapper main .vc-member-area .vc-member-toolbar.is-creating-folder .vc-scrap-folder-create {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		width: 100%;
	}

	.gonghome-wrapper main .vc-member-area .vc-scrap-folder-create .folder_name {
		width: 100%;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-toolbar.is-creating-folder {
		grid-template-columns: minmax(0, 1fr);
	}

	.gonghome-wrapper main .vc-member-area .vc-member-toolbar.is-creating-folder .vc-scrap-folder-create {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 84px;
		width: 100%;
	}

	.gonghome-wrapper main .vc-member-area .vc-member-toolbar.is-creating-folder .vc-scrap-folder-create .folder_name,
	.gonghome-wrapper main .vc-member-area .vc-member-toolbar.is-creating-folder #scrap_folder_create {
		height: 44px;
		min-height: 44px;
	}

	.gonghome-wrapper main .vc-member-area .vc-message-toolbar,
	.gonghome-wrapper main .vc-member-area .vc-message-toolbar form {
		align-items: stretch;
		width: 100%;
	}

	.gonghome-wrapper main .vc-member-area .vc-message-toolbar > .btn-group {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 4px;
		width: 100%;
	}

	.gonghome-wrapper main .vc-member-area .vc-message-toolbar > .btn-group > .btn {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 0;
		height: 40px;
		padding: 0 6px;
		white-space: nowrap;
	}

	.gonghome-wrapper main .vc-member-area .vc-message-box-label {
		display: none;
	}

	.gonghome-wrapper main .vc-member-area .vc-message-box-label-short {
		display: inline;
	}

	.gonghome-wrapper main .vc-member-area .vc-message-toolbar form select,
	.gonghome-wrapper main .vc-member-area .vc-message-toolbar form .vc-select-ui {
		min-width: 0;
		flex: 1 1 auto;
	}

	.gonghome-wrapper main .vc-member-area .vc-friend-toolbar {
		align-items: stretch;
		flex-direction: column;
		width: 100%;
	}

	.gonghome-wrapper main .vc-member-area .vc-friend-toolbar .etc {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		width: 100%;
	}

	.gonghome-wrapper main .vc-member-area .vc-friend-toolbar .etc select,
	.gonghome-wrapper main .vc-member-area .vc-friend-toolbar .etc .vc-select-ui,
	.gonghome-wrapper main .vc-member-area .vc-friend-toolbar .etc .btn {
		width: 100%;
		height: 44px;
		margin: 0;
		--vc-select-h: 44px;
	}

	.gonghome-wrapper main .vc-member-area .vc-friend-toolbar > .btn-group {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, 1fr);
		gap: 4px;
		width: 100%;
	}

	.gonghome-wrapper main .vc-member-area .vc-friend-toolbar > .btn-group > .btn {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 0;
		height: 40px;
		padding: 0 6px;
		white-space: nowrap;
	}

	.gonghome-wrapper main .vc-member-area .vc-friend-action-label {
		display: none;
	}

	.gonghome-wrapper main .vc-member-area .vc-friend-action-label-short {
		display: inline;
	}

	.gonghome-wrapper main .vc-member-area .form-horizontal {
		padding: 18px;
	}

	.gonghome-wrapper main .vc-member-area .form-horizontal .control-group {
		grid-template-columns: 1fr;
		gap: 8px;
		padding: 13px 0;
	}

	.gonghome-wrapper main .vc-member-area .form-horizontal .control-label {
		padding-top: 0;
	}

	.gonghome-wrapper main .vc-member-area .btnArea {
		align-items: stretch;
		flex-direction: column;
	}

	.gonghome-wrapper main .vc-member-area .btnArea > .btn,
	.gonghome-wrapper main .vc-member-area .btnArea > input.btn,
	.gonghome-wrapper main .vc-member-area .btnArea > button.btn {
		width: 100%;
		min-height: 44px;
	}

	.gonghome-wrapper main .vc-member-area .vc-message-bulk-actions,
	.gonghome-wrapper main .vc-member-area .vc-friend-bulk-actions {
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
	}

	.gonghome-wrapper main .vc-member-area .vc-message-bulk-actions > .btn,
	.gonghome-wrapper main .vc-member-area .vc-friend-bulk-actions > .btn,
	.gonghome-wrapper main .vc-member-area .vc-friend-bulk-actions .btn-group > .btn {
		width: auto;
		min-width: 72px;
		min-height: 40px;
		height: 40px;
	}

	.gonghome-wrapper main .xm > form:not(.form-horizontal),
	.gonghome-wrapper main .xm > section > form,
	.gonghome-wrapper main .xm > section {
		max-width: 100%;
	}

	.gonghome-wrapper main .xm > form:not(.form-horizontal) input[type="text"],
	.gonghome-wrapper main .xm > form:not(.form-horizontal) input[type="password"],
	.gonghome-wrapper main .xm > form:not(.form-horizontal) input[type="email"],
	.gonghome-wrapper main .xm > form:not(.form-horizontal) input[type="url"],
	.gonghome-wrapper main .xm > section > form input[type="text"],
	.gonghome-wrapper main .xm > section > form input[type="password"],
	.gonghome-wrapper main .xm > section > form input[type="email"],
	.gonghome-wrapper main .xm > section > form input[type="url"] {
		width: 100% !important;
		max-width: 100%;
	}

	.gonghome-wrapper main .xm .input-append,
	.gonghome-wrapper main .xm .input-prepend {
		flex-direction: column;
		gap: 8px;
		max-width: 100%;
	}

	.gonghome-wrapper main .xm .input-append > input:not(.btn),
	.gonghome-wrapper main .xm .input-prepend > input:not(.btn),
	.gonghome-wrapper main .xm .input-append > .btn,
	.gonghome-wrapper main .xm .input-prepend > .btn {
		width: 100% !important;
		border-radius: 7px;
	}

	.gonghome-wrapper main .xm > section > form > div > .btn {
		width: 100% !important;
		max-width: 100%;
	}

	.gonghome-wrapper main .xm .signin {
		width: 100%;
		margin: 16px 0 36px;
		border-radius: 9px;
	}

	.gonghome-wrapper main .xm .signin > .login-header {
		padding: 16px 17px;
	}

	.gonghome-wrapper main .xm .signin > .login-body {
		padding: 17px;
	}

	.gonghome-wrapper main .xm .signin > .login-footer {
		padding: 15px 17px 17px;
	}
}

@media (max-width: 767px) {
	.gonghome-wrapper main .vc-member-area .vc-social-login-panel,
	.gonghome-wrapper main .vc-member-area .vc-sns-profile-panel,
	.gonghome-wrapper main .vc-member-area .vc-social-form-panel {
		margin-top: 14px;
		padding: 20px;
		border-radius: 11px;
	}

	.gonghome-wrapper main .vc-member-area .vc-social-login-header h1,
	.gonghome-wrapper main .vc-member-area .vc-sns-profile-panel > header h1,
	.gonghome-wrapper main .vc-member-area .vc-social-form-panel > h1 {
		font-size: 21px;
	}

	.gonghome-wrapper main .vc-member-area .vc-social-form-row {
		flex-direction: column;
	}

	.gonghome-wrapper main .vc-member-area .vc-social-form-row input[type="submit"] {
		width: 100%;
	}

	.gonghome-wrapper main .vc-member-area .vc-sns-profile-row {
		align-items: flex-start;
		flex-direction: column;
		gap: 6px;
	}

	.gonghome-wrapper main .vc-member-area .vc-notification-settings .section {
		padding: 18px;
	}

	.gonghome-wrapper main .vc-member-area .vc-notification-settings .control-group {
		grid-template-columns: 1fr;
		gap: 10px;
	}
}

/* Shared front-end pagination component ---------------------------------- */
.gonghome-wrapper .vc-pagination > ul {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	box-shadow: none;
}

.gonghome-wrapper .vc-pagination.gh-board-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	/* Keep board list → pager breathing room (do not zero out) */
	margin: 40px 0 0;
	padding: 0 0 36px;
	list-style: none;
	box-shadow: none;
	box-sizing: border-box;
}

.gonghome-wrapper .vc-pagination:not(:has(> ul)) {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
}

.gonghome-wrapper .vc-pagination > ul > li {
	display: block;
	margin: 0;
	padding: 0;
}

.gonghome-wrapper .vc-pagination > a,
.gonghome-wrapper .vc-pagination > strong,
.gonghome-wrapper .vc-pagination > ul > li > a,
.gonghome-wrapper .vc-pagination > ul > li > span {
	display: inline-flex;
	float: none;
	align-items: center;
	justify-content: center;
	width: 38px;
	min-width: 38px;
	height: 38px;
	min-height: 38px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: 1px solid var(--vc-border) !important;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
	background: var(--vc-surface-2);
	box-shadow: none;
	color: var(--vc-text-muted);
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-decoration: none;
}

.gonghome-wrapper .vc-pagination .direction i {
	margin: 0;
	font-size: 20px;
	line-height: 1;
}

.gonghome-wrapper .vc-pagination > a:hover,
.gonghome-wrapper .vc-pagination > a:focus-visible,
.gonghome-wrapper .vc-pagination > ul > li > a:hover,
.gonghome-wrapper .vc-pagination > ul > li > a:focus-visible {
	border-color: var(--vc-cta);
	background: color-mix(in srgb, var(--vc-cta) 12%, var(--vc-surface-2));
	color: var(--vc-text);
}

.gonghome-wrapper .vc-pagination > strong,
.gonghome-wrapper .vc-pagination > ul > li.active > a,
.gonghome-wrapper .vc-pagination > ul > li.active > span {
	border-color: var(--vc-cta);
	background: var(--vc-cta);
	color: var(--vc-on-cta) !important;
}

.gonghome-wrapper .vc-pagination > .vc-pagination-more {
	width: auto;
	padding: 0 14px;
	border-radius: 19px;
}

/* Global yellow loading overlay — blocks background interaction */
html.vc-loading {
	overflow: hidden;
}

.gonghome-wrapper .vc-loading-overlay {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: none;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background: rgba(16, 16, 17, 0.35);
	cursor: wait;
	touch-action: none;
	user-select: none;
}

/* Only show when explicitly activated — :not([hidden]) alone can trap clicks. */
.gonghome-wrapper .vc-loading-overlay.is-active {
	display: flex;
}

.gonghome-wrapper .vc-loading-spinner {
	width: 44px;
	height: 44px;
	border: 3px solid color-mix(in srgb, var(--vc-cta, #c9a227) 22%, transparent);
	border-top-color: var(--vc-cta, #c9a227);
	border-radius: 50%;
	animation: vc-spin 0.72s linear infinite;
	pointer-events: none;
}

@keyframes vc-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.gonghome-wrapper .vc-loading-spinner {
		animation-duration: 1.4s;
	}
}

/* NcenterLite — restrained site-wide notification bar and panel. */
#nc_container {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: auto !important;
	left: 0 !important;
	z-index: 10000 !important;
	width: 100% !important;
	height: 38px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--vc-border, #d9dcdf) !important;
	background: color-mix(in srgb, var(--vc-surface-2, #f4f5f6) 96%, transparent) !important;
	color: var(--vc-text, #202124) !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
	box-sizing: border-box !important;
	opacity: 1 !important;
	font-family: SpoqaHanSansNeo, "Malgun Gothic", system-ui, sans-serif !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	backdrop-filter: blur(10px);
}

.ncenterlite_block {
	height: 38px !important;
}

#nc_container ul.nc_memu {
	display: flex !important;
	align-items: center;
	gap: 8px;
	width: 100%;
	height: 37px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	line-height: 1.3 !important;
}

#nc_container ul.nc_memu::after {
	display: none !important;
}

#nc_container ul.nc_memu > li,
#nc_container ul.nc_memu > li.fLeft,
#nc_container ul.nc_memu > li.fRight {
	display: flex !important;
	float: none !important;
	align-items: center;
	width: auto;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: var(--vc-text, #202124) !important;
	white-space: nowrap;
}

#nc_container ul.nc_memu > li.nc_profile {
	gap: 6px;
	color: var(--vc-text-muted, #70757a) !important;
}

#nc_container .nc_profile img.nc_profile_img {
	width: 22px !important;
	height: 22px !important;
	border: 1px solid var(--vc-border, #d9dcdf);
	border-radius: 50%;
	object-fit: cover;
	vertical-align: middle;
}

#nc_container .nc_profile strong {
	color: var(--vc-text, #202124) !important;
	font-weight: 700;
}

#nc_container a.notify {
	display: flex !important;
	float: none !important;
	align-items: center;
	gap: 5px;
	padding: 5px 8px !important;
	border-radius: 7px;
	color: var(--vc-text-muted, #70757a) !important;
	font-size: 12px !important;
	line-height: 1.3;
}

#nc_container a.notify:hover,
#nc_container a.notify:focus-visible {
	background: color-mix(in srgb, var(--vc-text, #202124) 7%, transparent) !important;
	color: var(--vc-text, #202124) !important;
	outline: none;
}

#nc_container a.notify .num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: var(--vc-cta, #c9a227) !important;
	color: var(--vc-on-cta, #171717) !important;
	font-family: inherit !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 20px;
	box-sizing: border-box;
}

#nc_container ul.nc_memu > li.fRight {
	margin-left: auto !important;
}

#nc_container a.close {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0 !important;
	border-radius: 7px;
	color: var(--vc-text-muted, #70757a) !important;
	font-size: 20px !important;
	line-height: 1 !important;
}

#nc_container a.close:hover,
#nc_container a.close:focus-visible {
	background: color-mix(in srgb, var(--vc-text, #202124) 7%, transparent) !important;
	color: var(--vc-text, #202124) !important;
	outline: none;
}

#nc_container a.readall {
	margin: 0 4px !important;
	color: var(--vc-text-muted, #70757a) !important;
	font-family: inherit;
	font-size: 11px !important;
}

#nc_container .list {
	position: absolute !important;
	top: 44px !important;
	right: 12px !important;
	left: auto !important;
	bottom: auto !important;
	width: min(380px, calc(100vw - 24px)) !important;
	max-width: none !important;
	padding: 6px !important;
	border: 1px solid var(--vc-select-panel-border, var(--vc-border, #d9dcdf)) !important;
	border-radius: 10px !important;
	background: var(--vc-select-panel-bg, var(--vc-surface, #fff)) !important;
	color: var(--vc-select-panel-fg, var(--vc-text, #202124)) !important;
	box-shadow: var(--vc-select-panel-shadow, 0 10px 28px rgba(0, 0, 0, 0.2)) !important;
	box-sizing: border-box !important;
	opacity: 1 !important;
}

#nc_container .list ul {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	border-radius: 7px;
	list-style: none;
}

#nc_container .list li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid var(--vc-select-panel-border, var(--vc-border, #d9dcdf)) !important;
}

#nc_container .list li:last-child {
	border-bottom: 0 !important;
}

#nc_container .list li a {
	display: block;
	min-height: 42px;
	padding: 10px !important;
	border-radius: 6px;
	background: transparent !important;
	color: var(--vc-select-panel-fg, var(--vc-text, #202124)) !important;
	font-family: inherit;
	font-size: 13px !important;
	line-height: 1.45;
	box-sizing: border-box;
}

#nc_container .list li a:hover,
#nc_container .list li a:focus-visible {
	background: var(--vc-select-panel-hover, var(--vc-surface-2, #f4f5f6)) !important;
	outline: none;
}

#nc_container .list li img.nc_profile_img {
	width: 36px !important;
	height: 36px !important;
	margin: 0 9px 0 0 !important;
	border-radius: 50%;
	object-fit: cover;
}

#nc_container .list span.ago {
	margin-top: 3px;
	color: var(--vc-select-panel-muted, var(--vc-text-muted, #70757a)) !important;
	font-size: 11px !important;
}

#nc_container .list .more {
	display: block;
	margin-top: 4px;
	padding: 9px !important;
	border-radius: 7px;
	background: var(--vc-select-panel-hover, var(--vc-surface-2, #f4f5f6)) !important;
	color: var(--vc-select-panel-fg, var(--vc-text, #202124)) !important;
	font-size: 12px !important;
	font-weight: 700;
	text-align: center;
}

@media (max-width: 480px) {
	#nc_container {
		position: relative !important;
		padding: 0 8px !important;
	}

	.ncenterlite_block {
		display: none !important;
	}

	#nc_container ul.nc_memu {
		gap: 5px;
	}

	#nc_container ul.nc_memu > li.nc_profile {
		max-width: 38%;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#nc_container a.notify {
		padding: 4px 5px !important;
	}

	#nc_container .list {
		position: relative !important;
		top: 6px !important;
		right: auto !important;
		width: 100% !important;
		margin-bottom: 6px;
	}
}