/* 重置默认样式，消除 WebView 差异 */
* {
      margin: 0;
      padding: 0;
      box-sizing: border-box; /* 避免padding撑大元素，关键！ */
    }


html {
  width: 100%;
  height:  100%;
  margin: auto auto;  /* 水平居中，垂直居中 */

  display: flex; /* 启用 Flex 布局 */
  align-items: center; /* 子元素（body）垂直居中 */
  justify-content: center; /* 子元素（body）水平居中 */
  overflow: hidden; /* 禁止窗口滚动（可选，避免小屏出现滚动条） */
  }


body {
  height: 370px;
  width: 357px;

  position: relative;
  margin: auto auto;  /* 水平居中，垂直居中 */
  /* 禁止出现滚动条（可选，若内容未超出窗口） */
  overflow: hidden; /* hidden = 隐藏滚动条，auto = 自动显示（默认） */

  display: flex; /* 启用 Flex 布局 */
  flex-direction: column; /* 子元素垂直排列（保持原有上下顺序） */
  align-items: center; /* 所有子元素水平居中（关键） */
  justify-content: center; /* 可选：同时水平居中 */
  background: rgba(0,0,0,0.5); 
  max-width: 357px; /* 把原来的固定 width 改成 max-width，逻辑不变但更灵活 */
}

/* 子元素自适应（避免内部内容溢出） */
body > * {
  max-width: 100%; /* 子元素宽度不超过body */
  max-height: 100%; /* 子元素宽度不超过body */
}

/* 极简样式，适配游戏界面 */
.register-main {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("../img/ui_denglu_db04.png"); 
  background-size: contain; /* 完整显示背景图，不裁剪 */
  background-position: center center; /* 背景图在 Div 内居中 */
  background-repeat: no-repeat; /* 禁止平铺 */
/*  background: rgba(0,0,0,0.5);  */

  display: flex; /* 启用 Flex 布局 */
  flex-direction: column; /* 子元素垂直排列（保持原有上下顺序） */
  align-items: center; /* 所有子元素水平居中（关键） */
  justify-content: center; /* 可选：同时水平居中 */
  gap: 3%; /* 子元素之间统一间距，替代原有的 margin-bottom，布局更整洁 */
}

.register-btn_div {
  width: 80%;
  height: 100%;
  margin-top: 30.5%;
  margin-bottom: 17.5%;
  /* padding: 3%; */
  /* background: rgba(0,0,0,0.5); */
  
  display: flex; /* 启用 Flex 布局 */
  flex-direction: column; /* 子元素垂直排列（保持原有上下顺序） */
  align-items: center; /* 所有子元素水平居中（关键） */
  justify-content: center; /* 可选：同时水平居中 */
  gap: 14% /* 子元素之间统一间距，替代原有的 margin-bottom，布局更整洁 */
}

button {
  border: none;
  border-radius: 4px;
  /* background: #2f54eb; */
  /* color: #fff;   */
  font-size: 14px;
  cursor: pointer;
}
button:disabled {
  background: #666;
  cursor: not-allowed;
}
.register-type {
  display: flex;
  width: 100%;
  height: 24%;
  margin: auto auto;
}
.type-btn{
  width: 100%;
  height: 100%;
  opacity: 0; /* 0 = 100% 透明，1 = 0% 透明 */
}

.toast {
      /* 默认隐藏 */
      display: none;
      /* 固定居中 */
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      /* 样式美化 */
      padding: 2% 4%;
      background: rgba(0, 0, 0, 0.8); /* 半透明黑底 */
      color: #fff; /* 白色文字 */
      font-size: 14px;
      border-radius: 8px;
      z-index: 9999; /* 层级最高，不被遮挡 */
    }

/* 提示框显示状态 */
.toast.show {
  display: block;
  /* 可选：添加淡入动画 */
  animation: fadeIn 0.3s ease;
}