/* ============================================================
   快选 / Lucky Five
   参考图重构版：只负责 #wuxing-generator-root。
   设计基准宽度 590px；在 iPhone 宽度下按比例收紧。
   ============================================================ */

#wuxing-generator-root {
  --qp-header: #fb5924;
  --qp-active: #ff9900;
  --qp-page: #f5f5f7;
  --qp-line: #f6d3bc;
  --qp-accent: #990033;
  --qp-blue: #0894ec;
  --qp-text: #151515;

  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  background: rgba(0, 0, 0, .38) !important;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Arial, "Microsoft YaHei", sans-serif !important;
  color: var(--qp-text) !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

#wuxing-generator-root.hidden { display: none !important; }

#wuxing-generator-root .wuxing-wrap {
  width: min(590px, 100vw) !important;
  max-width: 590px !important;
  min-height: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 0 env(safe-area-inset-bottom, 0px) !important;
  display: block !important;
  overflow: visible !important;
  border-radius: 0 !important;
  background: var(--qp-page) !important;
  box-shadow: 0 0 18px rgba(0, 0, 0, .20) !important;
  box-sizing: border-box !important;
}

/* ---------- 顶部橙色店招 ---------- */
#wuxing-generator-root .wuxing-row.wuxing-title-row {
  position: relative !important;
  width: 100% !important;
  height: calc(clamp(28px, 7.12vw, 42px) + env(safe-area-inset-top, 0px)) !important;
  min-height: calc(clamp(28px, 7.12vw, 42px) + env(safe-area-inset-top, 0px)) !important;
  margin: 0 !important;
  padding: env(safe-area-inset-top, 0px) clamp(34px, 8.8vw, 52px) 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: var(--qp-header) !important;
  color: #ffff00 !important;
  box-sizing: border-box !important;
}

#wuxing-generator-root .quickpick-brand {
  margin: 0 !important;
  color: #ffff00 !important;
  font-size: clamp(19px, 4.75vw, 28px) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}

#wuxing-generator-root .quickpick-status-row {
  width: 100% !important;
  height: clamp(26px, 6.61vw, 39px) !important;
  min-height: clamp(26px, 6.61vw, 39px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: var(--qp-header) !important;
}

#wuxing-generator-root .top-status {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 clamp(12px, 3vw, 18px) clamp(5px, 1.52vw, 9px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(8px, 3.05vw, 18px) !important;
  border: 0 !important;
  background: var(--qp-header) !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: clamp(12px, 2.55vw, 15px) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

#wuxing-generator-root .top-status strong,
#wuxing-generator-root .wux-display {
  color: #fff !important;
  font-weight: 800 !important;
}

#wuxing-generator-root .wux-market-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: clamp(2px, .8vw, 5px) !important;
}

#wuxing-generator-root .wux-market-status em {
  color: rgba(255,255,255,.9) !important;
  font-style: normal !important;
  font-size: .9em !important;
  font-weight: 600 !important;
}

#wuxing-generator-root #wux-countdown-minute,
#wuxing-generator-root #wux-countdown-second {
  min-width: 22px !important;
  height: 21px !important;
  padding: 0 4px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  border-radius: 3px !important;
  box-sizing: border-box !important;
  background: rgba(255,255,255,.12) !important;
  font-variant-numeric: tabular-nums !important;
}

#wuxing-generator-root #wuxing-close-btn {
  position: absolute !important;
  right: clamp(12px, 3.4vw, 20px) !important;
  top: calc(env(safe-area-inset-top, 0px) + clamp(8px, 2.37vw, 14px)) !important;
  width: clamp(18px, 4.4vw, 26px) !important;
  height: clamp(18px, 4.4vw, 26px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: clamp(1px, .34vw, 2px) solid #ffff00 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #ffff00 !important;
  font-size: clamp(16px, 3.9vw, 23px) !important;
  line-height: 1 !important;
  font-weight: 300 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* ---------- 玩法九宫格 ---------- */
#wuxing-generator-root .mode-selector-row {
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(4px, 1.2vw, 7px) clamp(4px, 1.19vw, 7px) 0 !important;
  border: 0 !important;
  background: var(--qp-page) !important;
  box-sizing: border-box !important;
}

