input[type="text"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    width: 60px !important; /* 调整宽度 */
    height: 19px !important; /* 调整高度 */
    padding: 0 8px !important; /* 调整内边距 */
    margin: 0 !important;
    border: 1px solid #ccc !important; /* 直角边框，颜色可以根据需要调整 */
    border-radius: 0 !important; /* 直角边框 */
    font-size: 13px !important;
    line-height: 18px !important;
    background: transparent !important; /* 背景透明 */
    outline: none !important; /* 去掉焦点时的轮廓 */
}


input, textarea {
    min-height: auto !important;  /* 或者设置你想要的高度 */
}

.wuxing-row {
    font-size: 14px;  /* 根据需要修改大小 */
}

.wuxing-row input,
.wuxing-row label {
    margin-right: 0px;  /* 减小右边距 */
    margin-left: 0px;
}



.panel { display:none; margin-top:8px; padding:8px; background: #fff; border-radius:6px; width:100%; }
.panel.active { display:block; }




.position-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* 水平居中整个容器 */
  gap: 16px 32px; /* 行间距16px，列间距32px */
  max-width: 280px; /* 可根据需要调整最大宽度 */
  margin: 0 auto; /* 水平居中容器 */
}

.position-grid label {
  flex: 0 0 120px; /* 固定宽度，每行两个（总宽度约240px） */
  display: flex;
  align-items: center;
  justify-content: center; /* label 内文字+输入框居中 */
  gap: 8px; /* 文字和输入框间距 */
}
.position-grid label input.wuxing-input {
  width: 100px !important;
  box-sizing: border-box;
}





/* 统一容器背景色，衔接效果 */
.wuxing-title-row,
.top-status {
  background: #d64500;  /* 深红色背景 */
  //box-shadow: 0 4px 12px rgba(204, 0, 0, 0.4); /* 深红色阴影 */
  border-radius: 0;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

/* 标题保持 */
.wuxing-row.wuxing-title-row {
  padding-top: 18px;
  padding-bottom: 8px;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  //text-shadow: 0 2px 6px rgba(150, 60, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
}

.top-status {
  padding: 8px 14px;
  font-size: 13px;
  color: #fff;
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 3px 12px #d64500, 0 -1px 0 #d64500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  overflow-x: hidden;
}

/* top-status 内部元素 */
.top-status span {
  white-space: nowrap;
  flex-shrink: 0;
}

.top-status input.wuxing-input.small {
  border: none;
  background: transparent;
  height: 1.4em;
  line-height: 1.4em;
  padding: 0 6px;
  font-size: 13px;
  color: #6b2d00;
  outline: none;
  vertical-align: middle;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 50px;
  max-width: 100%;
}

/* 菜单按钮容器 */
.btn-row-m {
  display: flex !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 1px 0 !important;
}

/* 按钮：无背景、无边框、蓝色字 */
.btn-row-m .wuxing-btn {
  all: unset;
  cursor: pointer;
  background: none !important;
  border: none !important;
  color: #0059ff;
  font-size: 14px;
  font-weight: 800;
  padding: 5px 5px;
  border-radius: 4px;
  user-select: none;
  transition: color 0.25s ease;
  flex-shrink: 0;
}

.btn-row-m .wuxing-btn:hover {
  color: #ff2f2f;
  background: none !important;
}

.btn-row-m .wuxing-btn.active {
  color: #ff2f2f;
  background: none !important;
  border: none !important;
}

.btn-row-m .wuxing-btn:not(:last-child) {
  margin-right: 0;
}




/* 整体容器：居中 + 悬浮阴影 */
.wuxing-open-m {
  display: flex;
  justify-content: center;
  margin: 10px auto;
  padding: 4px 14px;
  
  background: #ffffff;
  border-radius: 10px;
  font-size: 13px;         /* 字体变小 */

  box-shadow: 0 4px 10px rgba(0,0,0,0.25);  /* 悬浮阴影 */
}

/* 内部按钮区域：水平居中 */
.btn-open-m {
  display: flex;
  align-items: center;
  gap: 5px;                 /* 文字间距 */
  color: #333;
  font-weight: 600;
}

.wux-openplay {
  color: #d64500;           /* 倒计时颜色 */
  font-weight: bold;
}





.selector-6 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 60px);
  width: 100vw;
  max-width: 100%;
  margin: 0 auto;
  border: 1px solid #28a745; /* 细边框 */
  box-sizing: border-box;
  gap: 0;
}

