/* Figma 风格背景 */
.div-wrapper {
  position: relative;
  width: 100%;
  min-width: 375px;
  min-height: 100vh; /* 原来的 812px 改成满屏 */
  overflow-y: auto;  /* 内容超高可以滚动 */
  background-color: #000;
}
      .div-wrapper .rectangle {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        backdrop-filter: blur(5px) brightness(100%);
        -webkit-backdrop-filter: blur(5px) brightness(100%);
        background-color: #000000;
      }

      /* 顶部导航栏 */
      .p_nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 0.9rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(to right, #333, #000);
        z-index: 999;
      }
      .p_nav .p_arrow {
        position: absolute;
        left: 0.3rem;
        top: 50%;
        width: 0.4rem;
        height: 0.4rem;
        transform: translateY(-50%);
        cursor: pointer;
      }
      .p_nav .p_nav-title {
        font-size: 0.36rem;
        line-height: 0.36rem;
        color: #efd780;
        font-weight: 500;
      }
/* 表单整体样式 */
.p_form-content {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;           /* 使用百分比代替固定像素 */
  max-width: 600px;     /* 最大宽度控制，不会无限拉伸 */
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

      /* 输入框容器 */
      .p_form-item {
        position: relative;
        width: 100%;
        height: 60px;
        border-radius: 12px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background-color: rgba(255, 255, 255, 0.05);
        display: flex;
        align-items: center;
  padding-left: 50px;
  padding-right: 15px;  /* 避免输入框紧贴右边 */
        font-size: 16px;
        color: #fff;
      }
      .p_form-item img {
        position: absolute;
        left: 15px;
        width: 20px;
        height: 20px;
      }
      .p_form-item input {
        flex: 1;
        font-size: 16px;
        border: none;
        background: none;
        color: #fff;
        outline: none;
      }
      .p_form-item input::placeholder {
        color: rgba(255, 255, 255, 0.3);
      }

      /* 输入框顶部标签 */
      .p_label {
        position: absolute;
        top: -18px;
        left: 15px;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.6);
      }

      /* 注册按钮 */
      .p_btn {
        width: 100%;
        height: 56px;
        border-radius: 100px;
        background: linear-gradient(135deg, #c0ff16, #a1c700);
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-weight: 500;
        color: #000;
        cursor: pointer;
      }
      .div-wrapper .group-2 {
        position: absolute;
        top: 51px; /* 和 Figma 一致 */
        left: 0;
        width: 100%;
        height: 60px;
      }

      .div-wrapper .text-wrapper-3 {
        position: absolute;
        top: 19px;
        left: 50%;
        transform: translateX(-50%);
        font-family: "PingFang SC-Regular", Helvetica;
        font-weight: 400;
        color: #ffffff;
        font-size: 18px;
        text-align: center;
        line-height: 22px;
        white-space: nowrap;
      }

      .div-wrapper .line-arrow-left {
        position: absolute;
        top: 18px;
        left: 20px;
        width: 24px;
        height: 24px;
        cursor: pointer;
      }

        .layui-layer-dialog .layui-layer-content {
    color: white;
  }