html.hf-ssc-route,
html.hf-ssc-route body,
html.hf-ssc-route #app {
  background: #f5f1e5 !important;
}

html.hf-ssc-route #app {
  overflow: hidden !important;
}

#app .lottery-page-cyber.hf-ssc-legacy {
  min-height: 100vh !important;
  padding-bottom: calc(120px + env(safe-area-inset-bottom)) !important;
  background: #f5f1e5 !important;
  color: #171717 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .cyber-bg,
#app .lottery-page-cyber.hf-ssc-legacy .grid-overlay {
  display: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .cyber-header .van-nav-bar {
  background: #202521 !important;
  box-shadow: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .cyber-header .van-nav-bar__title,
#app .lottery-page-cyber.hf-ssc-legacy .cyber-header .van-icon {
  color: #fff !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .cyber-header .game-title {
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .cyber-header .game-title .van-icon-arrow-down {
  display: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .sticky-header {
  position: fixed !important;
  top: 46px !important;
  left: 50% !important;
  z-index: 120 !important;
  width: min(100vw, var(--app-max-width, 100%)) !important;
  max-width: var(--app-max-width, 100%) !important;
  transform: translateX(-50%) !important;
  background: #202521 !important;
  box-shadow: none !important;
  border: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar {
  display: grid !important;
  grid-template-columns: 58px minmax(130px, 1fr) minmax(116px, auto) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 58px !important;
  padding: 8px 14px 12px !important;
  background: #202521 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .hf-play-label {
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: pre-line !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .play-select-bar .current-play {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: 36px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(255, 255, 255, .9) !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .play-select-bar .current-play .label,
#app .lottery-page-cyber.hf-ssc-legacy .play-select-bar .current-play .dropdown-badge .text {
  display: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .play-select-bar .current-play .value-wrap {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .play-select-bar .current-play .value {
  max-width: 150px !important;
  overflow: hidden !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .play-select-bar .current-play .van-icon,
#app .lottery-page-cyber.hf-ssc-legacy .play-select-bar .current-play .dropdown-badge {
  color: #f0c13e !important;
  background: transparent !important;
  box-shadow: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .play-select-bar .switch-btn {
  display: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .hf-balance {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  white-space: nowrap !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .hf-balance-value {
  margin-left: 3px !important;
  color: #fff6a9 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .hf-balance-refresh {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 23px !important;
  height: 23px !important;
  margin-left: 6px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #d8cfaa !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .fixed-info-container {
  position: relative !important;
  z-index: 10 !important;
  margin-top: 58px !important;
  background: #ddd7bc !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  min-height: 72px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ddd7bc !important;
  box-shadow: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .row-top {
  display: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .row-middle,
#app .lottery-page-cyber.hf-ssc-legacy .info-card .row-bottom {
  display: flex !important;
  min-width: 0 !important;
  min-height: 72px !important;
  padding: 8px 5px !important;
  background: transparent !important;
  color: #111 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .row-middle {
  align-items: center !important;
  justify-content: center !important;
  border-right: 1px solid #cfc7a9 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .last-info {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 5px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .label-row {
  justify-content: center !important;
  width: 100% !important;
  color: #111 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .label-row .van-icon {
  display: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .result-area-wrapper {
  min-height: 34px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .ball-row {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .ball {
  width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 32% 22%, rgba(255, 255, 255, 0.9) 0 9%, rgba(255, 255, 255, 0.45) 10% 18%, rgba(255, 255, 255, 0) 19%),
    linear-gradient(145deg, #ff6a76 0%, #f2354f 42%, #c80f2c 100%) !important;
  box-shadow:
    inset -4px -5px 8px rgba(120, 0, 20, 0.35),
    inset 3px 4px 7px rgba(255, 255, 255, 0.32),
    0 1px 2px rgba(0, 0, 0, 0.22) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: 0 1px 1px rgba(120, 0, 20, 0.35) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .ball::before {
  content: "" !important;
  position: absolute !important;
  top: 5px !important;
  left: 7px !important;
  width: 11px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.72) !important;
  filter: blur(0.2px) !important;
  pointer-events: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .stats-info {
  display: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .row-bottom {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .countdown-label {
  color: #111 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .countdown-number {
  color: #111 !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .page-content {
  background: #f5f1e5 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard {
  min-height: 60vh !important;
  background: #f5f1e5 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .tips-bar {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 28px 26px 20px !important;
  border-radius: 0 !important;
  background: #f5f1e5 !important;
  color: #111 !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .tips-bar .van-icon {
  display: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .hf-random-one {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  border: 0 !important;
  background: transparent !important;
  color: #c78e00 !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .hf-random-one:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(135deg, #e2ba42, #c99a13);
  clip-path: polygon(8% 20%, 72% 3%, 92% 38%, 78% 44%, 92% 63%, 22% 92%);
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .bet-area,
#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi,
#app .lottery-page-cyber.hf-ssc-legacy .position-row,
#app .lottery-page-cyber.hf-ssc-legacy .section,
#app .lottery-page-cyber.hf-ssc-legacy .zuxuan-container,
#app .lottery-page-cyber.hf-ssc-legacy .hezhi-container,
#app .lottery-page-cyber.hf-ssc-legacy .danshi-container,
#app .lottery-page-cyber.hf-ssc-legacy .dxds-container {
  border: 0 !important;
  border-radius: 0 !important;
  background: #f5f1e5 !important;
  box-shadow: none !important;
  color: #111 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .bet-area {
  padding: 0 0 16px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .position-row {
  display: grid !important;
  grid-template-columns: 76px 1fr !important;
  column-gap: 14px !important;
  min-height: 122px !important;
  padding: 18px 24px 20px 30px !important;
  border-top: 1px solid #ede8dc !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .position-row > .row-top {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 0 !important;
  background: transparent !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .pos-badge,
#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .position-label {
  min-width: 52px !important;
  height: 28px !important;
  padding: 0 8px !important;
  border: 1px solid #e3dccc !important;
  border-radius: 5px !important;
  background: #f1ecdc !important;
  color: #b4874c !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 26px !important;
  text-align: center !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .quick-tools {
  position: relative !important;
  width: 56px !important;
  height: 30px !important;
  border: 1px solid #e3dccc !important;
  border-radius: 5px !important;
  background: #f1ecdc !important;
  cursor: pointer !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .quick-tools:before {
  content: "快选⌄";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #d81631;
  font-size: 15px;
  line-height: 1;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .quick-tools .tool-btn {
  display: none !important;
  width: 42px !important;
  height: 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #444 !important;
  font-size: 13px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .quick-tools.open {
  z-index: 50 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .quick-tools.open .tool-btn {
  display: flex !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .quick-tools.open {
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding-top: 30px !important;
  border-color: #dccfb5 !important;
  background: #fff !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .quick-tools.open:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  background: #f1ecdc;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .numbers-container {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(38px, 1fr)) !important;
  gap: 20px 17px !important;
  align-items: start !important;
  justify-items: center !important;
  padding: 0 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .ball-item {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 42px !important;
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #c31931 !important;
  font-size: 0 !important;
  font-weight: 400 !important;
  transform: none !important;
  transition: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .ball-item:after {
  display: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .hf-ball-num {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #c31931 !important;
  font-size: 21px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .hf-omit {
  display: block !important;
  margin-top: 7px !important;
  color: #999 !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .ball-item.active .hf-ball-num {
  border-color: #df1f3c !important;
  background: #df1f3c !important;
  color: #fff !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .ball-item.active .hf-omit,
#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .hf-omit.hot {
  color: #df1f3c !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .number-item,
#app .lottery-page-cyber.hf-ssc-legacy .dxds-item,
#app .lottery-page-cyber.hf-ssc-legacy .play-item {
  border-color: #e1daca !important;
  background: #fff !important;
  box-shadow: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .number-item.selected,
#app .lottery-page-cyber.hf-ssc-legacy .dxds-item.selected,
#app .lottery-page-cyber.hf-ssc-legacy .play-item.active {
  border-color: #df1f3c !important;
  background: #df1f3c !important;
  color: #fff !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber {
  position: fixed !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 130 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-standard {
  position: relative !important;
  gap: 0 !important;
  min-height: calc(116px + env(safe-area-inset-bottom)) !important;
  padding-top: 48px !important;
  background: #202020 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-settings {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  height: 48px !important;
  padding: 0 18px 0 104px !important;
  border-top: 1px solid #e7e7e7 !important;
  background: #f7f7f7 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .setting-group {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  background: transparent !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .setting-group.full-width {
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .setting-group .label {
  color: #111 !important;
  font-size: 16px !important;
  white-space: nowrap !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .unit-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  min-width: 0 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .unit-tab:not(.active),
#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .unit-tab.custom {
  display: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .unit-tab.active {
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #e50024 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .multiplier-control {
  order: 1 !important;
  display: grid !important;
  grid-template-columns: 44px 76px 44px !important;
  width: 164px !important;
  height: 34px !important;
  margin-left: 8px !important;
  overflow: hidden !important;
  border: 1px solid #d2d2d2 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .setting-group:not(.full-width) .label {
  order: 2 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .control-icon {
  width: 44px !important;
  height: 34px !important;
  border-radius: 0 !important;
  background: #fafafa !important;
  color: #111 !important;
  font-size: 18px !important;
  line-height: 34px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .num-input {
  width: 76px !important;
  height: 34px !important;
  border-width: 0 1px !important;
  border-style: solid !important;
  border-color: #d2d2d2 !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 18px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-actions {
  display: block !important;
  height: calc(68px + env(safe-area-inset-bottom)) !important;
  padding: 8px 14px calc(10px + env(safe-area-inset-bottom)) !important;
  background: #202020 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .summary-info {
  display: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .action-buttons {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1.25fr 2.6fr !important;
  gap: 8px !important;
  width: 100% !important;
  height: 58px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .hf-near-bet,
#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .icon-btn.cart,
#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .cyber-btn.secondary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 50px !important;
  min-width: 0 !important;
  padding: 0 6px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #000 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  text-align: center !important;
  white-space: normal !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .hf-near-bet {
  cursor: pointer !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .icon-btn.clear {
  position: absolute !important;
  top: 12px !important;
  left: 44px !important;
  z-index: 3 !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  width: auto !important;
  height: 24px !important;
  border: 0 !important;
  background: transparent !important;
  color: #555 !important;
  font-size: 16px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .icon-btn.clear .van-icon {
  font-size: 18px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .icon-btn.clear span {
  font-size: 16px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .icon-btn.cart {
  position: relative !important;
  flex-direction: column !important;
  gap: 2px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .icon-btn.cart .van-icon {
  color: #5aa2ff !important;
  font-size: 22px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .icon-btn.cart span:not(.cart-badge):not(.hf-cart-zero) {
  font-size: 15px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .cart-badge,
#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .hf-cart-zero {
  position: absolute !important;
  top: -8px !important;
  right: -7px !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 5px !important;
  border-radius: 12px !important;
  background: #ed6e6a !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 20px !important;
  text-align: center !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .btn-group {
  display: contents !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .cyber-btn.gradient {
  display: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .cyber-btn.primary {
  height: 50px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #8d303a !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, .55) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy:not(.hf-no-selection) .betting-footer-cyber .cyber-btn.primary {
  background: #bf2935 !important;
  color: #fff !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .footer-spacing {
  height: 122px !important;
}

@media (max-width: 360px) {
  #app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar {
    grid-template-columns: 48px minmax(112px, 1fr) minmax(98px, auto) !important;
    gap: 8px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  #app .lottery-page-cyber.hf-ssc-legacy .hf-balance {
    font-size: 13px !important;
  }

  #app .lottery-page-cyber.hf-ssc-legacy .hf-balance-value {
    font-size: 16px !important;
  }

  #app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .position-row {
    grid-template-columns: 66px 1fr !important;
    padding-right: 16px !important;
    padding-left: 20px !important;
  }

  #app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .numbers-container {
    gap: 18px 12px !important;
  }

  #app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .action-buttons {
    grid-template-columns: .95fr .95fr 1.2fr 2.2fr !important;
    gap: 6px !important;
  }
}

body.hf-ssc-route .cart-popup.van-popup,
body.hf-ssc-route .cart-popup {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: calc(100dvh - 2px) !important;
  max-height: calc(100dvh - 2px) !important;
  overflow: hidden !important;
  border-radius: 24px 24px 8px 8px !important;
  background: #fff !important;
  color: #222 !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .35), 0 -8px 26px rgba(0, 0, 0, .18) !important;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
}

body.hf-ssc-route .cart-popup .cart-container {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  background: #fff !important;
  color: #222 !important;
}

body.hf-ssc-route .cart-popup .cart-header {
  position: relative !important;
  display: block !important;
  flex: 0 0 122px !important;
  height: 122px !important;
  padding: 0 !important;
  border-bottom: 1px solid #e8e8e8 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

body.hf-ssc-route .cart-popup .cart-header h3 {
  position: absolute !important;
  top: 45px !important;
  left: 120px !important;
  right: 120px !important;
  margin: 0 !important;
  color: #050505 !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 38px !important;
  text-align: center !important;
  letter-spacing: 0 !important;
}

body.hf-ssc-route .cart-popup .cart-header .hf-cart-close {
  position: absolute !important;
  top: 44px !important;
  left: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  color: transparent !important;
  font-size: 0 !important;
}

body.hf-ssc-route .cart-popup .cart-header .hf-cart-close::before {
  content: "" !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  border-right: 4px solid #000 !important;
  border-bottom: 4px solid #000 !important;
  transform: rotate(45deg) translate(-2px, -4px) !important;
  background: transparent !important;
}

body.hf-ssc-route .cart-popup .cart-header .hf-cart-hemai {
  position: absolute !important;
  top: 47px !important;
  right: 47px !important;
  z-index: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #050505 !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
  cursor: pointer !important;
}

body.hf-ssc-route .cart-popup .cart-content {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 18px 32px 16px !important;
  overflow-y: auto !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

body.hf-ssc-route .cart-popup .cart-items {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.hf-ssc-route .cart-popup .cart-item {
  position: relative !important;
  min-height: 166px !important;
  margin: 0 0 14px !important;
  padding: 21px 20px 16px !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: #fafafa !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.hf-ssc-route .cart-popup .cart-item .item-header {
  display: block !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.hf-ssc-route .cart-popup .cart-item .play-name {
  display: block !important;
  max-width: calc(100% - 54px) !important;
  overflow: hidden !important;
  color: #222 !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 34px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body.hf-ssc-route .cart-popup .cart-item .delete-icon {
  position: absolute !important;
  top: 22px !important;
  right: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 31px !important;
  height: 31px !important;
  border-radius: 50% !important;
  background: #f65570 !important;
  color: transparent !important;
  font-size: 0 !important;
}

body.hf-ssc-route .cart-popup .cart-item .delete-icon::before {
  content: "" !important;
  display: block !important;
  width: 15px !important;
  height: 4px !important;
  border-radius: 3px !important;
  background: #fff !important;
}

body.hf-ssc-route .cart-popup .cart-item .item-content {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.hf-ssc-route .cart-popup .cart-item .selected-numbers {
  display: block !important;
  width: calc(100% - 40px) !important;
  height: 35px !important;
  margin: 0 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

body.hf-ssc-route .cart-popup .cart-item .number-chip {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #ff7a00 !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 34px !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

body.hf-ssc-route .cart-popup .cart-item .item-info {
  display: grid !important;
  grid-template-columns: 104px 123px 232px 1fr !important;
  align-items: center !important;
  column-gap: 36px !important;
  height: 54px !important;
  margin-top: 1px !important;
  color: #2a2a2a !important;
  font-size: 30px !important;
  line-height: 52px !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-bets {
  display: block !important;
  min-width: 0 !important;
  color: #2b2b2b !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 52px !important;
  white-space: nowrap !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-mode {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 123px !important;
  height: 52px !important;
  border: 1px solid #d1d3d8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #111 !important;
  box-sizing: border-box !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 52px !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 232px !important;
  height: 52px !important;
  padding: 0 58px !important;
  border: 1px solid #d1d3d8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #111 !important;
  box-sizing: border-box !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 52px !important;
  white-space: nowrap !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple::before,
body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple::after {
  position: absolute !important;
  top: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 53px !important;
  height: 50px !important;
  color: #111 !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 50px !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple::before {
  content: "-" !important;
  left: 0 !important;
  border-right: 1px solid #d1d3d8 !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple::after {
  content: "+" !important;
  right: 0 !important;
  border-left: 1px solid #d1d3d8 !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-money {
  display: block !important;
  justify-self: end !important;
  color: #2b2b2b !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 52px !important;
  white-space: nowrap !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-separator {
  display: none !important;
}

body.hf-ssc-route .cart-popup .cart-footer {
  position: relative !important;
  flex: 0 0 calc(158px + env(safe-area-inset-bottom)) !important;
  height: calc(158px + env(safe-area-inset-bottom)) !important;
  margin: 0 !important;
  padding: 31px 16px calc(16px + env(safe-area-inset-bottom)) !important;
  border-top: 0 !important;
  background: #fff !important;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, .15) !important;
  box-sizing: border-box !important;
}

body.hf-ssc-route .cart-popup .cart-footer .total-info {
  position: absolute !important;
  top: 39px !important;
  left: 16px !important;
  display: block !important;
  width: 390px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #2b2b2b !important;
  font-size: 25px !important;
  font-weight: 400 !important;
  line-height: 42px !important;
}

body.hf-ssc-route .cart-popup .cart-footer .total-info > span {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #2b2b2b !important;
  font-size: 25px !important;
  line-height: 42px !important;
  text-align: left !important;
}

body.hf-ssc-route .cart-popup .cart-footer .total-amount {
  color: #2b2b2b !important;
}

body.hf-ssc-route .cart-popup .cart-footer .hf-total-num {
  color: #ff7a00 !important;
  font-size: 25px !important;
  font-weight: 400 !important;
}

body.hf-ssc-route .cart-popup .cart-footer .cart-actions {
  position: absolute !important;
  top: 31px !important;
  right: 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 19px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.hf-ssc-route .cart-popup .cart-footer .hf-original-cart-clear {
  display: none !important;
}

body.hf-ssc-route .cart-popup .cart-footer .hf-cart-chase,
body.hf-ssc-route .cart-popup .cart-footer .cart-actions .cyber-btn.primary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 126px !important;
  height: 90px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 90px !important;
  text-align: center !important;
  box-shadow: none !important;
}

body.hf-ssc-route .cart-popup .cart-footer .hf-cart-chase {
  border: 1px solid #e31f3c !important;
  background: #ffe1e6 !important;
  color: #e31f3c !important;
}

body.hf-ssc-route .cart-popup .cart-footer .cart-actions .cyber-btn.primary {
  border: 1px solid #bf2639 !important;
  background: #bf2639 !important;
  color: #fff !important;
}

body.hf-ssc-route .cart-popup .van-empty {
  padding-top: 160px !important;
  background: #fff !important;
}

@media (max-width: 520px) {
  body.hf-ssc-route .cart-popup .cart-header h3 {
    font-size: 24px !important;
  }

  body.hf-ssc-route .cart-popup .cart-header .hf-cart-hemai {
    right: 28px !important;
    font-size: 18px !important;
  }

  body.hf-ssc-route .cart-popup .cart-content {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .play-name {
    font-size: 22px !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .number-chip {
    font-size: 22px !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .item-info {
    grid-template-columns: 56px 68px 120px 1fr !important;
    column-gap: 6px !important;
    font-size: 17px !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .hf-cart-bets,
  body.hf-ssc-route .cart-popup .cart-item .hf-cart-mode,
  body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple,
  body.hf-ssc-route .cart-popup .cart-item .hf-cart-money {
    font-size: 17px !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .hf-cart-mode {
    width: 68px !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple {
    width: 120px !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple::before,
  body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple::after {
    width: 28px !important;
    font-size: 20px !important;
  }

  body.hf-ssc-route .cart-popup .cart-footer .total-info {
    width: 210px !important;
    font-size: 18px !important;
    line-height: 32px !important;
  }

  body.hf-ssc-route .cart-popup .cart-footer .total-info > span,
  body.hf-ssc-route .cart-popup .cart-footer .hf-total-num,
  body.hf-ssc-route .cart-popup .cart-footer .total-amount {
    font-size: 18px !important;
    line-height: 32px !important;
  }

  body.hf-ssc-route .cart-popup .cart-footer .hf-cart-chase,
  body.hf-ssc-route .cart-popup .cart-footer .cart-actions .cyber-btn.primary {
    width: 82px !important;
    height: 60px !important;
    font-size: 22px !important;
    line-height: 60px !important;
  }
}

/* Responsive safety layer: keep the 740px reference layout, but scale down on real mobile widths. */
body.hf-ssc-route {
  --hf-gap: clamp(6px, 1.35vw, 10px);
  --hf-page-pad: clamp(10px, 2vw, 16px);
  --hf-top-col-a: clamp(46px, 7.85vw, 58px);
  --hf-top-col-b: clamp(92px, 18vw, 150px);
  --hf-top-col-c: clamp(94px, 16vw, 124px);
  --hf-font-xs: clamp(12px, 1.9vw, 15px);
  --hf-font-sm: clamp(13px, 2.1vw, 16px);
  --hf-font-md: clamp(15px, 2.45vw, 18px);
  --hf-font-lg: clamp(18px, 2.9vw, 22px);
  --hf-result-ball: clamp(24px, 4.05vw, 30px);
  --hf-select-ball: clamp(34px, 5.7vw, 42px);
  --hf-pos-col: clamp(58px, 10.3vw, 76px);
  --hf-footer-btn-h: clamp(42px, 6.75vw, 50px);
}

#app .lottery-page-cyber.hf-ssc-legacy,
body.hf-ssc-route .cart-popup,
body.hf-ssc-route .cart-popup * {
  box-sizing: border-box !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar {
  grid-template-columns: var(--hf-top-col-a) minmax(var(--hf-top-col-b), 1fr) minmax(var(--hf-top-col-c), auto) !important;
  gap: var(--hf-gap) !important;
  padding-right: var(--hf-page-pad) !important;
  padding-left: var(--hf-page-pad) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .hf-play-label,
#app .lottery-page-cyber.hf-ssc-legacy .hf-balance {
  font-size: var(--hf-font-xs) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .play-select-bar .current-play .value {
  max-width: min(150px, 34vw) !important;
  font-size: var(--hf-font-sm) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .hf-balance-value {
  font-size: var(--hf-font-md) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .label-row,
#app .lottery-page-cyber.hf-ssc-legacy .info-card .countdown-label {
  font-size: var(--hf-font-sm) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .ball {
  width: var(--hf-result-ball) !important;
  height: var(--hf-result-ball) !important;
  font-size: clamp(14px, 2.45vw, 18px) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .info-card .countdown-number {
  font-size: clamp(20px, 3.4vw, 25px) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .position-row {
  grid-template-columns: var(--hf-pos-col) minmax(0, 1fr) !important;
  padding-right: var(--hf-page-pad) !important;
  padding-left: var(--hf-page-pad) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .numbers-container {
  grid-template-columns: repeat(5, minmax(var(--hf-select-ball), 1fr)) !important;
  gap: clamp(12px, 2.9vw, 22px) clamp(8px, 2.2vw, 16px) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .ssc-fushi .ball-item {
  width: var(--hf-select-ball) !important;
  min-height: clamp(48px, 7.55vw, 56px) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .hf-ball-num {
  width: var(--hf-select-ball) !important;
  height: var(--hf-select-ball) !important;
  font-size: clamp(17px, 2.85vw, 21px) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .hf-omit {
  font-size: clamp(11px, 1.9vw, 14px) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .action-buttons {
  grid-template-columns: minmax(48px, .9fr) minmax(48px, .9fr) minmax(58px, 1.15fr) minmax(96px, 2.35fr) !important;
  gap: clamp(5px, 1.1vw, 8px) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .hf-near-bet,
#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .icon-btn.cart,
#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .cyber-btn.secondary,
#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .cyber-btn.primary {
  height: var(--hf-footer-btn-h) !important;
  font-size: clamp(13px, 2.45vw, 20px) !important;
}

body.hf-ssc-route {
  --hf-cart-header-h: clamp(74px, 16.5vw, 122px);
  --hf-cart-title: clamp(22px, 4.05vw, 30px);
  --hf-cart-title-line: clamp(30px, 5.15vw, 38px);
  --hf-cart-side-x: clamp(16px, 4.9vw, 36px);
  --hf-cart-hemai: clamp(17px, 3.25vw, 24px);
  --hf-cart-content-x: clamp(14px, 4.35vw, 32px);
  --hf-cart-item-pad-x: clamp(12px, 2.7vw, 20px);
  --hf-cart-item-pad-y: clamp(14px, 2.85vw, 21px);
  --hf-cart-radius: clamp(14px, 3vw, 22px);
  --hf-cart-title-font: clamp(20px, 3.8vw, 28px);
  --hf-cart-num-font: clamp(19px, 4.05vw, 30px);
  --hf-cart-control-font: clamp(16px, 4.05vw, 30px);
  --hf-cart-row-h: clamp(42px, 7.05vw, 52px);
  --hf-cart-footer-h: clamp(116px, 21.35vw, 158px);
  --hf-cart-footer-top: clamp(26px, 4.2vw, 31px);
  --hf-cart-btn-w: clamp(72px, 17vw, 126px);
  --hf-cart-btn-h: clamp(56px, 12.2vw, 90px);
  --hf-cart-btn-font: clamp(20px, 4.05vw, 30px);
  --hf-cart-action-gap: clamp(10px, 2.6vw, 19px);
}

body.hf-ssc-route .cart-popup .cart-header {
  flex-basis: var(--hf-cart-header-h) !important;
  height: var(--hf-cart-header-h) !important;
}

body.hf-ssc-route .cart-popup .cart-header h3 {
  top: calc((var(--hf-cart-header-h) - var(--hf-cart-title-line)) / 2) !important;
  left: clamp(82px, 16.2vw, 120px) !important;
  right: clamp(82px, 16.2vw, 120px) !important;
  font-size: var(--hf-cart-title) !important;
  line-height: var(--hf-cart-title-line) !important;
}

body.hf-ssc-route .cart-popup .cart-header .hf-cart-close {
  top: calc((var(--hf-cart-header-h) - 34px) / 2) !important;
  left: var(--hf-cart-side-x) !important;
}

body.hf-ssc-route .cart-popup .cart-header .hf-cart-hemai {
  top: calc((var(--hf-cart-header-h) - 32px) / 2) !important;
  right: clamp(18px, 6.35vw, 47px) !important;
  font-size: var(--hf-cart-hemai) !important;
}

body.hf-ssc-route .cart-popup .cart-content {
  padding: clamp(12px, 2.45vw, 18px) var(--hf-cart-content-x) clamp(12px, 2.15vw, 16px) !important;
}

body.hf-ssc-route .cart-popup .cart-item {
  min-height: clamp(118px, 22.45vw, 166px) !important;
  padding: var(--hf-cart-item-pad-y) var(--hf-cart-item-pad-x) clamp(12px, 2.15vw, 16px) !important;
  border-radius: var(--hf-cart-radius) !important;
}

body.hf-ssc-route .cart-popup .cart-item .item-header {
  height: clamp(28px, 5.15vw, 38px) !important;
}

body.hf-ssc-route .cart-popup .cart-item .play-name {
  font-size: var(--hf-cart-title-font) !important;
  line-height: clamp(26px, 4.6vw, 34px) !important;
}

body.hf-ssc-route .cart-popup .cart-item .delete-icon {
  top: clamp(14px, 2.95vw, 22px) !important;
  right: var(--hf-cart-item-pad-x) !important;
  width: clamp(24px, 4.2vw, 31px) !important;
  height: clamp(24px, 4.2vw, 31px) !important;
}

body.hf-ssc-route .cart-popup .cart-item .selected-numbers {
  width: calc(100% - clamp(26px, 5.4vw, 40px)) !important;
  height: clamp(26px, 4.75vw, 35px) !important;
}

body.hf-ssc-route .cart-popup .cart-item .number-chip {
  font-size: var(--hf-cart-num-font) !important;
  line-height: clamp(26px, 4.6vw, 34px) !important;
}

body.hf-ssc-route .cart-popup .cart-item .item-info {
  height: var(--hf-cart-row-h) !important;
  font-size: var(--hf-cart-control-font) !important;
  line-height: var(--hf-cart-row-h) !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-bets,
body.hf-ssc-route .cart-popup .cart-item .hf-cart-mode,
body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple,
body.hf-ssc-route .cart-popup .cart-item .hf-cart-money {
  height: var(--hf-cart-row-h) !important;
  font-size: var(--hf-cart-control-font) !important;
  line-height: var(--hf-cart-row-h) !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple::before,
body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple::after {
  height: calc(var(--hf-cart-row-h) - 2px) !important;
  font-size: clamp(18px, 4.05vw, 30px) !important;
  line-height: calc(var(--hf-cart-row-h) - 2px) !important;
}

body.hf-ssc-route .cart-popup .cart-footer {
  flex-basis: calc(var(--hf-cart-footer-h) + env(safe-area-inset-bottom)) !important;
  height: calc(var(--hf-cart-footer-h) + env(safe-area-inset-bottom)) !important;
  padding-top: var(--hf-cart-footer-top) !important;
}

body.hf-ssc-route .cart-popup .cart-footer .cart-actions {
  top: var(--hf-cart-footer-top) !important;
  right: clamp(10px, 2.45vw, 18px) !important;
  gap: var(--hf-cart-action-gap) !important;
}

body.hf-ssc-route .cart-popup .cart-footer .hf-cart-chase,
body.hf-ssc-route .cart-popup .cart-footer .cart-actions .cyber-btn.primary {
  width: var(--hf-cart-btn-w) !important;
  height: var(--hf-cart-btn-h) !important;
  font-size: var(--hf-cart-btn-font) !important;
  line-height: var(--hf-cart-btn-h) !important;
}

body.hf-ssc-route .cart-popup .cart-footer .total-info {
  top: clamp(30px, 5.25vw, 39px) !important;
  left: clamp(12px, 2.2vw, 16px) !important;
  font-size: clamp(16px, 3.35vw, 25px) !important;
  line-height: clamp(29px, 5.7vw, 42px) !important;
}

body.hf-ssc-route .cart-popup .cart-footer .total-info > span,
body.hf-ssc-route .cart-popup .cart-footer .hf-total-num,
body.hf-ssc-route .cart-popup .cart-footer .total-amount {
  font-size: clamp(16px, 3.35vw, 25px) !important;
  line-height: clamp(29px, 5.7vw, 42px) !important;
}

@media (min-width: 521px) {
  body.hf-ssc-route .cart-popup .cart-item .item-info {
    grid-template-columns:
      clamp(74px, 14.05vw, 104px)
      clamp(88px, 16.62vw, 123px)
      clamp(160px, 31.35vw, 232px)
      minmax(70px, 1fr) !important;
    column-gap: clamp(10px, 4.85vw, 36px) !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .hf-cart-mode {
    width: clamp(88px, 16.62vw, 123px) !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple {
    width: clamp(160px, 31.35vw, 232px) !important;
    padding-right: clamp(40px, 7.85vw, 58px) !important;
    padding-left: clamp(40px, 7.85vw, 58px) !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple::before,
  body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple::after {
    width: clamp(38px, 7.15vw, 53px) !important;
  }
}

@media (max-width: 520px) {
  body.hf-ssc-route {
    --hf-cart-btn-w: clamp(68px, 20vw, 82px);
    --hf-cart-btn-h: clamp(52px, 15vw, 60px);
    --hf-cart-action-gap: clamp(8px, 2.6vw, 14px);
  }

  body.hf-ssc-route .cart-popup .cart-header .hf-cart-close {
    left: clamp(16px, 6vw, 28px) !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .item-info {
    grid-template-columns:
      clamp(50px, 15vw, 56px)
      clamp(60px, 18.2vw, 68px)
      clamp(104px, 32vw, 120px)
      minmax(48px, 1fr) !important;
    column-gap: clamp(4px, 1.8vw, 6px) !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .hf-cart-mode {
    width: clamp(60px, 18.2vw, 68px) !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple {
    width: clamp(104px, 32vw, 120px) !important;
    padding-right: clamp(26px, 8vw, 30px) !important;
    padding-left: clamp(26px, 8vw, 30px) !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple::before,
  body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple::after {
    width: clamp(24px, 7.5vw, 28px) !important;
  }

  body.hf-ssc-route .cart-popup .cart-footer .total-info {
    width: calc(100% - 220px) !important;
    min-width: 104px !important;
  }
}

@media (max-width: 360px) {
  body.hf-ssc-route .cart-popup .cart-footer .total-info {
    width: calc(100% - 192px) !important;
  }

  body.hf-ssc-route .cart-popup .cart-footer .hf-cart-chase,
  body.hf-ssc-route .cart-popup .cart-footer .cart-actions .cyber-btn.primary {
    width: 70px !important;
  }

  body.hf-ssc-route .cart-popup .cart-footer .cart-actions {
    gap: 8px !important;
  }
}

/* Play bar centering fix: center the play selector independently from left/right controls. */
#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .sticky-header {
  margin: 0 !important;
  inset-inline: auto !important;
  left: 50% !important;
  right: auto !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  min-height: 58px !important;
  padding: 8px var(--hf-page-pad, 14px) 12px !important;
  overflow: hidden !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar .hf-play-label {
  position: absolute !important;
  top: 50% !important;
  left: var(--hf-page-pad, 14px) !important;
  z-index: 3 !important;
  width: clamp(38px, 7.4vw, 58px) !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar .current-play {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 2 !important;
  width: clamp(122px, 37vw, 190px) !important;
  max-width: calc(100vw - clamp(178px, 45vw, 250px)) !important;
  min-width: 112px !important;
  transform: translate(-50%, -50%) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar .current-play .value-wrap {
  justify-content: center !important;
  max-width: 100% !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar .current-play .value {
  max-width: calc(100% - 22px) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar .hf-balance {
  position: absolute !important;
  top: 50% !important;
  right: var(--hf-page-pad, 14px) !important;
  z-index: 3 !important;
  justify-content: flex-end !important;
  max-width: clamp(76px, 25vw, 150px) !important;
  overflow: hidden !important;
  transform: translateY(-50%) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar .hf-balance-value {
  display: inline-block !important;
  max-width: clamp(30px, 13vw, 86px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  vertical-align: bottom !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar .hf-balance-refresh {
  flex: 0 0 auto !important;
  margin-left: clamp(2px, .8vw, 6px) !important;
}

@media (max-width: 390px) {
  #app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar .current-play {
    width: clamp(112px, 34vw, 134px) !important;
    min-width: 106px !important;
    max-width: 136px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  #app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar .hf-balance {
    max-width: 86px !important;
    font-size: 11px !important;
  }

  #app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar .hf-balance-value {
    max-width: 38px !important;
    font-size: 13px !important;
  }

  #app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar .hf-balance-refresh {
    width: 18px !important;
    height: 18px !important;
    font-size: 17px !important;
  }
}

@media (min-width: 640px) {
  #app .lottery-page-cyber.hf-ssc-legacy .panel-standard .play-select-bar .current-play {
    width: 190px !important;
    max-width: 190px !important;
  }
}

/* Footer settings inline fix: keep unit price and multiplier controls on one baseline. */
#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-settings {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(8px, 2.4vw, 14px) !important;
  height: 48px !important;
  padding: 0 clamp(8px, 3.2vw, 18px) !important;
  overflow: hidden !important;
  line-height: 1 !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-settings .setting-group {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: clamp(4px, 1.4vw, 8px) !important;
  width: auto !important;
  min-width: max-content !important;
  height: 34px !important;
  margin: 0 !important;
  overflow: visible !important;
  line-height: 34px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-settings .setting-group.full-width {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-settings .setting-group .label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  height: 34px !important;
  margin: 0 !important;
  line-height: 34px !important;
  white-space: nowrap !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-settings .unit-tabs {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  width: auto !important;
  min-width: max-content !important;
  height: 34px !important;
  padding: 0 !important;
  overflow: visible !important;
  line-height: 34px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-settings .unit-tab.active {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 34px !important;
  white-space: nowrap !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-settings .multiplier-control {
  flex: 0 0 auto !important;
  grid-template-columns: clamp(32px, 10vw, 44px) minmax(44px, 1fr) clamp(32px, 10vw, 44px) !important;
  width: clamp(126px, 43vw, 164px) !important;
  height: 34px !important;
  margin: 0 !important;
  align-items: stretch !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-settings .control-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 34px !important;
  line-height: 34px !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-settings .num-input {
  width: 100% !important;
  height: 34px !important;
  padding: 0 !important;
  line-height: 34px !important;
  text-align: center !important;
}

/* Footer clear-button guard: reserve the left action area so "每注" never overlaps 清空. */
#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .icon-btn.clear {
  left: clamp(12px, 4vw, 20px) !important;
  width: 62px !important;
  justify-content: flex-start !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-settings {
  justify-content: center !important;
  padding-left: clamp(86px, 27vw, 112px) !important;
  padding-right: clamp(8px, 3vw, 18px) !important;
}

#app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-settings .multiplier-control {
  grid-template-columns: clamp(30px, 8vw, 44px) minmax(44px, 1fr) clamp(30px, 8vw, 44px) !important;
  width: clamp(112px, 36vw, 164px) !important;
}

@media (max-width: 360px) {
  #app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-settings {
    gap: 6px !important;
    padding-left: 84px !important;
    padding-right: 6px !important;
  }

  #app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-settings .setting-group {
    gap: 4px !important;
  }

  #app .lottery-page-cyber.hf-ssc-legacy .betting-footer-cyber .footer-settings .multiplier-control {
    grid-template-columns: 30px minmax(46px, 1fr) 30px !important;
    width: 112px !important;
  }
}

/* Cart popup balance pass: tighter card rhythm, unclipped chips, matched footer buttons. */
body.hf-ssc-route .cart-popup .cart-content {
  padding: clamp(12px, 3.8vw, 18px) clamp(14px, 4vw, 24px) clamp(12px, 3.4vw, 18px) !important;
  background: #f8f6f4 !important;
}

body.hf-ssc-route .cart-popup .cart-item {
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #eee1e1 !important;
  border-radius: clamp(10px, 2.8vw, 14px) !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(100, 40, 45, .06) !important;
}

body.hf-ssc-route .cart-popup .cart-item .item-header {
  display: flex !important;
  align-items: center !important;
  height: clamp(42px, 8.2vw, 52px) !important;
  padding: 0 clamp(14px, 4vw, 20px) !important;
  background: #fff7f7 !important;
}

body.hf-ssc-route .cart-popup .cart-item .play-name {
  height: auto !important;
  font-size: clamp(16px, 4.1vw, 22px) !important;
  line-height: 1.2 !important;
}

body.hf-ssc-route .cart-popup .cart-item .delete-icon {
  top: clamp(9px, 2.8vw, 14px) !important;
  right: clamp(14px, 4vw, 20px) !important;
  width: clamp(24px, 6.4vw, 32px) !important;
  height: clamp(24px, 6.4vw, 32px) !important;
}

body.hf-ssc-route .cart-popup .cart-item .item-content {
  padding: clamp(12px, 3.6vw, 16px) clamp(14px, 4vw, 20px) clamp(14px, 3.8vw, 18px) !important;
}

body.hf-ssc-route .cart-popup .cart-item .selected-numbers {
  display: block !important;
  width: 100% !important;
  height: clamp(34px, 8.8vw, 42px) !important;
  margin: 0 0 clamp(10px, 3vw, 14px) !important;
  overflow: visible !important;
}

body.hf-ssc-route .cart-popup .cart-item .number-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: clamp(64px, 16vw, 104px) !important;
  max-width: 100% !important;
  height: clamp(34px, 8.8vw, 42px) !important;
  padding: 0 clamp(10px, 3vw, 16px) !important;
  overflow: visible !important;
  border: 1px solid #efc4c7 !important;
  border-radius: clamp(6px, 1.7vw, 8px) !important;
  background: #fff1f2 !important;
  color: #cf3144 !important;
  font-size: clamp(18px, 5vw, 24px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-overflow: clip !important;
}

body.hf-ssc-route .cart-popup .cart-item .item-info {
  display: grid !important;
  grid-template-columns: max-content clamp(60px, 18vw, 76px) clamp(104px, 32vw, 128px) max-content !important;
  align-items: center !important;
  justify-content: start !important;
  column-gap: clamp(6px, 2.1vw, 10px) !important;
  height: clamp(38px, 10vw, 46px) !important;
  margin: 0 !important;
  font-size: clamp(16px, 4.2vw, 22px) !important;
  line-height: clamp(38px, 10vw, 46px) !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-bets,
body.hf-ssc-route .cart-popup .cart-item .hf-cart-mode,
body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple,
body.hf-ssc-route .cart-popup .cart-item .hf-cart-money {
  height: clamp(38px, 10vw, 46px) !important;
  font-size: clamp(16px, 4.2vw, 22px) !important;
  line-height: clamp(38px, 10vw, 46px) !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-bets {
  min-width: clamp(28px, 7.6vw, 46px) !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-mode {
  width: clamp(60px, 18vw, 76px) !important;
  border-radius: clamp(10px, 3vw, 14px) !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple {
  width: clamp(104px, 32vw, 128px) !important;
  padding-right: clamp(28px, 8.6vw, 36px) !important;
  padding-left: clamp(28px, 8.6vw, 36px) !important;
  border-radius: clamp(10px, 3vw, 14px) !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple::before,
body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple::after {
  width: clamp(26px, 8vw, 34px) !important;
  height: calc(clamp(38px, 10vw, 46px) - 2px) !important;
  font-size: clamp(18px, 4.8vw, 24px) !important;
  line-height: calc(clamp(38px, 10vw, 46px) - 2px) !important;
}

body.hf-ssc-route .cart-popup .cart-item .hf-cart-money {
  color: #c92a3d !important;
  font-weight: 700 !important;
}

body.hf-ssc-route .cart-popup .cart-footer {
  flex-basis: calc(clamp(104px, 25vw, 132px) + env(safe-area-inset-bottom)) !important;
  height: calc(clamp(104px, 25vw, 132px) + env(safe-area-inset-bottom)) !important;
  padding: 0 clamp(12px, 3.8vw, 18px) env(safe-area-inset-bottom) !important;
}

body.hf-ssc-route .cart-popup .cart-footer .total-info {
  top: 50% !important;
  left: clamp(12px, 3.8vw, 18px) !important;
  width: calc(100% - clamp(190px, 54vw, 278px)) !important;
  min-width: 0 !important;
  transform: translateY(-50%) !important;
  font-size: clamp(16px, 4.2vw, 22px) !important;
  line-height: 1.35 !important;
}

body.hf-ssc-route .cart-popup .cart-footer .total-info > span,
body.hf-ssc-route .cart-popup .cart-footer .hf-total-num,
body.hf-ssc-route .cart-popup .cart-footer .total-amount {
  font-size: clamp(16px, 4.2vw, 22px) !important;
  line-height: 1.35 !important;
}

body.hf-ssc-route .cart-popup .cart-footer .cart-actions {
  top: 50% !important;
  right: clamp(10px, 3.4vw, 18px) !important;
  gap: clamp(10px, 3vw, 16px) !important;
  transform: translateY(-50%) !important;
}

body.hf-ssc-route .cart-popup .cart-footer .hf-cart-chase,
body.hf-ssc-route .cart-popup .cart-footer .cart-actions .cyber-btn.primary {
  width: clamp(76px, 21vw, 112px) !important;
  height: clamp(56px, 15vw, 72px) !important;
  min-height: clamp(56px, 15vw, 72px) !important;
  padding: 0 !important;
  border-radius: clamp(10px, 3.2vw, 14px) !important;
  font-size: clamp(20px, 5vw, 26px) !important;
  line-height: clamp(56px, 15vw, 72px) !important;
}

body.hf-ssc-route .cart-popup .cart-footer .cart-actions .cyber-btn.primary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body.hf-ssc-route .cart-popup .cart-footer .cart-actions button.hf-cart-chase,
html body.hf-ssc-route .cart-popup .cart-footer .cart-actions button.cyber-btn.primary {
  font-size: clamp(20px, 5vw, 26px) !important;
  font-weight: 600 !important;
}

html body.hf-ssc-route .cart-popup .cart-footer .cart-actions button.hf-cart-chase *,
html body.hf-ssc-route .cart-popup .cart-footer .cart-actions button.cyber-btn.primary * {
  font-size: inherit !important;
  font-weight: inherit !important;
}

@media (max-width: 360px) {
  body.hf-ssc-route .cart-popup .cart-item .item-info {
    grid-template-columns: max-content 58px 104px max-content !important;
    column-gap: 5px !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .hf-cart-mode {
    width: 58px !important;
  }

  body.hf-ssc-route .cart-popup .cart-item .hf-cart-multiple {
    width: 104px !important;
  }

  body.hf-ssc-route .cart-popup .cart-footer .cart-actions {
    gap: 8px !important;
  }

  body.hf-ssc-route .cart-popup .cart-footer .hf-cart-chase,
  body.hf-ssc-route .cart-popup .cart-footer .cart-actions .cyber-btn.primary {
    width: 72px !important;
  }
}