/**
 * 玻璃态按钮（参考图6）——只改按钮材质，不改页面底色。
 */
:root {
  --glass-blur: 14px;
  --glass-radius: 999px;
  --glass-border: 1px solid rgba(255, 255, 255, 0.45);
  --glass-shadow:
    0 8px 24px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -1px 0 rgba(0, 0, 0, 0.06);
  --glass-primary-bg: rgba(216, 30, 6, 0.55);
  --glass-primary-text: #fff;
  --glass-secondary-bg: rgba(255, 255, 255, 0.42);
  --glass-secondary-text: #1a1a1a;
  --glass-accent-bg: rgba(255, 210, 0, 0.45);
  --glass-accent-text: #222;
}

/* 通用玻璃材质 */
.glass-btn,
.container .footer .button-box .btn,
.container .footer .input-box .btn,
.login-page .form .button .btn,
.register-page .form .button .btn,
.page .button .btn,
uni-button.btn.confirm,
uni-button.btn.reset,
.button-box .btn.confirm,
.button-box .btn.reset {
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.35) !important;
  backdrop-filter: blur(var(--glass-blur)) saturate(1.35) !important;
  border-radius: var(--glass-radius) !important;
  border: var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease !important;
  overflow: hidden !important;
  position: relative !important;
}

.glass-btn::after,
.container .footer .button-box .btn::after,
.container .footer .input-box .btn::after,
.login-page .form .button .btn::after,
.register-page .form .button .btn::after,
uni-button.btn.confirm::after,
uni-button.btn.reset::after,
.button-box .btn.confirm::after,
.button-box .btn.reset::after {
  border: none !important;
}

.glass-btn:active,
.container .footer .button-box .btn:active,
.container .footer .input-box .btn:active,
.login-page .form .button .btn:active,
uni-button.btn.confirm:active,
uni-button.btn.reset:active {
  transform: scale(0.97);
  box-shadow:
    0 4px 14px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

/* 主按钮：下注 / 登录等（红玻璃，沿用主题红，不做底色替换） */
.container .footer .button-box .btn.confirm,
uni-button.btn.confirm,
.button-box .btn.confirm,
.login-page .form .button .btn,
.register-page .form .button .btn {
  background: var(--glass-primary-bg) !important;
  color: var(--glass-primary-text) !important;
  min-width: 96px;
  padding: 0 22px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
}

/* 次按钮：重置（白玻璃） */
.container .footer .button-box .btn.reset,
uni-button.btn.reset,
.button-box .btn.reset {
  background: var(--glass-secondary-bg) !important;
  color: var(--glass-secondary-text) !important;
  min-width: 72px;
  padding: 0 18px !important;
  font-weight: 600 !important;
}

/* 快捷金额（黄玻璃） */
.container .footer .input-box .btn {
  background: var(--glass-accent-bg) !important;
  color: var(--glass-accent-text) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  height: 68rpx !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 金额输入框：轻微玻璃边，不改白底区域主色 */
.container .footer .input-box .input {
  border-radius: 999px !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

/* 弹层确认项 / 通用实心红按钮 → 玻璃主按钮 */
uni-button[type="primary"],
.uni-btn-v,
.load-btn {
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.35) !important;
  backdrop-filter: blur(var(--glass-blur)) saturate(1.35) !important;
  border-radius: var(--glass-radius) !important;
  box-shadow: var(--glass-shadow) !important;
}

/* 侧栏选中态：玻璃红，保留主题红语义，不改整体侧栏底色 */
.container .list-contet .left .type-item.active {
  background: rgba(216, 30, 6, 0.72) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

/* 投注格子选中：玻璃高亮，格子边框与页面底色保持 */
.type-one .list-item.active,
.type-one .tag-item.active,
.type-one .item-flex-item.active,
.type-one .item-flex-item.hot,
.item-flex-item.active,
.item-flex-item.hot {
  background: rgba(216, 30, 6, 0.18) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

/* 个人中心 / 充值提现入口轻微玻璃 */
.my-top .btns .item,
.user-box .btns .item,
.recharge-box .btn,
.withdrawal-box .btn {
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  backdrop-filter: blur(12px) saturate(1.2);
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: var(--glass-shadow);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .container .footer .button-box .btn.confirm,
  uni-button.btn.confirm,
  .login-page .form .button .btn {
    background: rgba(216, 30, 6, 0.88) !important;
  }
  .container .footer .button-box .btn.reset,
  uni-button.btn.reset {
    background: rgba(255, 255, 255, 0.92) !important;
  }
  .container .footer .input-box .btn {
    background: rgba(255, 210, 0, 0.9) !important;
  }
}