#wuxing-generator-root .selector-6 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(3, clamp(37px, 9.49vw, 56px)) !important;
  gap: 0 !important;
  border: 1px solid var(--qp-line) !important;
  background: var(--qp-page) !important;
  box-sizing: border-box !important;
}

#wuxing-generator-root .selector-6 .mode-btn,
#wuxing-generator-root .selector-6 .mode-spacer {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-right: 1px solid var(--qp-line) !important;
  border-bottom: 1px solid var(--qp-line) !important;
  border-radius: 0 !important;
  background: var(--qp-page) !important;
  color: #111 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
  font-size: clamp(12px, 2.71vw, 16px) !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
}

#wuxing-generator-root .selector-6 > :nth-child(3n) { border-right: 0 !important; }
#wuxing-generator-root .selector-6 > :nth-child(n+7) { border-bottom: 0 !important; }

#wuxing-generator-root .selector-6 .mode-btn.active,
#wuxing-generator-root .selector-6 .mode-btn:active {
  background: var(--qp-active) !important;
  color: #fff !important;
}

/* ---------- 面板表格 ---------- */
#wuxing-generator-root .panel {
  display: none !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 clamp(4px, 1.19vw, 7px) clamp(10px, 3.05vw, 18px) !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--qp-page) !important;
  box-sizing: border-box !important;
}

#wuxing-generator-root .panel.active { display: block !important; }
#wuxing-generator-root .panel > .wuxing-row.separator-row { display: none !important; }
#wuxing-generator-root .panel > .wuxing-row[style*="display:none"],
#wuxing-generator-root .panel > .wuxing-row[style*="display: none"] { display: none !important; }

#wuxing-generator-root .panel > .wuxing-row {
  width: 100% !important;
  min-height: clamp(36px, 9.32vw, 55px) !important;
  margin: 0 !important;
  padding: clamp(3px, 1.35vw, 8px) clamp(6px, 1.7vw, 10px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: clamp(2px, .85vw, 5px) !important;
  border-left: 1px solid var(--qp-line) !important;
  border-right: 1px solid var(--qp-line) !important;
  border-bottom: 1px solid var(--qp-line) !important;
  background: var(--qp-page) !important;
  color: var(--qp-text) !important;
  font-size: clamp(12px, 2.71vw, 16px) !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

#wuxing-generator-root .panel > .wuxing-row:first-child {
  border-top: 1px solid var(--qp-line) !important;
}

#wuxing-generator-root .panel .ding-option-row {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  padding: 0 !important;
  min-height: clamp(36px, 9.32vw, 55px) !important;
}

#wuxing-generator-root .panel .ding-option-row::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 1px !important;
  background: var(--qp-line) !important;
  pointer-events: none !important;
}

/* 每半边：标题 + 除取 */
#wuxing-generator-root .panel .ding-option-row {
  grid-template-columns: repeat(4, auto) !important;
  align-items: center !important;
  justify-content: space-around !important;
  text-align: center !important;
}

#wuxing-generator-root .panel .ding-he-row,
#wuxing-generator-root .panel .xian-mode-row {
  justify-content: center !important;
  text-align: center !important;
  font-size: clamp(12px, 2.88vw, 17px) !important;
}

#wuxing-generator-root .panel .xian-pair-input-row,
#wuxing-generator-root .panel .ding-qz-row {
  justify-content: center !important;
  align-content: center !important;
  white-space: nowrap !important;
}

#wuxing-generator-root .panel .xian-pair-input-row {
  flex-wrap: wrap !important;
  row-gap: clamp(2px, .8vw, 5px) !important;
}

