/* 财神国际 — 独立首页 overlay v11 */

body.cs-home-custom-active:has(#cs-home-root),
html[data-cs-home-lock="1"] {
  background: #1a1a1a !important;
}

/* 手机版首页：禁止整页左右滑动，避免露出黑色空白区 */
html[data-cs-home-lock="1"],
html[data-cs-home-lock="1"] body,
body.cs-home-custom-active:has(#cs-home-root) {
  overflow-x: hidden !important;
  max-width: 100% !important;
  width: 100% !important;
  overscroll-behavior-x: none !important;
  touch-action: pan-y pinch-zoom !important;
}

html[data-ui-contain="1"][data-cs-home-lock="1"],
html[data-ui-contain="1"] body.cs-home-custom-active:has(#cs-home-root) {
  overflow-x: hidden !important;
}

/* 永久禁用原生 Vue 首页：只要 #cs-home-root 存在就绝不显示旧首页 */
body:has(#cs-home-root) #app [class*="home-layout"],
body:has(#cs-home-root) #app [class*="HomeIndex"],
body:has(#cs-home-root) #app [class*="HomeHasSide"],
body:has(#cs-home-root) #app [class*="lobby-home-header"],
body:has(#cs-home-root) #app [class*="middle-menu"],
body:has(#cs-home-root) #app [class*="game-menu-side"],
body:has(#cs-home-root) #app [class*="NavSlider"],
body:has(#cs-home-root) #app [class*="assembly-box"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* 禁止原生旧首页 */
html[data-cs-home-lock="1"] #app [class*="home-layout"],
html[data-cs-home-lock="1"] #app [class*="HomeIndex"],
html[data-cs-home-lock="1"] #app [class*="HomeHasSide"],
html[data-cs-home-lock="1"] #app [class*="lobby-home-header"],
html[data-cs-home-lock="1"] #app [class*="middle-menu"],
html[data-cs-home-lock="1"] #app [class*="game-menu-side"],
html[data-cs-home-lock="1"] #app [class*="NavSlider"],
html[data-cs-home-lock="1"] #app [class*="assembly-box"],
html[data-cs-home-lock="1"] .skeleton-screen-main,
body.cs-home-custom-active:has(#cs-home-root) #app [class*="home-layout"],
body.cs-home-custom-active:has(#cs-home-root) #app [class*="HomeIndex"],
body.cs-home-custom-active:has(#cs-home-root) #app [class*="HomeHasSide"],
body.cs-home-custom-active:has(#cs-home-root) #app [class*="lobby-home-header"],
body.cs-home-custom-active:has(#cs-home-root) #app [class*="middle-menu"],
body.cs-home-custom-active:has(#cs-home-root) #app [class*="game-menu-side"],
body.cs-home-custom-active:has(#cs-home-root) #app [class*="NavSlider"],
body.cs-home-custom-active .skeleton-screen-main {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* 启动图立即隐藏，避免顶部留白 */
html[data-cs-home-lock="1"] .skeleton-screen-main,
body.cs-home-custom-active .skeleton-screen-main {
  display: none !important;
  z-index: -1 !important;
}

/* 与优惠页一致：#app 禁点，但 footer / 登录弹窗保持可点 */
body.cs-home-custom-active:has(#cs-home-root) #app {
  overflow-x: hidden !important;
  max-width: 100% !important;
  pointer-events: none !important;
}

body.cs-home-custom-active:has(#cs-home-root) #app * {
  pointer-events: none !important;
}

body.cs-home-custom-active:has(#cs-home-root) #app .ui-overlay,
body.cs-home-custom-active:has(#cs-home-root) #app .ui-overlay *,
body.cs-home-custom-active:has(#cs-home-root) #app [class*="login-register"],
body.cs-home-custom-active:has(#cs-home-root) #app [class*="login-register"] *,
body.cs-home-custom-active:has(#cs-home-root) #app [class*="LoginRegister"],
body.cs-home-custom-active:has(#cs-home-root) #app [class*="LoginRegister"] *,
body.cs-home-auth-open .ui-overlay,
body.cs-home-auth-open .ui-overlay *,
body.cs-home-auth-open [class*="login-register"],
body.cs-home-auth-open [class*="login-register"] *,
body.cs-home-auth-open [class*="LoginRegister"],
body.cs-home-auth-open [class*="LoginRegister"] * {
  pointer-events: auto !important;
  visibility: visible !important;
}

body.cs-home-dl-open #cs-download-sheet,
body.cs-home-dl-open #cs-download-sheet *,
body.cs-home-dl-open .ui-overlay:has([class*="downloadMainDialog"]),
body.cs-home-dl-open .ui-overlay:has([class*="downloadMainDialog"]) *,
body.cs-home-dl-open .ui-overlay:has([class*="downloadMainPopup"]),
body.cs-home-dl-open .ui-overlay:has([class*="downloadMainPopup"]) *,
body.cs-home-dl-open [class*="downloadMainDialog"],
body.cs-home-dl-open [class*="downloadMainDialog"] *,
body.cs-home-dl-open [class*="downloadMainPopup"],
body.cs-home-dl-open [class*="downloadMainPopup"] * {
  pointer-events: auto !important;
  visibility: visible !important;
}

body.cs-home-dl-open #cs-home-root {
  pointer-events: none !important;
}

body.cs-home-dl-open #cs-home-root .cs-home-shell {
  opacity: 0.55;
}

#cs-download-sheet {
  position: fixed;
  inset: 0;
  z-index: 10060;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: auto !important;
}

#cs-download-sheet .cs-dl-sheet-mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.62);
}

#cs-download-sheet .cs-dl-sheet-panel {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: var(--lobby__max-width, 520px);
  background: #242424;
  border-radius: 0.24rem 0.24rem 0 0;
  padding: 0.4rem 0.36rem calc(0.48rem + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
  color: #e3e3e3;
}

#cs-download-sheet .cs-dl-sheet-close {
  position: absolute;
  top: 0.24rem;
  right: 0.28rem;
  border: 0;
  background: transparent;
  color: #999;
  font-size: 0.56rem;
  line-height: 1;
  padding: 0.08rem;
}

#cs-download-sheet .cs-dl-sheet-head {
  display: flex;
  align-items: center;
  gap: 0.24rem;
  padding: 0.12rem 0.56rem 0.32rem 0;
  border-bottom: 1px solid #333;
  margin-bottom: 0.28rem;
}

#cs-download-sheet .cs-dl-sheet-logo {
  width: 1.12rem;
  height: 1.12rem;
  border-radius: 0.22rem;
  object-fit: cover;
}

#cs-download-sheet .cs-dl-sheet-name {
  font-size: 0.34rem;
  font-weight: 600;
  color: #fff;
}

#cs-download-sheet .cs-dl-sheet-host {
  margin-top: 0.06rem;
  font-size: 0.22rem;
  color: #888;
}

#cs-download-sheet .cs-dl-sheet-btn {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0.2rem;
  padding: 0.26rem 0.32rem;
  border-radius: 0.14rem;
  text-align: center;
  text-decoration: none;
  font-size: 0.28rem;
  font-weight: 600;
  background: #333;
  color: #e3e3e3;
}

#cs-download-sheet .cs-dl-sheet-btn.primary {
  background: linear-gradient(180deg, #e8c96a 0%, #d1ae52 100%);
  color: #1a1a1a;
}

#cs-download-sheet .cs-dl-sheet-tip,
#cs-download-sheet .cs-dl-sheet-loading {
  margin: 0.24rem 0 0;
  font-size: 0.22rem;
  line-height: 1.5;
  color: #888;
}

body.cs-home-custom-active .ui-overlay.wg-fixed-no-desktop,
body.cs-home-custom-active .ui-overlay:has([class*="switchCurrencyLang"]),
body.cs-home-custom-active .ui-overlay:has([class*="switch-currency-lang"]),
body.cs-home-custom-active .ui-overlay.wg-fixed-no-desktop *,
body.cs-home-custom-active .ui-overlay:has([class*="switchCurrencyLang"]) *,
body.cs-home-custom-active .ui-overlay:has([class*="switch-currency-lang"]) * {
  pointer-events: auto !important;
  visibility: visible !important;
}

body.cs-home-auth-open .ui-overlay,
body.cs-home-auth-open [class*="login-register"],
body.cs-home-auth-open [class*="LoginRegister"] {
  z-index: 10050 !important;
}

body.cs-home-auth-open #cs-home-root {
  pointer-events: none !important;
}

body.cs-home-auth-open #cs-home-root .cs-home-shell {
  pointer-events: none !important;
  opacity: 0.45;
}

body.cs-home-custom-active:has(#cs-home-root) [class*="download-container"],
body.cs-home-custom-active:has(#cs-home-root) [class*="download-box"],
body.cs-home-custom-active:has(#cs-home-root) .lobby-fixed-view,
body.cs-home-custom-active:has(#cs-home-root) .float-bar-main,
body.cs-home-custom-active:has(#cs-home-root) [class*="float-bar"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.cs-home-custom-active:has(#cs-home-root) footer.layout-footer,
body.cs-home-custom-active:has(#cs-home-root) footer.layout-footer .ui-tabbar,
body.cs-home-custom-active:has(#cs-home-root) footer.layout-footer .ui-tabbar-item {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.cs-home-custom-active:has(#cs-home-root) footer.layout-footer {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1002 !important;
  display: block !important;
  background: #1a1a1a !important;
  pointer-events: auto !important;
  transition: none !important;
  transform: none !important;
}

body.cs-home-custom-active:has(#cs-home-root) footer.layout-footer .ui-tabbar,
body.cs-home-custom-active:has(#cs-home-root) footer.layout-footer .ui-tabbar-item {
  pointer-events: auto !important;
  cursor: pointer !important;
}

html[data-ui-contain="1"] body.cs-home-custom-active:has(#cs-home-root) footer.layout-footer {
  left: 0 !important;
  right: 0 !important;
  width: var(--lobby__max-width, 7.5rem) !important;
  max-width: var(--lobby__max-width, 7.5rem) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
}

/* 隐藏展开层重复底栏 */
body.cs-home-custom-active footer.layout-footer [class*="_expand-tabar"],
html[data-cs-home-lock="1"] footer.layout-footer [class*="_expand-tabar"] {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#cs-home-root {
  --cs-home-tabbar-h: var(--tabbar-height, 1.24rem);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: var(--cs-home-tabbar-h, 1.24rem);
  z-index: 900;
  display: flex !important;
  flex-direction: column;
  background: #1a1a1a;
  color: #e3e3e3;
  overflow: hidden;
  overflow-x: hidden;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  pointer-events: none !important;
  touch-action: pan-y pinch-zoom;
  overscroll-behavior-x: none;
}

#cs-home-root .cs-home-shell,
#cs-home-root .cs-home-shell * {
  pointer-events: auto !important;
}

html[data-ui-contain="1"] #cs-home-root {
  left: 0 !important;
  right: 0 !important;
  width: var(--lobby__max-width, 7.5rem) !important;
  max-width: var(--lobby__max-width, 7.5rem) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
}

#cs-home-root .cs-home-shell {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overscroll-behavior-x: none;
}

#cs-home-root .cs-home-fixed {
  flex-shrink: 0;
  background: #1a1a1a;
  z-index: 2;
}

#cs-home-root .cs-home-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.94rem;
  padding: 0 0.2rem;
}

#cs-home-root .cs-home-logo {
  height: 0.72rem;
  width: auto;
  max-width: 3.6rem;
  object-fit: contain;
}

#cs-home-root .cs-home-search-btn {
  border: none;
  background: transparent;
  padding: 0.1rem;
  width: 0.56rem;
  height: 0.56rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

#cs-home-root .cs-home-search-btn svg {
  width: 0.4rem;
  height: 0.4rem;
  display: block;
}

#cs-home-root #cs-home-banner,
#cs-home-root .cs-home-banner {
  position: relative;
  box-sizing: border-box;
  width: calc(100% - 0.4rem) !important;
  max-width: calc(100% - 0.4rem) !important;
  margin: 0 0.2rem !important;
  height: auto !important;
  aspect-ratio: 1280 / 496;
  min-height: 2rem;
  border-radius: 0.12rem;
  overflow: hidden !important;
  background: #262626;
  isolation: isolate;
  touch-action: pan-y pinch-zoom;
  overscroll-behavior-x: none;
}

#cs-home-root .cs-home-banner-track {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.45s ease;
  will-change: transform;
}

#cs-home-root .cs-home-banner-slide {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  height: 100%;
  box-sizing: border-box;
}

#cs-home-root .cs-home-banner-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  background: #262626;
}

#cs-home-root .cs-home-banner-dots {
  position: absolute;
  bottom: 0.1rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 0.08rem;
}

#cs-home-root .cs-home-banner-dots span {
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
}

#cs-home-root .cs-home-banner-dots span.on {
  background: #d1ae52;
}

#cs-home-root .cs-home-marquee {
  display: flex;
  align-items: center;
  margin: 0.12rem 0.2rem;
  padding: 0.08rem 0.12rem;
  background: #222;
  border-radius: 0.08rem;
  overflow: hidden;
}

#cs-home-root .cs-home-marquee-icon {
  flex-shrink: 0;
  margin-right: 0.08rem;
  font-size: 0.24rem;
}

#cs-home-root .cs-home-marquee-inner {
  flex: 1;
  overflow: hidden;
}

