/**
 * 凯旋门 H5 电脑端 UI（≥960px）
 * 依赖 html.kxm-desktop / body.kxm-page-auth（见 unit/kxmDesktop.js）
 *
 * 布局约定：
 * - 左侧栏宽 var(--kxm-side-w, 220px)；折叠后 72px
 * - 主内容列 max-width var(--kxm-content-max, 1320px)，水平居中于侧栏右侧
 */

@media (min-width: 960px) {
	/* ---------- 画布与内容壳 ---------- */
	html.kxm-desktop {
		--kxm-side-w: 220px;
		--kxm-content-max: 1320px;
	}
	html.kxm-desktop.kxm-side-collapsed {
		--kxm-side-w: 72px;
	}
	html.kxm-desktop,
	html.kxm-desktop body {
		min-height: 100%;
	}
	html.kxm-desktop body {
		background: #14151c !important;
	}
	html.kxm-theme-light.kxm-desktop body {
		background: #e5e7eb !important;
	}
	html.kxm-desktop uni-page-body,
	html.kxm-desktop #app {
		min-height: 100vh;
	}

	html.kxm-desktop body:not(.kxm-page-auth) uni-page-body {
		box-sizing: border-box !important;
		padding-left: var(--kxm-side-w, 220px) !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		transition: padding-left 0.22s ease;
	}
	html.kxm-desktop body:not(.kxm-page-auth) uni-page-body > * {
		max-width: var(--kxm-content-max, 1320px) !important;
		width: 100% !important;
		box-sizing: border-box !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	/* 顶栏 */
	html.kxm-desktop body:not(.kxm-page-auth) .u-navbar {
		left: var(--kxm-side-w, 220px) !important;
		right: 0 !important;
		width: auto !important;
		transition: left 0.22s ease;
	}
	html.kxm-desktop body:not(.kxm-page-auth) .u-navbar-inner,
	html.kxm-desktop body:not(.kxm-page-auth) .u-navbar__content {
		max-width: var(--kxm-content-max, 1320px) !important;
		margin: 0 auto !important;
		width: 100% !important;
		box-sizing: border-box !important;
		padding-left: 28px !important;
		padding-right: 28px !important;
		position: relative !important;
	}
	html.kxm-desktop body:not(.kxm-page-auth) .u-navbar-content-title {
		left: 50% !important;
		right: auto !important;
		width: auto !important;
		max-width: calc(100% - 120px) !important;
		transform: translateX(-50%) !important;
		text-align: center !important;
		pointer-events: none;
	}
	html.kxm-desktop body:not(.kxm-page-auth) .u-navbar-content-title .u-title {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	html.kxm-desktop body:not(.kxm-page-auth) .u-slot-right,
	html.kxm-desktop body:not(.kxm-page-auth) .u-back-wrap {
		position: relative;
		z-index: 2;
	}

	/* 可点击区域手型 */
	html.kxm-desktop a,
	html.kxm-desktop button,
	html.kxm-desktop .u-back-wrap,
	html.kxm-desktop .u-slot-right,
	html.kxm-desktop .nav-game,
	html.kxm-desktop .nav-record,
	html.kxm-desktop .side-item,
	html.kxm-desktop .side-brand,
	html.kxm-desktop .side-collapse-btn,
	html.kxm-desktop .opt,
	html.kxm-desktop .tab,
	html.kxm-desktop .drawer-tab,
	html.kxm-desktop .drawer-item,
	html.kxm-desktop .drawer-close,
	html.kxm-desktop .btn-primary,
	html.kxm-desktop .btn-ghost,
	html.kxm-desktop .btn-next,
	html.kxm-desktop .submit-btn,
	html.kxm-desktop .hall-card,
	html.kxm-desktop .game-row,
	html.kxm-desktop .hot-feature-card,
	html.kxm-desktop .level-card,
	html.kxm-desktop .feature-item,
	html.kxm-desktop .action-item,
	html.kxm-desktop .method-row,
	html.kxm-desktop .last-row,
	html.kxm-desktop .bar-selected,
	html.kxm-desktop .selected-detail-remove,
	html.kxm-desktop .success-btn,
	html.kxm-desktop .record,
	html.kxm-desktop .order-row,
	html.kxm-desktop .game-tab,
	html.kxm-desktop .entry-item,
	html.kxm-desktop .quick-item,
	html.kxm-desktop .shortcut-item,
	html.kxm-desktop .hall-tab,
	html.kxm-desktop .checkbox,
	html.kxm-desktop .agree-main,
	html.kxm-desktop .settings-btn,
	html.kxm-desktop .more-text,
	html.kxm-desktop .header-currency,
	html.kxm-desktop .header-lang,
	html.kxm-desktop .header-theme,
	html.kxm-desktop .section-link {
		cursor: pointer !important;
	}

	html.kxm-desktop .u-tabbar__placeholder,
	html.kxm-desktop .u-tabbar,
	html.kxm-desktop .kxm-tabbar-mobile,
	html.kxm-desktop uni-tabbar,
	html.kxm-desktop .uni-tabbar-bottom {
		display: none !important;
	}

	/* ---------- 通用页面内边距 ---------- */
	html.kxm-desktop .licai-home,
	html.kxm-desktop .lobby-page,
	html.kxm-desktop .promote-page,
	html.kxm-desktop .page-body,
	html.kxm-desktop .halls-page,
	html.kxm-desktop .open-history-page,
	html.kxm-desktop .trade-order-history-page,
	html.kxm-desktop .bet-page,
	html.kxm-desktop .page,
	html.kxm-desktop .credit-page,
	html.kxm-desktop .credit-record-page,
	html.kxm-desktop .detail-page,
	html.kxm-desktop .more-help-page,
	html.kxm-desktop .deposit-method-select-page,
	html.kxm-desktop .withdraw-method-select-page,
	html.kxm-desktop .change-record-page,
	html.kxm-desktop .recharge-record-page,
	html.kxm-desktop .withdrawal-record-page,
	html.kxm-desktop .withdraw-account-manage-page,
	html.kxm-desktop .bind-withdraw-account-page,
	html.kxm-desktop .download-page,
	html.kxm-desktop .kefu-page,
	html.kxm-desktop .bonus-activity-page,
	html.kxm-desktop .market-trend-page,
	html.kxm-desktop .notice-detail-page,
	html.kxm-desktop .lang-page {
		padding-left: 32px !important;
		padding-right: 32px !important;
		padding-bottom: 48px !important;
		box-sizing: border-box !important;
	}

	html.kxm-desktop .licai-home,
	html.kxm-desktop .lobby-page,
	html.kxm-desktop .promote-page {
		background: var(--kxm-bg, #2d2e3b) !important;
		padding-top: 12px !important;
	}

	html.kxm-theme-dark.kxm-desktop .licai-home,
	html.kxm-theme-dark.kxm-desktop .lobby-page,
	html.kxm-theme-dark.kxm-desktop .promote-page {
		background: linear-gradient(180deg, #1c1d26 0%, #2d2e3b 140px, #2d2e3b 100%) !important;
	}
	html.kxm-theme-light.kxm-desktop .licai-home,
	html.kxm-theme-light.kxm-desktop .lobby-page,
	html.kxm-theme-light.kxm-desktop .promote-page {
		background: linear-gradient(180deg, #11b982 0%, #e8f8f1 110px, #f3f4f6 110px, #f3f4f6 100%) !important;
	}

	html.kxm-desktop .hall-card-body,
	html.kxm-desktop .game-row,
	html.kxm-desktop .hot-feature-card,
	html.kxm-desktop .level-card,
	html.kxm-desktop .round-card,
	html.kxm-desktop .invite-card,
	html.kxm-desktop .section,
	html.kxm-desktop .account-card,
	html.kxm-desktop .actions-card,
	html.kxm-desktop .settings-card,
	html.kxm-desktop .list-wrap,
	html.kxm-desktop .form-card,
	html.kxm-desktop .stat-card,
	html.kxm-desktop .card,
	html.kxm-desktop .method-card,
	html.kxm-desktop .form-section,
	html.kxm-desktop .mine-section,
	html.kxm-desktop .list-card,
	html.kxm-desktop .recent-card,
	html.kxm-desktop .menu-card {
		border-radius: 16px !important;
	}

	/* ========== 首页多栏 ========== */
	html.kxm-desktop .licai-home .header {
		padding: 18px 4px 16px !important;
		align-items: center !important;
	}
	html.kxm-desktop .licai-home .header-title {
		font-size: 22px !important;
	}
	html.kxm-desktop .licai-home .home-main {
		display: grid !important;
		/* 第二列用 minmax(0,360) 防止长文案把轨道撑宽 */
		grid-template-columns: minmax(0, 1fr) minmax(0, 360px) !important;
		gap: 18px 20px !important;
		align-items: stretch !important;
	}
	html.kxm-desktop .licai-home .banner-section {
		grid-column: 1 !important;
		grid-row: 1 !important;
		margin: 0 !important;
		min-width: 0 !important;
	}
	/* 公告侧栏：宽度恒定，不随语言文案变化 */
	html.kxm-desktop .licai-home .notice-bar {
		grid-column: 2 !important;
		grid-row: 1 !important;
		justify-self: stretch !important;
		width: 100% !important;
		max-width: 360px !important;
		min-width: 0 !important;
		min-height: 280px !important;
		height: 280px !important;
		margin: 0 !important;
		padding: 14px !important;
		border-radius: 16px !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		gap: 12px !important;
		background: linear-gradient(165deg, #fffdf6 0%, #fff8e8 48%, #ffffff 100%) !important;
		border: 1px solid rgba(212, 175, 55, 0.28) !important;
		box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
		overflow: hidden !important;
	}
	html.kxm-theme-dark.kxm-desktop .licai-home .notice-bar,
	html.kxm-desktop .licai-home.theme-dark .notice-bar {
		background: linear-gradient(165deg, #3f4052 0%, #353647 55%, #2f3040 100%) !important;
		border-color: rgba(240, 215, 140, 0.22) !important;
		box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
	}
	html.kxm-desktop .licai-home .notice-bar .notice-main {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
		box-sizing: border-box !important;
		align-items: flex-start !important;
		padding: 12px 12px 10px !important;
		border-radius: 12px !important;
		background: rgba(255, 255, 255, 0.72) !important;
		border: 1px solid rgba(212, 175, 55, 0.18) !important;
		cursor: pointer !important;
		overflow: hidden !important;
		transition: background 0.15s ease, border-color 0.15s ease;
	}
	html.kxm-desktop .licai-home .notice-bar .notice-main:hover {
		background: rgba(255, 255, 255, 0.92) !important;
		border-color: rgba(212, 175, 55, 0.4) !important;
	}
	html.kxm-theme-dark.kxm-desktop .licai-home .notice-bar .notice-main,
	html.kxm-desktop .licai-home.theme-dark .notice-bar .notice-main {
		background: rgba(45, 46, 59, 0.55) !important;
		border-color: rgba(240, 215, 140, 0.14) !important;
	}
	html.kxm-theme-dark.kxm-desktop .licai-home .notice-bar .notice-main:hover,
	html.kxm-desktop .licai-home.theme-dark .notice-bar .notice-main:hover {
		background: rgba(45, 46, 59, 0.82) !important;
		border-color: rgba(240, 215, 140, 0.32) !important;
	}
	html.kxm-desktop .licai-home .notice-bar .notice-icon {
		margin-right: 10px !important;
		margin-top: 2px !important;
		width: 28px !important;
		height: 28px !important;
		border-radius: 8px !important;
		background: rgba(184, 134, 11, 0.12) !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-shrink: 0 !important;
	}
	html.kxm-desktop .licai-home .notice-bar .notice-text-wrap {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		max-width: 100% !important;
		overflow: hidden !important;
	}
	html.kxm-desktop .licai-home .notice-bar .notice-title {
		font-size: 14px !important;
		font-weight: 400 !important;
		line-height: 1.35 !important;
		color: #1f2937 !important;
		white-space: normal !important;
		word-break: break-word !important;
		overflow-wrap: anywhere !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		max-width: 100% !important;
	}
	html.kxm-theme-dark.kxm-desktop .licai-home .notice-bar .notice-title,
	html.kxm-desktop .licai-home.theme-dark .notice-bar .notice-title {
		color: #f5f5f5 !important;
	}
	html.kxm-desktop .licai-home .notice-bar .notice-content-track {
		margin-top: 8px !important;
		max-width: 100% !important;
		overflow: hidden !important;
		mask-image: linear-gradient(90deg, #000 85%, transparent);
		-webkit-mask-image: linear-gradient(90deg, #000 85%, transparent);
	}
	html.kxm-desktop .licai-home .notice-bar .notice-content {
		font-size: 12px !important;
		line-height: 1.45 !important;
		color: #8c7040 !important;
	}
	html.kxm-theme-dark.kxm-desktop .licai-home .notice-bar .notice-content,
	html.kxm-desktop .licai-home.theme-dark .notice-bar .notice-content {
		color: #c9b27a !important;
	}
	html.kxm-desktop .licai-home .notice-bar .notice-shortcuts {
		margin-left: 0 !important;
		flex-shrink: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}
	html.kxm-desktop .licai-home .notice-bar .shortcut-grid {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 8px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}
	html.kxm-desktop .licai-home .notice-bar .shortcut-item {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding: 10px 4px 8px !important;
		border-radius: 12px !important;
		background: rgba(255, 255, 255, 0.85) !important;
		border: 1px solid rgba(17, 185, 130, 0.18) !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
	}
	html.kxm-desktop .licai-home .notice-bar .shortcut-item:hover {
		transform: translateY(-1px);
		border-color: rgba(17, 185, 130, 0.45) !important;
		box-shadow: 0 6px 14px rgba(17, 185, 130, 0.12);
	}
	html.kxm-theme-dark.kxm-desktop .licai-home .notice-bar .shortcut-item,
	html.kxm-desktop .licai-home.theme-dark .notice-bar .shortcut-item {
		background: rgba(45, 46, 59, 0.65) !important;
		border-color: rgba(240, 215, 140, 0.16) !important;
	}
	html.kxm-theme-dark.kxm-desktop .licai-home .notice-bar .shortcut-item:hover,
	html.kxm-desktop .licai-home.theme-dark .notice-bar .shortcut-item:hover {
		border-color: rgba(240, 215, 140, 0.4) !important;
		box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
	}
	html.kxm-desktop .licai-home .notice-bar .shortcut-icon-wrap {
		width: 36px !important;
		height: 36px !important;
		margin-bottom: 4px !important;
		flex-shrink: 0 !important;
	}
	html.kxm-desktop .licai-home .notice-bar .shortcut-icon {
		width: 28px !important;
		height: 28px !important;
	}
	/* 多语言长文案：单行省略、居中，避免撑破固定宽 */
	html.kxm-desktop .licai-home .notice-bar .shortcut-label {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		padding: 0 2px !important;
		font-size: 11px !important;
		font-weight: 400 !important;
		line-height: 1.25 !important;
		color: #334155 !important;
		text-align: center !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}
	html.kxm-theme-dark.kxm-desktop .licai-home .notice-bar .shortcut-label,
	html.kxm-desktop .licai-home.theme-dark .notice-bar .shortcut-label {
		color: #e5e5e5 !important;
	}
	html.kxm-desktop .licai-home .home-main:not(:has(.banner-section)) .notice-bar {
		grid-column: 1 !important;
		justify-self: start !important;
		width: 360px !important;
		max-width: 360px !important;
		height: auto !important;
		min-height: 240px !important;
	}
	html.kxm-desktop .licai-home .banner-section .banner-swiper,
	html.kxm-desktop .licai-home .banner-item {
		height: 280px !important;
		border-radius: 16px !important;
		overflow: hidden !important;
	}
	html.kxm-desktop .licai-home .banner-img {
		width: 100% !important;
		height: 280px !important;
		object-fit: cover !important;
		border-radius: 16px !important;
	}
	html.kxm-desktop .licai-home .section-entry,
	html.kxm-desktop .licai-home .game-hall-section,
	html.kxm-desktop .licai-home .hot-section {
		grid-column: 1 / -1 !important;
	}
	html.kxm-desktop .licai-home .section-entry {
		padding: 22px 20px 18px !important;
		border-radius: 16px !important;
	}
	/* 单行均分，不限制最小列宽，避免换行异常 */
	html.kxm-desktop .licai-home .quick-grid {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 12px !important;
		width: 100% !important;
	}
	html.kxm-desktop .licai-home .quick-item {
		flex: 1 1 0 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		text-align: center !important;
		padding: 18px 10px 16px !important;
		min-width: 0 !important;
		width: auto !important;
		max-width: none !important;
		box-sizing: border-box !important;
		border-radius: 14px !important;
		background: rgba(17, 185, 130, 0.04) !important;
		border: 1px solid rgba(17, 185, 130, 0.12) !important;
		transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
	}
	html.kxm-desktop .licai-home .quick-item:hover {
		background: rgba(17, 185, 130, 0.08) !important;
		border-color: rgba(17, 185, 130, 0.28) !important;
		transform: translateY(-1px);
	}
	html.kxm-theme-dark.kxm-desktop .licai-home .quick-item,
	html.kxm-desktop .licai-home.theme-dark .quick-item {
		background: rgba(240, 215, 140, 0.06) !important;
		border-color: rgba(240, 215, 140, 0.14) !important;
	}
	html.kxm-theme-dark.kxm-desktop .licai-home .quick-item:hover,
	html.kxm-desktop .licai-home.theme-dark .quick-item:hover {
		background: rgba(240, 215, 140, 0.12) !important;
		border-color: rgba(240, 215, 140, 0.28) !important;
	}
	html.kxm-desktop .licai-home .quick-icon-wrap {
		width: 48px !important;
		height: 48px !important;
		margin-bottom: 10px !important;
	}
	html.kxm-desktop .licai-home .quick-icon {
		width: 40px !important;
		height: 40px !important;
	}
	html.kxm-desktop .licai-home .quick-label {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		margin-top: 0 !important;
		padding: 0 4px !important;
		font-size: 14px !important;
		font-weight: 400 !important;
		line-height: 1.35 !important;
		text-align: center !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
	html.kxm-desktop .licai-home .shortcut-item {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		text-align: center !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}
	html.kxm-desktop .licai-home .shortcut-label {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		margin-top: 6px !important;
		padding: 0 4px !important;
		font-size: 13px !important;
		font-weight: 400 !important;
		line-height: 1.3 !important;
		text-align: center !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
	html.kxm-desktop .licai-home .hall-card-name {
		text-align: left !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		max-width: 100% !important;
	}
	html.kxm-desktop .licai-home .hall-grid {
		display: flex !important;
		flex-wrap: wrap !important;
		margin: 0 -8px !important;
	}
	html.kxm-desktop .licai-home .hall-grid .hall-card {
		width: 25% !important;
		padding: 8px !important;
	}
	html.kxm-desktop .licai-home .hall-card-body {
		min-height: 96px !important;
		padding: 18px 16px !important;
	}
	html.kxm-desktop .licai-home .hot-feature-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}
	html.kxm-desktop .licai-home .hot-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 16px !important;
	}
	html.kxm-desktop .licai-home .hot-card .hot-cover {
		height: 220px !important;
		border-radius: 14px !important;
	}
	html.kxm-desktop .licai-home .hot-title,
	html.kxm-desktop .licai-home .hall-title,
	html.kxm-desktop .licai-home .section-title {
		font-size: 20px !important;
		margin: 8px 0 14px !important;
	}

	/* ========== 交易大厅 ========== */
	html.kxm-desktop .lobby-page .lobby-header {
		padding: 16px 0 12px !important;
		display: flex !important;
		align-items: baseline !important;
		justify-content: space-between !important;
		gap: 16px !important;
	}
	html.kxm-desktop .lobby-page .lobby-title {
		font-size: 24px !important;
	}
	html.kxm-desktop .lobby-page .game-row {
		padding: 18px 22px !important;
		margin-bottom: 14px !important;
	}
	html.kxm-desktop .lobby-page .balls {
		flex-wrap: wrap !important;
		overflow-x: visible !important;
	}
	html.kxm-desktop .lobby-page .row-actions {
		gap: 12px !important;
		flex-shrink: 0 !important;
	}
	html.kxm-desktop .lobby-page .hall-tabs {
		gap: 10px !important;
	}

	/* ========== 我的 ========== */
	html.kxm-desktop .page-body {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	html.kxm-desktop .page-body .mine-header {
		padding: 40px 36px 88px !important;
	}
	html.kxm-desktop .page-body .account-card-wrapper {
		padding: 0 32px !important;
		margin-top: -52px !important;
		max-width: 100% !important;
	}
	html.kxm-desktop .page-body .main-view {
		padding: 20px 32px 48px !important;
	}
	html.kxm-desktop .page-body .mine-actions {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}
	html.kxm-desktop .page-body .feature-grid {
		display: grid !important;
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
		gap: 18px 12px !important;
		row-gap: 22px !important;
	}
	html.kxm-desktop .page-body .feature-label,
	html.kxm-desktop .page-body .action-label {
		font-size: 13px !important;
	}
	html.kxm-desktop .page-body .action-icon,
	html.kxm-desktop .page-body .feature-icon {
		width: 48px !important;
		height: 48px !important;
	}

	/* ========== 推广 ========== */
	html.kxm-desktop .promote-page .hero {
		padding: 24px 8px 18px !important;
	}
	html.kxm-desktop .promote-page .hero-title {
		font-size: 30px !important;
	}
	html.kxm-desktop .promote-page {
		display: grid !important;
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) !important;
		gap: 16px 20px !important;
		align-items: start !important;
	}
	html.kxm-desktop .promote-page .hero {
		grid-column: 1 / -1 !important;
	}
	html.kxm-desktop .promote-page .invite-card {
		grid-column: 1 !important;
		grid-row: 2 !important;
	}
	html.kxm-desktop .promote-page .stats-row {
		grid-column: 2 !important;
		grid-row: 2 !important;
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 12px !important;
		align-content: start !important;
		margin: 0 !important;
	}
	html.kxm-desktop .promote-page .section:not(.invite-card) {
		grid-column: 1 / -1 !important;
	}
	html.kxm-desktop .promote-page .section {
		padding: 24px !important;
		margin-bottom: 0 !important;
	}
	html.kxm-desktop .promote-page .qr-wrap {
		width: 220px !important;
		height: 220px !important;
	}
	html.kxm-desktop .promote-page .qr-img {
		width: 200px !important;
		height: 200px !important;
	}

	/* ========== 仓位 / 历史 ========== */
	html.kxm-desktop .halls-page,
	html.kxm-desktop .open-history-page,
	html.kxm-desktop .trade-order-history-page {
		background: var(--kxm-bg, #2d2e3b) !important;
	}
	html.kxm-desktop .trade-order-history-page .main {
		padding: 14px 0 36px !important;
	}
	html.kxm-desktop .trade-order-history-page .game-tab {
		padding: 10px 20px !important;
		font-size: 14px !important;
	}
	html.kxm-desktop .halls-page .level-card {
		padding: 20px 24px !important;
		margin-bottom: 14px !important;
	}
	html.kxm-desktop .open-history-page .game-drawer-mask,
	html.kxm-desktop .bet-page .game-drawer-mask,
	html.kxm-desktop .bet-page .success-mask {
		left: var(--kxm-side-w, 220px) !important;
		z-index: 10090 !important;
		transition: left 0.22s ease;
	}
	html.kxm-desktop .open-history-page .game-drawer,
	html.kxm-desktop .bet-page .game-drawer {
		right: 0 !important;
		left: auto !important;
		width: 400px !important;
		max-width: min(400px, calc(100vw - var(--kxm-side-w, 220px))) !important;
		border-radius: 16px 0 0 16px !important;
		z-index: 10100 !important;
		transform: translateX(100%) !important;
	}
	html.kxm-desktop .open-history-page .game-drawer.open,
	html.kxm-desktop .bet-page .game-drawer.open {
		transform: translateX(0) !important;
	}
	html.kxm-desktop .open-history-page .game-drawer .drawer-body,
	html.kxm-desktop .bet-page .game-drawer .drawer-body,
	html.kxm-desktop .open-history-page .game-drawer .drawer-body .uni-scroll-view,
	html.kxm-desktop .bet-page .game-drawer .drawer-body .uni-scroll-view,
	html.kxm-desktop .open-history-page .game-drawer .drawer-body .uni-scroll-view-content,
	html.kxm-desktop .bet-page .game-drawer .drawer-body .uni-scroll-view-content {
		flex: 1 1 auto !important;
		height: calc(100vh - 140px) !important;
		max-height: calc(100vh - 140px) !important;
		overflow-y: auto !important;
		box-sizing: border-box !important;
	}
	html.kxm-desktop .bet-page .success-mask {
		z-index: 10120 !important;
	}

	/* ========== 下注页 ========== */
	html.kxm-desktop .bet-page {
		padding-bottom: 200px !important;
		background: var(--kxm-bg, #2d2e3b) !important;
	}
	html.kxm-desktop .bet-page .round-card {
		padding: 20px 24px !important;
		margin-bottom: 16px !important;
	}
	html.kxm-desktop .bet-page .opt-grid {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}
	html.kxm-desktop .bet-page .bet-bar {
		left: var(--kxm-side-w, 220px) !important;
		right: 0 !important;
		width: auto !important;
		box-sizing: border-box !important;
		padding-left: max(32px, calc((100% - var(--kxm-content-max, 1320px)) / 2 + 32px)) !important;
		padding-right: max(32px, calc((100% - var(--kxm-content-max, 1320px)) / 2 + 32px)) !important;
		padding-bottom: 16px !important;
		background: var(--bar-bg, #23242f) !important;
		border-top: 1px solid rgba(255, 255, 255, 0.06);
		backdrop-filter: blur(8px);
		transition: left 0.22s ease;
	}
	html.kxm-desktop .bet-page .success-dialog {
		max-width: 420px !important;
		width: 90% !important;
		border-radius: 18px !important;
	}

	/* ========== 充提 / 二级表单 ========== */
	html.kxm-desktop .deposit-method-select-page,
	html.kxm-desktop .withdraw-method-select-page {
		padding-bottom: 100px !important;
		max-width: 800px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	html.kxm-desktop .btn-next {
		left: calc(var(--kxm-side-w, 220px) + max(32px, calc((100vw - var(--kxm-side-w, 220px) - var(--kxm-content-max, 1320px)) / 2 + 32px))) !important;
		right: calc(max(32px, calc((100vw - var(--kxm-side-w, 220px) - var(--kxm-content-max, 1320px)) / 2 + 32px))) !important;
		width: auto !important;
		max-width: 736px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		height: 52px !important;
		line-height: 52px !important;
		border-radius: 26px !important;
		font-size: 16px !important;
		transition: left 0.22s ease, right 0.22s ease;
	}
	html.kxm-desktop .deposit-method-select-page .method-row,
	html.kxm-desktop .withdraw-method-select-page .method-row {
		padding: 18px 20px !important;
		border-radius: 14px !important;
		margin-bottom: 12px !important;
	}

	html.kxm-desktop .credit-page,
	html.kxm-desktop .credit-record-page,
	html.kxm-desktop .page.change-record-page,
	html.kxm-desktop .page.recharge-record-page,
	html.kxm-desktop .page.withdrawal-record-page,
	html.kxm-desktop .page.bind-withdraw-account-page,
	html.kxm-desktop .page.withdraw-account-manage-page {
		max-width: 880px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	html.kxm-desktop .credit-page .card,
	html.kxm-desktop .page .form-section,
	html.kxm-desktop .page .card {
		padding: 24px !important;
		margin-bottom: 16px !important;
	}
	html.kxm-desktop .detail-page,
	html.kxm-desktop .more-help-page,
	html.kxm-desktop .notice-detail-page {
		background: var(--kxm-bg, #2d2e3b) !important;
		max-width: 880px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	html.kxm-desktop .order-row,
	html.kxm-desktop .record {
		padding: 18px 20px !important;
	}
	html.kxm-desktop .history-row {
		padding: 12px 8px !important;
	}
	html.kxm-desktop .kefu-page iframe,
	html.kxm-desktop .kefu-page .kefu-frame {
		min-height: calc(100vh - 120px) !important;
		border-radius: 12px !important;
	}

	html.kxm-desktop .kxm-side-nav {
		box-shadow: 4px 0 24px rgba(0, 0, 0, 0.18);
	}
	/* 登录/注册/忘记密码客服等未登录页：强制隐藏左侧菜单 */
	html.kxm-desktop body.kxm-page-auth .kxm-side-nav {
		display: none !important;
		pointer-events: none !important;
	}

	/* ---------- 登录/注册页：电脑端左右分栏 UI ---------- */
	html.kxm-desktop body.kxm-page-auth,
	html.kxm-desktop body.kxm-page-auth uni-page-body,
	html.kxm-desktop body.kxm-page-auth #app {
		background: #0f0a0a !important;
	}
	html.kxm-desktop body.kxm-page-auth uni-page-body,
	html.kxm-desktop body.kxm-page-auth #app {
		display: flex !important;
		flex-direction: column !important;
		min-height: 100vh !important;
		padding: 0 !important;
		max-width: none !important;
	}
	html.kxm-desktop body.kxm-page-auth uni-page-body > *,
	html.kxm-desktop body.kxm-page-auth #app > * {
		max-width: none !important;
		width: 100% !important;
		margin: 0 !important;
	}
	html.kxm-desktop .licai-auth-bg {
		min-height: 100vh !important;
		display: flex !important;
		flex-direction: column !important;
		background: #0f0a0a !important;
		color: #e5e7eb !important;
	}
	html.kxm-desktop .licai-auth-bg.theme-light {
		background: #e8f8f1 !important;
		color: #111827 !important;
	}
	html.kxm-desktop .licai-auth-bg .auth-nav {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 20 !important;
		padding: 20px 36px !important;
		max-width: none !important;
		width: 100% !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}
	html.kxm-desktop .licai-auth-bg .auth-page-title-inline {
		display: none !important;
	}
	html.kxm-desktop .licai-auth-bg .auth-shell {
		flex: 1 !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: stretch !important;
		min-height: 100vh !important;
		width: 100% !important;
	}
	html.kxm-desktop .licai-auth-bg .auth-hero {
		flex: 1 1 auto !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: relative !important;
		overflow: hidden !important;
		padding: 88px 48px 48px !important;
		box-sizing: border-box !important;
		background:
			radial-gradient(ellipse 70% 55% at 30% 20%, rgba(232, 168, 56, 0.22), transparent 55%),
			radial-gradient(ellipse 60% 50% at 80% 80%, rgba(196, 60, 44, 0.16), transparent 50%),
			linear-gradient(145deg, #140808 0%, #1a1018 45%, #0f1419 100%) !important;
	}
	html.kxm-desktop .licai-auth-bg.theme-light .auth-hero {
		background:
			radial-gradient(ellipse 70% 55% at 20% 15%, rgba(110, 231, 183, 0.4), transparent 55%),
			radial-gradient(ellipse 60% 50% at 85% 75%, rgba(45, 212, 191, 0.25), transparent 50%),
			linear-gradient(135deg, #b8f0df 0%, #d2fbf2 45%, #ecfeff 100%) !important;
	}
	html.kxm-desktop .licai-auth-bg .auth-hero-inner {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		max-width: 420px !important;
		gap: 16px !important;
	}
	html.kxm-desktop .licai-auth-bg .auth-hero-logo-wrap {
		width: 96px !important;
		height: 96px !important;
		border-radius: 28px !important;
		overflow: hidden !important;
		background: #fff !important;
		box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	html.kxm-desktop .licai-auth-bg .auth-hero-logo {
		width: 100% !important;
		height: 100% !important;
	}
	html.kxm-desktop .licai-auth-bg .auth-hero-logo-fallback {
		font-size: 36px !important;
		font-weight: 400 !important;
		color: #111827 !important;
	}
	html.kxm-desktop .licai-auth-bg .auth-hero-name {
		font-size: 36px !important;
		font-weight: 400 !important;
		letter-spacing: 1px !important;
		color: #f8fafc !important;
		line-height: 1.25 !important;
	}
	html.kxm-desktop .licai-auth-bg.theme-light .auth-hero-name {
		color: #0f172a !important;
	}
	html.kxm-desktop .licai-auth-bg .auth-hero-slogan {
		font-size: 16px !important;
		font-weight: 400 !important;
		color: rgba(243, 244, 246, 0.72) !important;
		letter-spacing: 2px !important;
	}
	html.kxm-desktop .licai-auth-bg.theme-light .auth-hero-slogan {
		color: rgba(15, 23, 42, 0.65) !important;
	}
	html.kxm-desktop .licai-auth-bg .content {
		flex: 0 0 480px !important;
		width: 480px !important;
		max-width: 42vw !important;
		min-width: 400px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: center !important;
		padding: 88px 40px 40px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		background: #17181f !important;
		border-left: 1px solid rgba(255, 255, 255, 0.06) !important;
		box-shadow: -12px 0 40px rgba(0, 0, 0, 0.25) !important;
	}
	html.kxm-desktop .licai-auth-bg.theme-light .content {
		background: #ffffff !important;
		border-left: 1px solid rgba(15, 23, 42, 0.06) !important;
		box-shadow: -12px 0 40px rgba(15, 23, 42, 0.08) !important;
	}
	html.kxm-desktop .licai-auth-bg .content::before {
		content: none !important;
		display: none !important;
	}
	html.kxm-desktop .licai-auth-bg .form-card {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 8px 4px 24px !important;
		border-radius: 0 !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		color: #e5e7eb !important;
		max-height: calc(100vh - 140px) !important;
		overflow-y: auto !important;
	}
	html.kxm-desktop .licai-auth-bg.theme-light .form-card {
		background: transparent !important;
		color: #111827 !important;
		box-shadow: none !important;
		border: none !important;
	}
	html.kxm-desktop .licai-auth-bg .form-title {
		color: #f3f4f6 !important;
		font-size: 28px !important;
		margin-bottom: 28px !important;
	}
	html.kxm-desktop .licai-auth-bg.theme-light .form-title {
		color: #111827 !important;
	}
	html.kxm-desktop .licai-auth-bg .field-group .field-input {
		background: rgba(255, 255, 255, 0.06) !important;
		border-color: rgba(255, 255, 255, 0.12) !important;
		box-shadow: none !important;
	}
	html.kxm-desktop .licai-auth-bg.theme-light .field-group .field-input {
		background: #ffffff !important;
		border-color: #e5e7eb !important;
		box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06) !important;
	}
	html.kxm-desktop .licai-auth-bg .tabList {
		border-bottom-color: rgba(255, 255, 255, 0.1) !important;
	}
	html.kxm-desktop .licai-auth-bg.theme-light .tabList {
		border-bottom-color: #f3f4f6 !important;
	}
	html.kxm-desktop .licai-auth-bg .u-input__content,
	html.kxm-desktop .licai-auth-bg .u-input__input,
	html.kxm-desktop .licai-auth-bg input {
		color: #f3f4f6 !important;
	}
	html.kxm-desktop .licai-auth-bg.theme-light .u-input__content,
	html.kxm-desktop .licai-auth-bg.theme-light .u-input__input,
	html.kxm-desktop .licai-auth-bg.theme-light input {
		color: #111827 !important;
	}
	html.kxm-desktop .licai-auth-bg .field-label,
	html.kxm-desktop .licai-auth-bg .login-switch-text,
	html.kxm-desktop .licai-auth-bg .register-switch-text,
	html.kxm-desktop .licai-auth-bg .login-link-single {
		color: rgba(229, 231, 235, 0.75) !important;
	}
	html.kxm-desktop .licai-auth-bg.theme-light .field-label,
	html.kxm-desktop .licai-auth-bg.theme-light .login-switch-text,
	html.kxm-desktop .licai-auth-bg.theme-light .register-switch-text,
	html.kxm-desktop .licai-auth-bg.theme-light .login-link-single {
		color: #6b7280 !important;
	}
}

/* 更宽屏：大厅 5 列 */
@media (min-width: 1400px) {
	html.kxm-desktop .licai-auth-bg .content {
		flex-basis: 520px !important;
		width: 520px !important;
	}
	html.kxm-desktop .licai-home .hall-grid .hall-card {
		width: 20% !important;
	}
	html.kxm-desktop .bet-page .opt-grid {
		grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
	}
	html.kxm-desktop .licai-home .hot-card .hot-cover {
		height: 260px !important;
	}
}