.selector-6 .mode-btn {
  border: none;
  border-radius: 0;
  background: white;
  color: #28a745;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  box-sizing: border-box;
  border-right: 1px solid #28a745;
  border-bottom: 1px solid #28a745;
  height: 100%;
  width: 100%;
}

/* 去掉最右侧按钮的右边框 */
.selector-6 .mode-btn:nth-child(3),
.selector-6 .mode-btn:nth-child(6) {
  border-right: none;
}

/* 去掉最后一行按钮的下边框 */
.selector-6 .mode-btn:nth-child(n+4) {
  border-bottom: none;
}

.selector-6 .mode-btn:hover, .selector-6 .mode-btn:focus {
  background-color: #28a745;
  color: #fff;
}


/* 默认选中按钮的样式 */
.selector-6 .mode-btn.active {
  background-color: #28a745;  /* 选中按钮的背景色 */
  color: white;               /* 设置文字颜色 */
  border: 1px solid #28a745;
}

/* 鼠标悬停时的样式 */
.selector-6 .mode-btn:hover {
  background-color: #218838;
  color: white;
}

/* 按钮点击时的样式 */
.selector-6 .mode-btn:active {
  background-color: #1e7e34;
  color: white;
}


.row-hr {
  border: none;               /* 去掉默认边框 */
  height: 1px;                /* 线条高度 */
  background-color: rgba(0, 128, 0, 0.2); /* 绿色半透明，50%透明度 */
  margin: 10px;                  /* 去掉默认外边距，按需要调整 */
}





/* Button Styles */
.wuxing-btn {
  padding: 6px 12px;
  font-size: 13px;
  border-radius: 8px;
  cursor: pointer;
  justify-content: center;
  transition: background-color 0.3s, transform 0.2s ease;
  border: 2px solid #FF6F00; /*橙色边框*/
  background-color: #FF8F00; /*橙色背景*/
  color: white;
  margin-bottom: 16px;
}

.wuxing-btn.primary {
  background-color: #FF6F00; /*主按钮的橙色*/
}

.wuxing-btn:hover {
  background-color: #FF8F00; /*悬停时更明亮的橙色*/
  transform: scale(1.0); /*按钮变大，增强点击感*/
}




/* 输出框，去掉 padding 才能让格子完全贴边 */
.output-box {
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 0 !important;       /* 去掉 padding */
  box-sizing: border-box;
  overflow: hidden;
}

.number-list {
  display: grid;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
  gap: 0;                       /* 没有空隙 */
  box-sizing: border-box;
}

/* 不同面板列数可以自定义 data-col */
.number-list[data-col="6"] {
  grid-template-columns: repeat(6, 1fr);
}
.number-list[data-col="7"] {
  grid-template-columns: repeat(7, 1fr);
}

.number-list li {
  background: #fff;
  border: 1px solid #ddd;
  padding: 2px 0;               /* 数字靠边但不撞边 */
  text-align: center;
  color: #333;
  border-radius: 0;
  box-sizing: border-box;       /* 关键，边框不会撑开格子 */
  word-break: break-word;
}







.output-box.disabled {
  pointer-events: none;       /* 禁止点击/选择 */
  opacity: 0.6;               /* 变灰 */
  position: relative;
}

.output-box.disabled::after {
  content: "已关盘";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
  color: red;
  font-weight: bold;
  background: rgba(255,255,255,0.9);
  padding: 10px 20px;
  border-radius: 6px;
}