#cs-home-root .cs-home-marquee-text {
  display: inline-block;
  white-space: nowrap;
  font-size: 0.22rem;
  color: #ccc;
  animation: cs-home-marquee 18s linear infinite;
}

@keyframes cs-home-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

#cs-home-root .cs-home-nav-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.12rem 0.2rem;
  gap: 0.12rem;
  position: relative;
  z-index: 1005;
}

#cs-home-root .cs-home-auth-slot {
  flex-shrink: 0;
  min-width: 0;
}

#cs-home-root .cs-home-auth {
  display: flex;
  gap: 0.12rem;
  flex-shrink: 0;
}

#cs-home-root .cs-home-user {
  display: flex;
  align-items: center;
  gap: 0.08rem;
  min-width: 0;
}

#cs-home-root .cs-home-user-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: none;
  background: transparent;
  padding: 0;
  min-width: 0;
  text-align: left;
}

#cs-home-root .cs-home-user-name {
  font-size: 0.24rem;
  color: #e3e3e3;
  font-weight: 600;
  max-width: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#cs-home-root .cs-home-user-balance {
  display: flex;
  align-items: center;
  gap: 0.06rem;
  margin-top: 0.04rem;
}

#cs-home-root .cs-home-coin {
  width: 0.28rem;
  height: 0.28rem;
  object-fit: contain;
  flex-shrink: 0;
}

