/* REGISTER_STYLE_FIX_V2_20260614 */
/* 注册页面样式优化 v2 - 与登录页面完全一致 */
/* 注册页面 data-v: 60ee706e + 0b4e2517 */

/* inputline 样式修复 - 与登录页面一致 (h=1.2rem, 金色边框, 圆角0.26rem) */
html body .loginwindow .LoginSquare .inputline[data-v-60ee706e][data-v-0b4e2517],
html body .loginwindow.transitionBody .LoginSquare .inputline[data-v-60ee706e][data-v-0b4e2517] {
  height: 1.2rem !important;
  min-height: 1.2rem !important;
  line-height: 1.2rem !important;
  margin: 0.28rem 0 0 !important;
  padding: 0 0.16rem !important;
  border-radius: 0.26rem !important;
  box-sizing: border-box !important;
  background: linear-gradient(rgba(18,13,8,.98), rgba(8,7,6,.98)) !important;
  border: 1px solid rgba(217, 164, 65, 0.44) !important;
  box-shadow: rgba(0,0,0,.55) 0px 0px 0.22rem inset, rgba(0,0,0,.38) 0px 0.05rem 0.18rem !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  overflow: visible !important;
}

/* 第一个inputline不需要margin-top */
html body .loginwindow .LoginSquare .inputline[data-v-60ee706e][data-v-0b4e2517]:first-child,
html body .loginwindow.transitionBody .LoginSquare .inputline[data-v-60ee706e][data-v-0b4e2517]:first-child {
  margin-top: 0 !important;
}

/* input 文字样式 */
html body .loginwindow .LoginSquare .inputline[data-v-60ee706e][data-v-0b4e2517] input,
html body .loginwindow.transitionBody .LoginSquare .inputline[data-v-60ee706e][data-v-0b4e2517] input {
  height: 1.2rem !important;
  min-height: 1.2rem !important;
  line-height: 1.2rem !important;
  font-size: 0.28rem !important;
  padding: 0 !important;
  color: #fff !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  flex: 1 !important;
  width: 0 !important;
  min-width: 0 !important;
  text-shadow: 0 0.02rem 0.06rem rgba(0,0,0,.55) !important;
}

html body .loginwindow .LoginSquare .inputline[data-v-60ee706e][data-v-0b4e2517] input::placeholder,
html body .loginwindow.transitionBody .LoginSquare .inputline[data-v-60ee706e][data-v-0b4e2517] input::placeholder {
  color: rgba(255, 255, 255, 0.55) !important;
  opacity: 1 !important;
}

/* iconImg 图标 */
html body .loginwindow .LoginSquare .inputline[data-v-60ee706e][data-v-0b4e2517] .iconImg,
html body .loginwindow.transitionBody .LoginSquare .inputline[data-v-60ee706e][data-v-0b4e2517] .iconImg {
  max-height: 0.36rem !important;
  width: auto !important;
  margin-right: 0.12rem !important;
  flex-shrink: 0 !important;
  opacity: 0.8 !important;
}

/* eye 图标 */
html body .loginwindow .LoginSquare .inputline[data-v-60ee706e][data-v-0b4e2517] .eye,
html body .loginwindow.transitionBody .LoginSquare .inputline[data-v-60ee706e][data-v-0b4e2517] .eye {
  max-height: 0.32rem !important;
  width: auto !important;
  position: absolute !important;
  right: 0.16rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
  flex-shrink: 0 !important;
}

/* 验证码输入框特殊处理 */
html body .loginwindow .LoginSquare .inputline-captcha[data-v-0b4e2517],
html body .loginwindow.transitionBody .LoginSquare .inputline-captcha[data-v-0b4e2517] {
  height: 1.2rem !important;
  min-height: 1.2rem !important;
}

/* 验证码数字显示区域 */
html body .loginwindow .LoginSquare .inputline[data-v-60ee706e][data-v-0b4e2517] .captcha-code,
html body .loginwindow.transitionBody .LoginSquare .inputline[data-v-60ee706e][data-v-0b4e2517] .captcha-code {
  height: 0.72rem !important;
  line-height: 0.72rem !important;
  font-size: 0.32rem !important;
  padding: 0 0.12rem !important;
  border-radius: 0.08rem !important;
  background: rgba(217, 161, 94, 0.68) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 221, 166, 0.38) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  position: absolute !important;
  right: 0.08rem !important;
  width: auto !important;
  float: none !important;
  letter-spacing: 0.04rem !important;
  font-weight: 700 !important;
}

/* LoginSquare 整体 */
html body .loginwindow .LoginSquare[data-v-60ee706e],
html body .loginwindow.transitionBody .LoginSquare[data-v-60ee706e] {
  margin-top: 0.30rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
}