.bet-info {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 14px;
  color: #6b3a00;
  user-select: none;
  font-weight: 600;
}

/* 文本内的数字加点突出 */
.bet-info span span#erzd-count {
  color: #ff7a00;
  font-weight: 700;
}

/* 输入框样式 */
.bet-info input[type="text"] {
  width: 60px;
  padding: 6px 10px;
  border-radius: 12px;
  border: 1.5px solid #ffb870;
  background: #fff8e1;
  color: #6b3a00;
  font-weight: 600;
  box-shadow: inset 0 1px 3px #ffe3a7;
  transition: background 0.3s ease, border-color 0.3s ease;
  outline: none;
}


.bet-info input[type="text"] {
  width: 60px;
  padding: 6px 10px;
  border-radius: 12px;
  border: 1.5px solid #ffb870;
  background: #fff8e1;
  color: #6b3a00;
  font-weight: 600;
  box-shadow: inset 0 1px 3px #ffe3a7;
  transition: background 0.3s ease, border-color 0.3s ease;
  outline: none;
}

.bet-info input[type="text"]:focus {
  background: #fff1b8;
  border-color: #ff8a00;
}



/* =========================
  强制单选/复选与右侧文字/控件紧贴（追加到 style.css 最末尾）
  只针对标签/单选/复选的间距，不改其他隐藏/显示逻辑
   ========================= */

/* 1) 强制所有 label 内部为 inline-flex 并尽量靠紧（非常高优先级覆盖旧规则） */
label,
label > span,
.radio-label,
.checkbox-label,
.switch-label,
.form-item > label,
.position-grid label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important; /* 禁止 space-between 等把两端拉开 */
  gap: 4px !important;                     /* 更小间隙，控件和文字靠近 */
  width: auto !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

/* 2) 原生 input radio/checkbox：清除所有额外偏移并给出很小的右边距 */
input[type="radio"],
input[type="checkbox"],
label input[type="radio"],
label input[type="checkbox"] {
  margin: 0 4px 0 0 !important;  /* 右边紧凑空隙 */
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  flex: 0 0 auto !important;
  vertical-align: middle !important;
  position: static !important;
  transform: none !important;
  appearance: auto !important;
  -webkit-appearance: radio !important;
  -moz-appearance: radio !important;
}

/* 3) 若某些 label 内含有 span/.label-text/.txt 等文本节点，清除它们的 margin/padding */
label > span,
label .label-text,
label .txt {
  margin: 0 !important;
  padding: 0 !important;
  white-space: normal !important;
}

/* 4) 针对 .position-grid 保留你要求的宽度行为，但把内间距紧缩 */
.position-grid label {
  /* 保留 flex:0 0 120px 行为以不破坏你的列布局 */
  flex: 0 0 120px !important;
  gap: 4px !important;    /* 缩小 gap 使控件贴近文字 */
  justify-content: flex-start !important;
  align-items: center !important;
}

/* 5) 小屏微调：在非常窄屏时略微允许收缩，但仍贴近 */
@media (max-width: 420px) {
  .position-grid label {
    flex: 0 0 100px !important; /* 在极窄屏略收一点宽度，避免换行造成间隙 */
    gap: 4px !important;
  }
  label input[type="radio"], label input[type="checkbox"] {
    margin-right: 4px !important;
  }
}

/* 6) 处理那些用绝对定位或伪元素造成的“视觉偏移”风险：
   不把伪元素直接隐藏，以免破坏自定义样式；而是确保它们不产生外边距。
*/
label::before, label::after,
.radio-label::before, .radio-label::after,
.checkbox-label::before, .checkbox-label::after {
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

/* 7) 保证按钮等不会被误认为产生大间隙 */
.wuxing-btn, .btn-row-m .wuxing-btn {
  margin-left: 4px !important;
  margin-right: 4px !important;
  flex-shrink: 1 !important;
}

/* Debug（若仍有问题，临时打开以查看哪个元素占位） */
/* * { outline: 1px dashed rgba(0,0,0,0.06) !important; } */