#cs-home-root .cs-home-balance-num {
  font-size: 0.22rem;
  color: #d1ae52;
  font-weight: 600;
}

#cs-home-root .cs-home-balance-refresh {
  border: none;
  background: #2a2a2a;
  color: #d1ae52;
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 50%;
  font-size: 0.24rem;
  line-height: 1;
  flex-shrink: 0;
}

#cs-home-root .cs-home-balance-refresh.is-spinning {
  animation: cs-home-spin 0.8s linear infinite;
}

@keyframes cs-home-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

#cs-home-root .cs-home-btn-login,
#cs-home-root .cs-home-btn-register {
  min-width: 1.2rem;
  height: 0.56rem;
  border-radius: 0.08rem;
  font-size: 0.24rem;
  font-weight: 600;
}

#cs-home-root .cs-home-btn-login {
  border: 1px solid #d1ae52;
  background: transparent;
  color: #d1ae52;
}

#cs-home-root .cs-home-btn-register {
  border: none;
  background: linear-gradient(180deg, #c9a84c, #d1ae52);
  color: #1a1a1a;
}

#cs-home-root .cs-home-shortcuts {
  display: flex;
  gap: 0.16rem;
  flex: 1;
  justify-content: flex-end;
  transform: translateX(-0.06rem);
}