#wuxing-generator-root .pair-flex-break {
  flex-basis: 100% !important;
  width: 0 !important;
  height: 0 !important;
}

/* ---------- 强调文字 ---------- */
#wuxing-generator-root .panel .ding-option-row > span:nth-child(1),
#wuxing-generator-root .panel .ding-option-row > span:nth-child(3),
#wuxing-generator-root .panel .ding-he-row > span:first-child,
#wuxing-generator-root .panel .xian-mode-row > span:first-child,
#wuxing-generator-root .panel .sum-row > :first-child,
#wuxing-generator-root .panel .transfer-row > span,
#wuxing-generator-root .panel .range-row > span:first-child,
#wuxing-generator-root .panel .contain-row > span:not(.exclusive-pair),
#wuxing-generator-root .panel .duishu-row > span:not(.exclusive-pair),
#wuxing-generator-root .panel .property-group > span:not(.exclusive-pair):first-of-type,
#wuxing-generator-root .panel .exclusive-pair + span {
  color: var(--qp-accent) !important;
  font-weight: 700 !important;
}

/* ---------- 复选框：自绘，避免 iOS / Safari 原生间距差异 ---------- */
#wuxing-generator-root label,
#wuxing-generator-root .exclusive-pair,
#wuxing-generator-root .inline-checkbox {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

#wuxing-generator-root .exclusive-pair {
  gap: clamp(1px, .34vw, 2px) !important;
}

#wuxing-generator-root .inline-checkbox {
  gap: clamp(2px, .68vw, 4px) !important;
}

#wuxing-generator-root .exclusive-pair + span {
  margin-left: 0 !important;
}

#wuxing-generator-root input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  flex: 0 0 auto !important;
  width: clamp(12px, 2.54vw, 15px) !important;
  height: clamp(12px, 2.54vw, 15px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 1px 0 0 !important;
  padding: 0 !important;
  border: 1px solid #8a8a8a !important;
  border-radius: 2px !important;
  background: #fff !important;
  box-shadow: none !important;
  vertical-align: middle !important;
}

#wuxing-generator-root input[type="checkbox"]:checked {
  border-color: #0a7cff !important;
  background-color: #0a7cff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.1 6.2 4.8 8.7 10 3.1' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
}

/* ---------- 输入框 ---------- */
#wuxing-generator-root .panel .wuxing-input,
#wuxing-generator-root .panel input[type="text"]:not(.quick-stake-input) {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: clamp(74px, 18.98vw, 112px) !important;
  height: clamp(24px, 4.24vw, 25px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 1px clamp(3px, .85vw, 5px) !important;
  border: 1px solid #888 !important;
  border-radius: 1px !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
  /* 16px 是 iOS Safari 防止聚焦自动放大的下限 */
  font-size: 16px !important;
  line-height: 1.15 !important;
}

#wuxing-generator-root .panel .wuxing-input.small {
  width: clamp(60px, 16.27vw, 96px) !important;
}

#wuxing-generator-root .panel .wuxing-input.xs {
  width: clamp(46px, 12.54vw, 74px) !important;
}

#wuxing-generator-root .panel .sum-source-input {
  display: none !important;
}

#wuxing-generator-root .panel .sum-shared-input {
  width: clamp(74px, 18.98vw, 112px) !important;
}

#wuxing-generator-root .panel .xian-pair-input-row .wuxing-input {
  width: clamp(74px, 18.98vw, 112px) !important;
}

/* 四字现参考图：前三个一行，最后一个另起一行 */
#wuxing-generator-root .panel .xian-pair-sizx {
  padding-top: clamp(5px, 1.6vw, 9px) !important;
  padding-bottom: clamp(5px, 1.6vw, 9px) !important;
}

/* 定位输入 2 x 2 */
#wuxing-generator-root .panel .ding-position-row {
  padding: 0 !important;
  min-height: 0 !important;
}

#wuxing-generator-root .panel .position-grid {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
}

