/* 秒合约 - 交易周期档位卡片可读性修复 */
html.gate-ui .futures .tagBox .tagBtn,
html.gate-ui .futures [class*="tagBtn"] {
  background: var(--background-secondary) !important;
  border: 1px solid var(--border-strength-100) !important;
}

html.gate-ui .futures .tagBox .tagBtn .color-black,
html.gate-ui .futures .tagBox .tagBtn uni-text,
html.gate-ui .futures .tagBox .tagBtn span,
html.gate-ui .futures .tagBox .tagBtn .font-12 {
  color: var(--content-primary) !important;
}

html.gate-ui .futures .tagBox .tagBtn uni-text[style],
html.gate-ui .futures .tagBox .tagBtn span[style] {
  color: var(--content-tertiary) !important;
}

html.gate-ui .futures .tagBtn-selected,
html.gate-ui .futures .tagBtn.tagBtn-selected {
  background: rgba(35, 84, 230, 0.14) !important;
  border-color: var(--color-primary) !important;
}

html.gate-ui .futures .tagBtn-selected .color-black,
html.gate-ui .futures .tagBtn-selected uni-text,
html.gate-ui .futures .tagBtn-selected span {
  color: var(--content-primary) !important;
}

/* 非 gate-ui 主题兜底 */
.futures .tagBox .tagBtn,
.futures [class*="tagBtn"] {
  background-color: var(--background-secondary, #f5f6fa) !important;
  border: 1px solid var(--border-strength-100, #e5e6eb) !important;
}

.futures .tagBox .tagBtn .color-black,
.futures .tagBox .tagBtn uni-text,
.futures .tagBox .tagBtn span {
  color: var(--content-primary, #1d2129) !important;
}

.futures .tagBox .tagBtn uni-text[style],
.futures .tagBox .tagBtn span[style] {
  color: var(--content-tertiary, #86909c) !important;
}

[data-theme="dark"] .futures .tagBox .tagBtn,
[data-theme="dark"] .futures [class*="tagBtn"] {
  background-color: #282828 !important;
  border-color: #363636 !important;
}

[data-theme="dark"] .futures .tagBox .tagBtn .color-black,
[data-theme="dark"] .futures .tagBox .tagBtn uni-text,
[data-theme="dark"] .futures .tagBox .tagBtn span {
  color: #ffffff !important;
}

[data-theme="dark"] .futures .tagBox .tagBtn uni-text[style],
[data-theme="dark"] .futures .tagBox .tagBtn span[style] {
  color: #b8b8b8 !important;
}

.futures .tagBtn-selected {
  background: rgba(77, 158, 177, 0.15) !important;
  border-color: var(--color-primary, #4d9eb1) !important;
}

/* 底部周期标签 */
html.gate-ui .futures .footer-box-button .tag-item {
  background: var(--background-secondary) !important;
  border-color: var(--border-strength-100) !important;
}

html.gate-ui .futures .footer-box-button .tag-item .color-black,
html.gate-ui .futures .footer-box-button .tag-item uni-text,
html.gate-ui .futures .footer-box-button .tag-item span {
  color: var(--content-primary) !important;
}

/* 购买数量输入区 */
html.gate-ui .futures .fui-popup-warp,
html.gate-ui .futures .popupContent {
  background: var(--background-primary) !important;
}

html.gate-ui .futures .label-input {
  background: var(--background-secondary) !important;
  border: 1px solid var(--border-strength-100) !important;
}

html.gate-ui .futures .label-input .coinType,
html.gate-ui .futures .label-input .color-black,
html.gate-ui .futures .label-input uni-text,
html.gate-ui .futures .label-input span,
html.gate-ui .futures .label-input uni-input,
html.gate-ui .futures .label-input input,
html.gate-ui .futures .label-input .uni-input-input {
  color: var(--content-primary) !important;
  -webkit-text-fill-color: var(--content-primary) !important;
}

html.gate-ui .futures .label-input .placeholder,
html.gate-ui .futures .popupContent .placeholder,
html.gate-ui .futures .label-input input::placeholder {
  color: var(--content-tertiary) !important;
  opacity: 1 !important;
}

html.gate-ui .futures .popupContent .cell .color-black,
html.gate-ui .futures .popupContent .title .color-black {
  color: var(--content-primary) !important;
}

html.gate-ui .futures .popupContent .label .color-gray {
  color: var(--content-tertiary) !important;
}

.futures .label-input {
  background-color: var(--background-secondary, #f5f6fa) !important;
  border: 1px solid var(--border-strength-100, #e5e6eb) !important;
}

.futures .label-input .coinType,
.futures .label-input .color-black,
.futures .label-input uni-text,
.futures .label-input span,
.futures .label-input uni-input,
.futures .label-input input,
.futures .label-input .uni-input-input {
  color: var(--content-primary, #1d2129) !important;
  -webkit-text-fill-color: var(--content-primary, #1d2129) !important;
}

[data-theme="dark"] .futures .label-input {
  background-color: #282828 !important;
  border-color: #363636 !important;
}

[data-theme="dark"] .futures .label-input .coinType,
[data-theme="dark"] .futures .label-input .color-black,
[data-theme="dark"] .futures .label-input uni-text,
[data-theme="dark"] .futures .label-input span,
[data-theme="dark"] .futures .label-input uni-input,
[data-theme="dark"] .futures .label-input input,
[data-theme="dark"] .futures .label-input .uni-input-input {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

[data-theme="dark"] .futures .fui-popup-warp,
[data-theme="dark"] .futures .popupContent {
  background: #17181e !important;
}