#cs-home-root .cs-home-shortcut {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: none;
  background: transparent;
  color: #ccc;
  font-size: 0.22rem;
  padding: 0;
  min-width: 0.72rem;
}

#cs-home-root .cs-home-shortcut-icon {
  width: 0.48rem;
  height: 0.48rem;
  object-fit: contain;
  margin-bottom: 0.04rem;
}

#cs-home-root .cs-home-cats-wrap {
  overflow-x: hidden;
  overflow-y: hidden;
  overscroll-behavior-x: none;
  touch-action: pan-y pinch-zoom;
  scrollbar-width: none;
  padding: 0 0.2rem 0.1rem;
  max-width: 100%;
}

#cs-home-root .cs-home-cats-wrap::-webkit-scrollbar {
  display: none;
}

#cs-home-root .cs-home-cats {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  gap: 0;
}

#cs-home-root .cs-home-cat {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: none;
  background: transparent;
  color: #999;
  flex: 1 1 0;
  min-width: 0;
  padding: 0.04rem 0;
}

#cs-home-root .cs-home-cat.cs-home-cat-hot {
  flex: 1 1 0;
}

#cs-home-root .cs-home-cat.on {
  color: #d1ae52;
}

#cs-home-root .cs-home-cat-icon {
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 50%;
  background: #262626;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.06rem;
}