#wuxing-generator-root .panel .position-grid label,
#wuxing-generator-root .panel .position-grid .position-empty {
  width: 100% !important;
  height: clamp(31px, 8.13vw, 48px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 clamp(5px, 1.36vw, 8px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(2px, .68vw, 4px) !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

#wuxing-generator-root .panel .position-grid input.wuxing-input { width: clamp(74px, 18.98vw, 112px) !important; }

/* 合分 1~4：合并成一个无内部横线的块，和参考图一致 */
#wuxing-generator-root .panel > .combo-list-row {
  min-height: 0 !important;
  padding: clamp(5px, 1.35vw, 8px) 0 !important;
  justify-content: center !important;
}

#wuxing-generator-root .combo-list {
  width: min(100%, clamp(220px, 55.9vw, 330px)) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
}

#wuxing-generator-root .combo-item {
  width: 100% !important;
  height: clamp(23px, 5.6vw, 33px) !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(2px, .85vw, 5px) !important;
  white-space: nowrap !important;
}

#wuxing-generator-root .combo-item > span:first-child {
  width: clamp(18px, 4.4vw, 26px) !important;
  text-align: right !important;
  flex: 0 0 auto !important;
}

#wuxing-generator-root .combo-item .inline-checkbox {
  min-width: clamp(55px, 13.9vw, 82px) !important;
}

/* 不定位 / 含复式 / 条件行尽量保持一行 */
#wuxing-generator-root .panel .sum-row,
#wuxing-generator-root .panel .contain-row,
#wuxing-generator-root .panel .transfer-row,
#wuxing-generator-root .panel .range-row,
#wuxing-generator-root .panel [id$="-extra-row-1"],
#wuxing-generator-root .panel [id$="-extra-row-2"],
#wuxing-generator-root .panel [id$="-extra-row-brothers"],
#wuxing-generator-root .panel .duishu-row {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

#wuxing-generator-root .panel .contain-row .wuxing-input {
  width: clamp(66px, 16.95vw, 100px) !important;
}

/* 对数：七大面板统一展示 5 个配对输入 */
#wuxing-generator-root .duishu-row .five-inputs {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: clamp(2px, .55vw, 4px) !important;
  flex-wrap: nowrap !important;
  flex: 1 1 auto !important;
}

#wuxing-generator-root .duishu-row .five-inputs .wuxing-input {
  width: clamp(32px, 8.15vw, 48px) !important;
  min-width: 0 !important;
  flex: 1 1 0 !important;
}

/* 单/双、 大/小：两组同一行 */
#wuxing-generator-root .panel > .wuxing-row.property-pair-row {
  padding-left: clamp(4px, 1.18vw, 7px) !important;
  padding-right: clamp(4px, 1.18vw, 7px) !important;
  gap: 0 !important;
  flex-wrap: nowrap !important;
}

#wuxing-generator-root .property-group {
  width: 40% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(1px, .5vw, 3px) !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

#wuxing-generator-root .property-group + .property-group {
  width: 60% !important;
  padding-left: clamp(4px, 1.35vw, 8px) !important;
}

/* ---------- 参考图底部：文本框 + 三个按钮 ---------- */
#wuxing-generator-root .panel > .quick-output-row {
  min-height: 0 !important;
  padding: clamp(8px, 2.03vw, 12px) 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  border: 0 !important;
  background: var(--qp-page) !important;
}

#wuxing-generator-root .quick-text-input {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: calc(100% - clamp(6px, 1.36vw, 8px)) !important;
  height: clamp(48px, 9.83vw, 58px) !important;
  min-height: clamp(48px, 9.83vw, 58px) !important;
  margin: 0 auto clamp(7px, 1.52vw, 9px) !important;
  padding: 4px 5px !important;
  resize: vertical !important;
  border: 1px solid #888 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #333 !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
}

#wuxing-generator-root .quick-action-bar {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 clamp(5px, 1.35vw, 8px) clamp(8px, 1.7vw, 10px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(4px, 1.18vw, 7px) !important;
  box-sizing: border-box !important;
}

