.elementor-7206 .elementor-element.elementor-element-5021a52{--display:flex;--background-transition:0.3s;}.elementor-7206 .elementor-element.elementor-element-5021a52:not(.elementor-motion-effects-element-type-background), .elementor-7206 .elementor-element.elementor-element-5021a52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7F9;}.elementor-7206 .elementor-element.elementor-element-5021a52, .elementor-7206 .elementor-element.elementor-element-5021a52::before{--border-transition:0.3s;}/* Start custom CSS for html, class: .elementor-element-659b333 *//* --- 注册页面全局容器样式 --- */
.registration-form-container {
    padding: 60px 20px;
    background-color: #F6F7F9; /* 模仿图片中柔和的浅灰色背景 */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
}

/* 注册表单包裹器，控制宽度 */
.registration-form-wrapper {
    width: 100%;
    max-width: 500px;
}

/* 标题样式：Register */
.form-title {
    font-family: serif; /* 模仿图片中的衬线体 */
    font-size: 40px;
    font-weight: 500;
    color: #111;
    margin-bottom: 30px;
    text-align: left;
}

/* 副标题样式：Please fill in the information below: */
.form-subtitle {
    font-family: sans-serif; /* 模仿图片中的无衬线体 */
    font-size: 16px;
    color: #555;
    margin-bottom: 25px;
    text-align: left;
}

/* --- 表单字段样式 --- */
.form-field {
    margin-bottom: 20px;
    text-align: left;
}

/* 标签样式：First Name, Last Name, Email, Password */
.form-field label {
    display: block;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #000;
    margin-bottom: 10px;
}

/* 输入框样式 */
.form-field input {
    width: 100%;
    height: 50px;
    padding: 10px 15px;
    background-color: #fff;
    border: 1px solid #E1E6EB; /* 模仿图片中的浅灰色边框 */
    border-radius: 4px;
    font-size: 16px;
    transition: border-color 0.2s;
    box-sizing: border-box; /* 确保 padding 不会增加宽度 */
}

/* 输入框聚焦时的样式 */
.form-field input:focus {
    border-color: #000;
    outline: none;
}

/* 密码输入框的特殊处理，因为有图标 */
.password-field {
    position: relative;
}

/* 模拟图片中的密码可见性切换图标 */
.password-toggle-icon {
    position: absolute;
    right: 15px;
    bottom: 15px;
    color: #888;
    cursor: pointer;
    font-size: 16px;
}

/* --- 订阅复选框样式 --- */
.form-subscription {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    text-align: left;
}

.form-subscription input[type="checkbox"] {
    margin-right: 10px;
    width: 18px;
    height: 18px;
    accent-color: #1a2a3c; /* 模仿图片中的复选框颜色 */
    cursor: pointer;
}

.form-subscription label {
    font-family: sans-serif;
    font-size: 14px;
    color: #555;
    cursor: pointer;
}

/* --- 注册按钮样式 --- */
.submit-button {
    width: 100%;
    height: 55px;
    background-color: #1a2a3c; /* 模仿图片中深海蓝色 */
    color: #fff;
    border: none;
    border-radius: 4px;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s;
    margin-bottom: 20px;
}

/* 按钮悬停样式 */
.submit-button:hover {
    background-color: #111f2d;
}

/* --- 表单底部链接样式 --- */
.form-footer {
    font-family: sans-serif;
    font-size: 14px;
    color: #555;
    text-align: left;
}

.form-footer a {
    color: #1a2a3c;
    text-decoration: none;
    font-weight: bold;
}

.form-footer a:hover {
    text-decoration: underline;
}

/* 确保输入框容器相对定位 */
.input-wrapper {
    position: relative;
    width: 100%;
}

/* 眼睛图标样式 */
.password-toggle {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-style: normal;
    user-select: none;
    font-size: 18px;
    color: #888;
    display: flex;
    align-items: center;
}

.password-toggle:hover {
    color: #000;
}

.input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.eye-icon {
    position: absolute;
    right: 15px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 睁眼状态 (Emoji 或自定义字符) */
.eye-icon.visible-eye::before {
    content: "👁️";
    font-size: 18px;
}

/* 闭眼状态 */
.eye-icon.hidden-eye::before {
    content: "🙈"; /* 或者使用 👁️‍🗨️ */
    font-size: 18px;
}

/* 确保输入框右侧留出图标位置 */
.password-field input {
    padding-right: 45px !important;
}/* End custom CSS */