#cs-home-root .cs-home-cat.on .cs-home-cat-icon {
  background: #3a3220;
  box-shadow: 0 0 0 1px #d1ae52;
}

#cs-home-root .cs-home-cat-icon img {
  width: 0.44rem;
  height: 0.44rem;
  object-fit: contain;
}

#cs-home-root .cs-home-cat-label {
  font-size: 0.2rem;
  line-height: 1.2;
}

#cs-home-root .cs-home-cat:not(.cs-home-cat-hot) .cs-home-cat-label {
  font-size: 0.22rem;
}

#cs-home-root .cs-home-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: none;
  touch-action: pan-y pinch-zoom;
  max-width: 100%;
  padding-bottom: 0.16rem;
}

#cs-home-root .cs-home-section {
  padding: 0.12rem 0.2rem 0;
}

#cs-home-root .cs-home-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.12rem;
}

#cs-home-root .cs-home-section-left {
  display: flex;
  align-items: center;
  gap: 0.08rem;
}

#cs-home-root .cs-home-sec-icon {
  width: 0.32rem;
  height: 0.32rem;
  object-fit: contain;
}

#cs-home-root .cs-home-section-title {
  margin: 0;
  font-size: 0.28rem;
  color: #e3e3e3;
  font-weight: 600;
}

#cs-home-root .cs-home-section-all {
  border: 1px solid #444;
  background: #262626;
  color: #ccc;
  border-radius: 0.08rem;
  padding: 0.06rem 0.16rem;
  font-size: 0.2rem;
}

#cs-home-root .cs-home-grid {
  display: grid;
  gap: 0.12rem;
}

#cs-home-root .cs-home-grid.hot {
  grid-template-columns: repeat(3, 1fr);
}

#cs-home-root .cs-home-grid.cat {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.12rem;
}

#cs-home-root .cs-home-grid.cat.cat-compact {
  grid-template-columns: repeat(2, 1fr);
  max-width: 4.8rem;
}

#cs-home-root .cs-home-card {
  border: none;
  background: transparent;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#cs-home-root .cs-home-card-cover {
  width: 100%;
  border-radius: 0.12rem;
  overflow: hidden;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

#cs-home-root .cs-home-grid.hot .cs-home-card-cover,
#cs-home-root .cs-home-grid.cat .cs-home-card-cover {
  aspect-ratio: 3 / 4.2;
  min-height: 0;
  padding: 0.04rem;
  box-sizing: border-box;
}