/* confirm 按钮区域 */
html body .loginwindow .LoginSquare .confirm[data-v-60ee706e],
html body .loginwindow.transitionBody .LoginSquare .confirm[data-v-60ee706e] {
  margin-top: 0.28rem !important;
  text-align: center !important;
}

/* sumbtns 注册按钮容器 - 金色样式与登录按钮一致 */
html body .loginwindow .LoginSquare .sumbtns[data-v-0b4e2517],
html body .loginwindow.transitionBody .LoginSquare .sumbtns[data-v-0b4e2517] {
  width: 100% !important;
  height: 0.98rem !important;
  min-height: 0.98rem !important;
  line-height: 0.98rem !important;
  border-radius: 0.49rem !important;
  font-size: 0.30rem !important;
  font-weight: 700 !important;
  display: block !important;
  background: rgba(217, 161, 94, 0.68) !important;
  border: 1px solid rgba(255, 221, 166, 0.38) !important;
  box-shadow: 0 0.08rem 0.20rem rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.18) !important;
  color: rgba(255, 255, 255, 0.95) !important;
  cursor: pointer !important;
  text-align: center !important;
}

/* 注册按钮内的button元素 */
html body .loginwindow .LoginSquare .sumbtns[data-v-0b4e2517] button,
html body .loginwindow.transitionBody .LoginSquare .sumbtns[data-v-0b4e2517] button {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  color: rgba(255, 255, 255, 0.95) !important;
  font-size: 0.30rem !important;
  font-weight: 700 !important;
  width: 100% !important;
  height: 100% !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.45) !important;
}

/* oplines 样式 */
html body .loginwindow .LoginSquare .oplines[data-v-60ee706e],
html body .loginwindow.transitionBody .LoginSquare .oplines[data-v-60ee706e] {
  height: 0.68rem !important;
  line-height: 0.68rem !important;
  margin: 0.02rem 0 0.20rem !important;
  color: #fff !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
}

html body .loginwindow .LoginSquare .oplines[data-v-60ee706e] *,
html body .loginwindow.transitionBody .LoginSquare .oplines[data-v-60ee706e] * {
  color: #fff !important;
  font-size: 0.26rem !important;
  text-shadow: 0 0.03rem 0.09rem rgba(0,0,0,.88) !important;
}

/* botline 隐藏 */
html body .loginwindow .LoginSquare .botline[data-v-60ee706e],
html body .loginwindow.transitionBody .LoginSquare .botline[data-v-60ee706e] {
  display: none !important;
}

/* lginner 面板样式（与登录一致） */
html body .loginwindow .lginner[data-v-60ee706e],
html body .loginwindow.transitionBody .lginner[data-v-60ee706e] {
  background: linear-gradient(180deg, rgba(20,13,7,.82), rgba(5,5,5,.88)) !important;
  border: 1px solid rgba(255, 218, 137, 0.76) !important;
  box-shadow: 0 0.18rem 0.62rem rgba(0,0,0,.78), 0 0 0.34rem rgba(217,164,65,.22), inset 0 0 0 1px rgba(255,226,155,.12) !important;
  border-radius: 0.24rem !important;
  padding: 0.30rem 0.26rem 0.36rem !important;
}


