/**
 * @description 全局样式覆盖
 * 用于覆盖 uni-app 框架的默认样式
 */

/* 清除 uni-app 的默认背景色 */
uni-page,
uni-page-body,
page,
body {
  background-color: transparent !important;
}

/* 为特定页面设置渐变背景 */
body[data-page="generate"],
body[data-page="scan-bind"],
body[data-page="auth"],
body[data-page="auth-phone"],
body[data-page="login"] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* 确保页面容器占满整个视口 */
uni-page,
uni-page-body,
page,
body,
uni-page-wrapper {
  min-height: 100vh;
}

/* ==================== 修复所有输入框组件 ==================== */

/* 修复 uni-easyinput 组件显示问题 - 最高优先级 */
uni-easyinput,
uni-easyinput[data-v-8810b951],
uni-easyinput[data-v-59c661f1],
uni-easyinput[data-v-*] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 9999 !important;
  min-height: 80rpx !important;
  min-width: 100% !important;
}

/* 修复 uni-easyinput 内部元素 */
uni-easyinput .uni-easyinput__content,
uni-easyinput .uni-easyinput__content-input {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 9999 !important;
}

uni-easyinput uni-input,
uni-easyinput .uni-input-wrapper {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 9999 !important;
}

uni-easyinput input,
uni-easyinput input[type="text"],
uni-easyinput input[type="number"],
uni-easyinput input[type="tel"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 80rpx !important;
  color: #333333 !important;
  background: #ffffff !important;
  border: 2rpx solid #e0e0e0 !important;
  border-radius: 12rpx !important;
  padding: 0 30rpx !important;
  font-size: 28rpx !important;
  box-sizing: border-box !important;
}

/* 修复 uni-easyinput 占位符 */
uni-easyinput .uni-input-placeholder,
uni-easyinput .input-placeholder,
uni-easyinput input::placeholder {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #999999 !important;
}

/* 修复所有输入框组件 */
uni-input,
uni-input[data-v-*],
uni-easyinput,
uni-easyinput[data-v-*],
uni-textarea,
uni-textarea[data-v-*] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 9999 !important;
}

uni-input input,
uni-easyinput input,
uni-textarea textarea {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  color: #333333 !important;
  background: #ffffff !important;
}

/* 使用属性选择器增强优先级 */
[data-v-8810b951] uni-easyinput input,
[data-v-59c661f1] uni-easyinput input {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  color: #333333 !important;
  background: #ffffff !important;
}

/* 修复所有可能的类名 */
.uni-easyinput,
.uni-easyinput__content,
.uni-easyinput__content-input,
.uni-input,
.uni-input-wrapper,
.uni-input-input,
.uni-input-placeholder {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 修复原生 input */
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
textarea {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  color: #333333 !important;
  background: #ffffff !important;
}

/* 修复 button 元素 */
button,
button[data-v-*],
uni-button,
uni-button[data-v-*] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 9999 !important;
  cursor: pointer !important;
}

/* 修复扫码按钮 */
.scan-btn {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 9999 !important;
  cursor: pointer !important;
}

/* 确保按钮可点击 */
.scan-btn::after,
.scan-btn::before {
  pointer-events: none !important;
}