#cs-home-root .cs-home-card-cover img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  display: block;
  background: #fff;
}

#cs-home-root .cs-home-card-name {
  margin-top: 0.06rem;
  font-size: 0.2rem;
  color: #ccc;
  text-align: center;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#cs-home-root .cs-home-footer {
  padding: 0.24rem 0.2rem 0.32rem;
  text-align: center;
}

#cs-home-root .cs-home-footer-badges {
  width: 100%;
  max-width: 6.8rem;
  height: auto;
}

#cs-home-root .cs-home-footer-copy {
  margin-top: 0.12rem;
  font-size: 0.18rem;
  color: #666;
}

#cs-home-root .cs-home-footer-brand {
  margin-top: 0.16rem;
  font-size: 0.28rem;
  color: #ccc;
  font-weight: 600;
}

#cs-home-root .cs-home-footer-legal {
  margin-top: 0.1rem;
  padding: 0 0.08rem;
  font-size: 0.2rem;
  line-height: 1.6;
  color: #999;
  text-align: center;
}

#cs-home-root .cs-home-empty {
  padding: 0.4rem;
  text-align: center;
  color: #888;
  font-size: 0.24rem;
}

#cs-home-more-sheet {
  position: fixed;
  left: 0;
  right: 0;
  bottom: var(--cs-home-tabbar-h, 1.24rem);
  top: 0;
  z-index: 1000;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

html[data-ui-contain="1"] #cs-home-more-sheet {
  left: 50%;
  right: auto;
  width: var(--lobby__max-width, 7.5rem);
  max-width: var(--lobby__max-width, 7.5rem);
  transform: translateX(-50%);
}

body.cs-home-more-open #cs-home-root .cs-home-nav-row {
  z-index: 1006;
}

#cs-home-more-sheet .cs-home-more-mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  border: none;
  pointer-events: auto;
}

#cs-home-more-sheet .cs-home-more-panel {
  position: relative;
  z-index: 1;
  width: 100%;
  max-height: 58vh;
  overflow-y: auto;
  margin: 0;
  background: #2a2a2a;
  border: 1px solid #444;
  border-bottom: none;
  border-radius: 0.16rem 0.16rem 0 0;
  padding: 0.16rem 0.14rem 0.22rem;
  box-shadow: 0 -0.08rem 0.28rem rgba(0, 0, 0, 0.45);
  pointer-events: auto;
}

#cs-home-more-sheet .cs-home-more-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.1rem;
  padding: 0 0.04rem;
}

#cs-home-more-sheet .cs-home-more-title {
  font-size: 0.24rem;
  color: #d1ae52;
  font-weight: 600;
}

#cs-home-more-sheet .cs-home-more-x {
  border: none;
  background: #333;
  color: #ccc;
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 50%;
  font-size: 0.28rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

#cs-home-more-sheet .cs-home-more-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.12rem 0.06rem;
}

#cs-home-more-sheet .cs-home-more-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: none;
  background: transparent;
  color: #ccc;
  padding: 0.06rem 0.02rem;
}

#cs-home-more-sheet .cs-home-more-icon {
  width: 0.52rem;
  height: 0.52rem;
  object-fit: contain;
  margin-bottom: 0.04rem;
}

#cs-home-more-sheet .cs-home-more-label {
  font-size: 0.19rem;
  line-height: 1.15;
  text-align: center;
  word-break: break-all;
}

/* 首页底栏高度变量（布局用，不改图标逻辑） */
html[data-cs-home-lock="1"] {
  --cs-home-tabbar-h: var(--tabbar-height, 1.24rem);
}

html[data-cs-home-lock="1"] footer.layout-footer [class*="_expand-tabar"],
html[data-cs-home-lock="1"] footer.layout-footer [class*="_tabbar-bg"],
body.cs-home-custom-active:has(#cs-home-root) footer.layout-footer [class*="_expand-tabar"],
body.cs-home-custom-active:has(#cs-home-root) footer.layout-footer [class*="_tabbar-bg"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}