/* ============ 登录/注册页样式 ============ */
.PeteHeroBg {
  height: 0.76rem;
  width: 1.7rem;
  position: absolute;
  right: 0;
  top: 0.5rem;
  cursor: pointer;
}
.PeteFormCard {
  width: 88%;
  margin: -0.3rem auto 0;
  padding: 1.5rem 0.46rem 0.34rem;
  border-radius: 0.2rem;
  background: url("../images/zc/kuang1.png") 0 0 / 100% auto no-repeat;
}
.PeteFormItem {
  display: flex;
  align-items: center;
  gap: 0.14rem;
  height: 0.82rem;
  padding: 0.2rem;
  margin-bottom: 0.16rem;
  background: url("../images/zc/shuru.png") 0 0 / 100% auto no-repeat;
}
.PeteFormIcon {
  width: 0.45rem;
  height: 0.5rem;
  flex-shrink: 0;
  object-fit: contain;
}
.PeteFormInput {
  flex: 1;
  width: 100%;
  min-width: 0;
  line-height: 0.72rem;
  font-size: 0.24rem;
  color: #f5e6c8;
}
.PeteFormInput::placeholder { color: #9ea1bc; font-size: 0.22rem; }
.PeteFormEye {
  width: 0.4rem;
  height: 0.4rem;
  flex-shrink: 0;
  object-fit: contain;
  cursor: pointer;
}
.PeteFormEye.yincang { opacity: 0.5; }
.PeteSubmitBtn {
  width: 100%;
  line-height: 0.9rem;
  border-radius: 0.24rem;
  font-size: 0.3rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.06rem;
  color: #fefefe;
  background: url("../images/zc/dneglu.png") 0 0 / 100% auto no-repeat;
  cursor: pointer;
  transition: opacity 0.15s;
}
.PeteSubmitBtn:active { opacity: 0.85; }
.PeteFooter {
  width: 88%;
  margin: 0.2rem auto 0;
  text-align: center;
  cursor: pointer;
}
.foo {
  margin-top: 0.3rem;
  text-align: center;
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.44rem;
  color: #fff;
  padding-bottom: 0.2rem;
}
.foo span {
  color: #ff7100;
  border-bottom: 1px solid #ff7100;
  cursor: pointer;
}

.login-page .PeteWrap {
  padding-top: 4.6rem;
}

/* 登录卡片：标题与表单同一套宽度和间距，不再压在固定背景图里 */
.login-page .PeteFormCard {
  display: flex;
  flex-direction: column;
  width: 86%;
  margin: 0 auto;
  padding: 0.48rem 0.4rem 0.44rem;
  border: 1px solid rgba(126, 214, 255, 0.72);
  border-radius: 0.18rem;
  background: linear-gradient(180deg, rgba(8, 30, 72, 0.9), rgba(4, 14, 40, 0.92));
  box-shadow: inset 0 0 0 1px rgba(90, 180, 255, 0.16), 0 0.12rem 0.36rem rgba(0, 0, 0, 0.28);
}
.login-page .PeteFormHead {
  margin-bottom: 0.4rem;
  text-align: center;
}
.login-page .PeteFormHead h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.18rem;
  font-size: 0.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08rem;
}
.login-page .PeteFormHead h1::before,
.login-page .PeteFormHead h1::after {
  content: "";
  width: 0.52rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, #7adfff);
}
.login-page .PeteFormHead h1::after {
  background: linear-gradient(90deg, #7adfff, transparent);
}
.login-page .PeteFormHead p {
  margin-top: 0.14rem;
  color: rgba(214, 230, 255, 0.88);
  font-size: 0.24rem;
  letter-spacing: 0.04rem;
}
.login-page .PeteFormItem {
  height: 0.96rem;
  margin-bottom: 0.24rem;
  padding: 0 0.22rem;
  border: 1px solid rgba(140, 196, 230, 0.42);
  border-radius: 0.14rem;
  background: rgba(5, 20, 48, 0.72);
}
.login-page .PeteFormIcon,
.login-page .PeteFormEye {
  width: 0.4rem;
  height: 0.4rem;
}
.login-page .PeteSubmitBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.96rem;
  margin-top: 0.08rem;
  padding: 0 0.56rem;
  line-height: 1;
  border: 1px solid rgba(150, 220, 255, 0.85);
  border-radius: 999px;
  background: linear-gradient(110deg, #1d62f5, #0a6ecf);
  box-shadow: 0 0.08rem 0.22rem rgba(10, 70, 180, 0.35);
}
.login-page .PeteSubmitBtn::after {
  content: "";
  position: absolute;
  right: 0.28rem;
  top: 50%;
  width: 0.14rem;
  height: 0.14rem;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}
.login-page .foo {
  margin-top: 0.36rem;
  padding-bottom: 0;
  font-size: 0.28rem;
}

.register-page .PeteWrap {
  padding-top: 3.7rem;
  padding-bottom: 0.4rem;
}
.register-page .PeteFormCard {
  display: flex;
  flex-direction: column;
  width: 86%;
  margin: 0 auto;
  padding: 0.36rem 0.36rem 0.32rem;
  border: 1px solid rgba(126, 214, 255, 0.72);
  border-radius: 0.18rem;
  background: linear-gradient(180deg, rgba(8, 30, 72, 0.9), rgba(4, 14, 40, 0.92));
  box-shadow: inset 0 0 0 1px rgba(90, 180, 255, 0.16), 0 0.12rem 0.36rem rgba(0, 0, 0, 0.28);
}
.register-page .PeteFormHead {
  margin-bottom: 0.26rem;
  text-align: center;
}
.register-page .PeteFormHead h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.18rem;
  font-size: 0.38rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08rem;
}
.register-page .PeteFormHead h1::before,
.register-page .PeteFormHead h1::after {
  content: "";
  width: 0.52rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, #7adfff);
}
.register-page .PeteFormHead h1::after {
  background: linear-gradient(90deg, #7adfff, transparent);
}
.register-page .PeteFormHead p {
  margin-top: 0.1rem;
  color: rgba(214, 230, 255, 0.88);
  font-size: 0.22rem;
  letter-spacing: 0.04rem;
}
.register-page .PeteFormItem {
  height: 0.84rem;
  margin-bottom: 0.16rem;
  padding: 0 0.2rem;
  border: 1px solid rgba(140, 196, 230, 0.42);
  border-radius: 0.14rem;
  background: rgba(5, 20, 48, 0.72);
}
.register-page .PeteFormIcon,
.register-page .PeteFormEye {
  width: 0.36rem;
  height: 0.36rem;
}
.register-page .PeteFormInput::placeholder { font-size: 0.22rem; }
.register-page .PeteSubmitBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.88rem;
  margin-top: 0.04rem;
  padding: 0 0.56rem;
  line-height: 1;
  border: 1px solid rgba(150, 220, 255, 0.85);
  border-radius: 999px;
  background: linear-gradient(110deg, #1d62f5, #0a6ecf);
  box-shadow: 0 0.08rem 0.22rem rgba(10, 70, 180, 0.35);
}
.register-page .PeteSubmitBtn::after {
  content: "";
  position: absolute;
  right: 0.28rem;
  top: 50%;
  width: 0.14rem;
  height: 0.14rem;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}
.register-page .foo {
  margin-top: 0.24rem;
  padding-bottom: 0;
  font-size: 0.26rem;
}