#wuxing-generator-root .quick-action-bar .wuxing-btn {
  height: clamp(32px, 7.12vw, 42px) !important;
  min-width: clamp(54px, 12.2vw, 72px) !important;
  margin: 0 !important;
  padding: 0 clamp(8px, 2.03vw, 12px) !important;
  border: 0 !important;
  border-radius: clamp(4px, 1vw, 6px) !important;
  background: var(--qp-blue) !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
  font-size: clamp(14px, 3.05vw, 18px) !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

#wuxing-generator-root .quick-action-bar .quick-text-gen {
  min-width: clamp(112px, 26.1vw, 154px) !important;
}

/* 参考图初始状态不显示“生成号码框/发送框”；生成号码后再展开 */
#wuxing-generator-root .quick-section-title,
#wuxing-generator-root .output-box,
#wuxing-generator-root .bet-info {
  display: none !important;
}

#wuxing-generator-root .panel.has-results .quick-section-title {
  width: 100% !important;
  height: 32px !important;
  padding: 3px 6px !important;
  display: flex !important;
  align-items: center !important;
  border: 1px solid var(--qp-line) !important;
  background: #e3f5fd !important;
  color: #111 !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}

#wuxing-generator-root .panel.has-results .output-box {
  width: 100% !important;
  min-height: 120px !important;
  max-height: 180px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  display: block !important;
  overflow: auto !important;
  border: 1px solid var(--qp-line) !important;
  border-top: 0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

#wuxing-generator-root .number-list,
#wuxing-generator-root .number-list[data-col="6"],
#wuxing-generator-root .number-list[data-col="7"] {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  list-style: none !important;
}

#wuxing-generator-root .number-list li {
  min-height: 28px !important;
  margin: 0 !important;
  padding: 3px 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-right: 1px solid #eee !important;
  border-bottom: 1px solid #eee !important;
  background: #fff !important;
  color: #222 !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
}

#wuxing-generator-root .panel.has-results .bet-info {
  width: 100% !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  border: 1px solid var(--qp-line) !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

#wuxing-generator-root .quick-send-grid {
  width: 100% !important;
  min-height: 76px !important;
  display: grid !important;
  grid-template-columns: 58% 42% !important;
}

#wuxing-generator-root .quick-send-left {
  min-width: 0 !important;
  padding: 10px 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  border-right: 1px solid var(--qp-line) !important;
  box-sizing: border-box !important;
}

#wuxing-generator-root .quick-send-label { font-size: 16px !important; font-weight: 500 !important; }
#wuxing-generator-root .quick-stake-input {
  width: 58px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 2px 4px !important;
  border: 1px solid #777 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #222 !important;
  box-shadow: none !important;
  text-align: center !important;
  font-size: 16px !important;
}

#wuxing-generator-root .quick-bet-btn {
  height: 34px !important;
  min-width: 54px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: var(--qp-blue) !important;
  color: #fff !important;
  font-size: 14px !important;
}

#wuxing-generator-root .quick-send-right {
  min-width: 0 !important;
  display: grid !important;
  grid-template-rows: 1fr 1fr !important;
  font-size: 13px !important;
}

#wuxing-generator-root .quick-send-right > div {
  padding: 0 8px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid var(--qp-line) !important;
}
#wuxing-generator-root .quick-send-right > div:last-child { border-bottom: 0 !important; }

/* ---------- 超窄 iPhone（SE 等） ---------- */
@media (max-width: 360px) {
  #wuxing-generator-root .panel > .wuxing-row {
    font-size: 11.5px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  #wuxing-generator-root .panel .contain-row .wuxing-input {
    width: 58px !important;
  }

  #wuxing-generator-root .property-group + .property-group {
    padding-left: 2px !important;
  }

  #wuxing-generator-root .quick-action-bar .quick-text-gen {
    min-width: 110px !important;
  }
}