/* Fix: recent-games中gamebtn高度异常问题 */
/* gamebtn在recent-games中没有明确高度，导致只有~10px，内部accounts-swipe-cell溢出 */
html body .recent-games .accounts-list .gamebtn,
html body .recent-games .accounts-list .gamebtn[data-v-b7dd09b2] {
  display: block !important;
  height: 1.92rem !important;
  width: 100% !important;
  overflow: visible !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .recent-games .accounts-list .gamebtn .accounts-swipe-cell,
html body .recent-games .accounts-list .gamebtn[data-v-b7dd09b2] .accounts-swipe-cell[data-v-8233b852] {
  width: 100% !important;
  height: 1.92rem !important;
}

html body .recent-games .accounts-list .gamebtn .accounts-list-right,
html body .recent-games .accounts-list .gamebtn[data-v-b7dd09b2] .accounts-list-right[data-v-8233b852] {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
}


/* ============================================================
   "我的" 页面黑金主题修复 - 备份于 20260614035546
   ============================================================ */

/* 整体person容器背景 */
html body .person {
  background: radial-gradient(circle at 50% 0%, rgba(217,164,65,0.18) 0%, rgba(10,8,4,0.98) 60%) !important;
}

/* 顶部区域背景 */
html body .person .topContent .topArea {
  background-image: none !important;
  background: transparent !important;
}

/* 账户总资产卡片 */
html body .person .topContent .topAmount {
  background: linear-gradient(135deg, rgba(34,28,18,0.98) 0%, rgba(20,16,8,0.98) 100%) !important;
  border: 1px solid rgba(217,164,65,0.44) !important;
  border-radius: 0.26rem !important;
  box-shadow: 0 0 0.3rem rgba(217,164,65,0.15) !important;
}

/* 账户总资产文字颜色 */
html body .person .topContent .topAmount .AmountName {
  color: rgba(217,164,65,0.85) !important;
}

html body .person .topContent .topAmount .AmountMoney {
  color: #f0d080 !important;
  font-weight: bold !important;
}

/* VIP特权卡片 - 覆盖外部CDN紫色背景图 */
html body .person .topContent .actionList1 {
  background-image: none !important;
  background: linear-gradient(135deg, rgba(34,28,18,0.98) 0%, rgba(20,16,8,0.98) 100%) !important;
  border: 1px solid rgba(217,164,65,0.44) !important;
  border-radius: 0.26rem !important;
  box-shadow: 0 0 0.3rem rgba(217,164,65,0.15) !important;
}

/* VIP特权图标 - 用金色滤镜替换紫色 */
html body .person .topContent .actionList1 .actionicon1 img {
  filter: sepia(1) saturate(3) hue-rotate(5deg) brightness(1.1) !important;
}

/* 功能图标按钮区域 */
html body .person .topContent .actionList {
  background: transparent !important;
}

/* 功能图标（钱包、账户明细、投注记录、安全设置）- 金色滤镜 */
html body .person .topContent .actionList .actionicon img {
  filter: sepia(1) saturate(3) hue-rotate(5deg) brightness(1.1) !important;
}

/* 功能图标文字 */
html body .person .topContent .actionList .actionicon .title {
  color: rgba(217,164,65,0.9) !important;
}

html body .person .topContent .actionList1 .actionicon1 .title {
  color: rgba(217,164,65,0.9) !important;
}

/* 下方列表项 (person-list-p) 已有黑金渐变，保持不变 */

/* 用户名和等级文字 */
html body .person .topContent .topArea .usersg .center {
  color: #f0d080 !important;
}

/* 刷新按钮图标颜色 */
html body .person .topContent .topAmount img {
  filter: sepia(1) saturate(3) hue-rotate(5deg) brightness(1.2) !important;
}


/* ============================================================
   "我的" 页面黑金主题修复 v2 - 使用data-v属性选择器提高优先级
   ============================================================ */

/* VIP特权卡片 - 使用data-v属性选择器覆盖外部CDN背景图 */
.actionList1[data-v-62530c80] {
  background-image: none !important;
  background: linear-gradient(135deg, rgba(34,28,18,0.98) 0%, rgba(20,16,8,0.98) 100%) !important;
  border: 1px solid rgba(217,164,65,0.44) !important;
  border-radius: 0.26rem !important;
  box-shadow: 0 0 0.3rem rgba(217,164,65,0.15) !important;
}

/* VIP特权图标 - 金色滤镜 */
.actionList1[data-v-62530c80] .actionicon1 img {
  filter: sepia(1) saturate(3) hue-rotate(5deg) brightness(1.1) !important;
}

/* VIP特权文字 */
.actionList1[data-v-62530c80] .actionicon1 .title {
  color: rgba(217,164,65,0.9) !important;
}

/* 账户总资产卡片 */
.topAmount[data-v-62530c80] {
  background: linear-gradient(135deg, rgba(34,28,18,0.98) 0%, rgba(20,16,8,0.98) 100%) !important;
  border: 1px solid rgba(217,164,65,0.44) !important;
  border-radius: 0.26rem !important;
  box-shadow: 0 0 0.3rem rgba(217,164,65,0.15) !important;
}

/* 账户总资产文字 */
.topAmount[data-v-62530c80] .AmountName {
  color: rgba(217,164,65,0.85) !important;
}

.topAmount[data-v-62530c80] .AmountMoney {
  color: #f0d080 !important;
  font-weight: bold !important;
}

/* 功能图标（钱包、账户明细、投注记录、安全设置）- 金色滤镜 */
.actionList[data-v-62530c80] .actionicon img {
  filter: sepia(1) saturate(3) hue-rotate(5deg) brightness(1.1) !important;
}

/* 功能图标文字 */
.actionList[data-v-62530c80] .actionicon .title {
  color: rgba(217,164,65,0.9) !important;
}

/* 刷新按钮图标 */
.topAmount[data-v-62530c80] img {
  filter: sepia(1) saturate(3) hue-rotate(5deg) brightness(1.2) !important;
}