/* ========================================
   基础重置
   ======================================== */
a,
p,
h2 {color: #fff;}

/* ========================================
   布局容器
   ======================================== */
.vps_banner .opt_in_content {max-width: 850px;width: 100%;margin: 70px auto;border-radius: 8px 8px 0 0;background: #FFF;}

.vps_banner .opt_in_content .inner {padding: 40px 56px;position: relative;}
.vps_banner .opt_in_content .close_btn {position: absolute;top: -25px;right: -25px;cursor: pointer;}

/* ========================================
   标题区域
   ======================================== */
.vps_banner .content_title {border-bottom: 1px solid #F4F4F4;padding-bottom: 16px;margin-bottom: 16px;}
.vps_banner .content_title h1 {color: #11140F;font-size: 32px;font-weight: 600;line-height: 1.18;margin-bottom: 16px;}
.vps_banner .content_title p {color: #60625F;font-size: 14px;font-weight: 350;line-height: 1.42;margin-bottom: 0;}

/* ========================================
   Gravity Forms 表单基础样式
   ======================================== */
.vps_banner .gform_legacy_markup_wrapper {margin-bottom: 0;margin-top: 0;}
.vps_banner .gform_legacy_markup_wrapper .gform_body {margin-bottom: 32px;}
.vps_banner .gform_legacy_markup_wrapper ul.gform_fields {display: flex;flex-wrap: wrap;align-items: center;row-gap: 24px;}
body .vps_banner .gform_legacy_markup_wrapper ul li.gfield {max-width: 345px;width: 100%;margin: 0;padding: 0;}
.vps_banner #field_52_1,
.vps_banner #field_52_6,
.vps_banner #field_52_7 {max-width: 100%;width: 100%;}

/* 表单标签 */
.vps_banner .gform_legacy_markup_wrapper label.gfield_label,
.vps_banner .gform_legacy_markup_wrapper legend.gfield_label {color: #11140F;font-size: 14px;font-weight: 500;line-height: 1.3;}
.vps_banner .gform_legacy_markup_wrapper .gfield_required {color: #9AD107;}

/* 表单输入框 */
.vps_banner #input_52_8,
.vps_banner #input_52_10,
.vps_banner #input_52_3,
.vps_banner #input_52_4,
.vps_banner #input_52_11,
.vps_banner #input_52_5 {max-width: 345px;width: 100%;margin: 0;border-radius: 6px;border: 1px solid #E5E5E4;height: 40px;padding: 9px 12px;color: #11140F;font-size: 16px;font-weight: 350;line-height: 1.4;}
.vps_banner #input_52_8::-webkit-input-placeholder,
.vps_banner #input_52_10::-webkit-input-placeholder,
.vps_banner #input_52_3::-webkit-input-placeholder,
.vps_banner #input_52_4::-webkit-input-placeholder,
.vps_banner #input_52_11::-webkit-input-placeholder,
.vps_banner #input_52_5::-webkit-input-placeholder {color: #B0B1AF;font-size: 16px;}

/* 下拉选择框 */
.vps_banner .ginput_container_select {position: relative;}
.vps_banner .ginput_container_select::before {content: "";background-image: url(/wp-content/themes/ultimarkets_wp/images/popup_vps_form_shape.svg);background-repeat: no-repeat;background-position: center center;width: 14px;height: 8px;display: block;position: absolute;top: 16px;right: 12px;z-index: 9;}
.vps_banner #input_52_11 {outline-style: none;-webkit-appearance: none;text-indent: 0;cursor: pointer;}

/* 日期选择框 */
.vps_banner #field_52_4 .ginput_container.ginput_container_date {position: relative;justify-content: center;}
.vps_banner #field_52_4 .ginput_container.ginput_container_date::after {content: "";background-image: url(/wp-content/themes/ultimarkets_wp/images/popup_vps_form_calendar_target.webp);background-repeat: no-repeat;background-position-y: center;background-position-x: center;width: 22px;height: 22px;display: block;position: absolute;top: 8px;right: 12px;z-index: 9;}

/* 交易账户提示 */
.vps_banner #field_52_3 .ginput_container.ginput_container_text {position: relative;}
.vps_banner #field_52_3 .ginput_container.ginput_container_text .account_hover {position: absolute;background: rgba(0, 0, 0, 0.8);color: #fff;width: 246px;text-align: center;top: -80px;right: -8px;padding: 10px;border-radius: 10px;display: none;}
.vps_banner #field_52_3 .ginput_container.ginput_container_text .account_what {position: absolute;top: 10px;right: 12px;}

/* ========================================
   文件上传区域
   ======================================== */
.vps_banner .gform_legacy_markup_wrapper .gform_fileupload_multifile .gform_drop_area {display: flex;padding: 32px 12px;flex-direction: column;justify-content: center;align-items: center;gap: 24px;align-self: stretch;border-radius: 6px;border: 1px solid #E5E5E4;background: #FFF;margin: 0;}
.vps_banner .gform_drop_instructions p {color: #11140F;text-align: center;font-size: 18px;font-weight: 350;line-height: 1.4;margin: 8px 0 4px;}
.vps_banner .gform_drop_instructions span {color: #B0B1AF;text-align: center;font-size: 14px;font-weight: 350;line-height: 1.4;}
.vps_banner .gform_legacy_markup_wrapper span.gform_drop_instructions {margin: 0;}
.vps_banner #gform_drag_drop_area_52_1 #gform_browse_button_52_1 {padding: 10px 20px;border-radius: 6px;border: 1px solid #E5E5E4;background: #FFF;}
.vps_banner #gform_browse_button_52_1,
.vps_banner #choice_52_6_1,
.vps_banner #choice_52_7_1 {cursor: pointer;}

/* 上传文件展示 */
.vps_banner .vps_form_file {display: flex;align-items: center;}
.vps_banner .vps_form_file .file_content {margin-left: 12px;text-align: left;}
.vps_banner .vps_form_file .file_content .file_name {color: #11140F;font-size: 18px;font-weight: 350;line-height: 1.4;margin-bottom: 6px;}
.vps_banner .vps_form_file .file_content .file_kb {color: #B0B1AF;font-size: 14px;font-weight: 350;line-height: 1.4;}
.vps_banner .vps_form_file .file_content img {margin: 0 4px;}
.vps_banner .vps_form_file .file_content .file_completed {color: #11140F;font-size: 14px;font-weight: 350;line-height: 1.4;}
.vps_banner .vps_form_calendar_trash {position: absolute;right: 16px;top: 16px;z-index: 999;display: none;cursor: pointer;}
.vps_banner #gfield_upload_rules_52_1,
.vps_banner #gform_multifile_messages_52_1,
.vps_banner #gform_preview_52_1 {display: none;}

/* ========================================
   复选框样式
   ======================================== */
body .vps_banner .gform_legacy_markup_wrapper ul li.field_description_below div.ginput_container_checkbox,
body .vps_banner .gform_legacy_markup_wrapper ul li.field_description_below div.ginput_container_radio {margin-top: 0;}
.vps_banner .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input,
.vps_banner .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
.vps_banner .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {margin-top: 0;width: 24px;height: 24px;border-radius: 4px;border: 1px solid #E5E5E4;background: #FFF;}
.vps_banner .gform_legacy_markup_wrapper .gfield_checkbox li label,
.vps_banner .gform_legacy_markup_wrapper .gfield_checkbox li label a {color: #11140F;font-size: 16px;font-weight: 350;line-height: 1.3;}
.vps_banner .gform_legacy_markup_wrapper .gfield_checkbox li label a {text-decoration: underline;}
.vps_banner .gform_legacy_markup_wrapper ul.gfield_checkbox li,
.vps_banner .gform_legacy_markup_wrapper ul.gfield_radio li {margin: 0 !important;}
.vps_banner .gform_legacy_markup_wrapper ul.gfield_checkbox,
.vps_banner .gform_legacy_markup_wrapper ul.gfield_radio {margin: 0;}
.vps_banner .gform_legacy_markup_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label a {font-weight: 700;}

/* ========================================
   提交按钮
   ======================================== */
.vps_banner #gform_submit_button_52 {height: 0;width: 0;overflow: hidden;border: none;margin: 0;background-color: #000;border-radius: 0;color: #000;}
.vps_banner .gform_legacy_markup_wrapper .gform_footer {padding: 0;margin: 0;width: 0;height: 0;overflow: hidden;}
.vps_banner .step02 .step02_btn {cursor: pointer;max-width: 706px;width: 100%;height: 50px;display: flex;padding: 16px 24px;justify-content: center;align-items: center;gap: 8px;align-self: stretch;border-radius: 6px;background: #BDFF08;color: #11140F;font-size: 16px;font-weight: 500;line-height: 1.125;}

/* ========================================
   表单滚动区域
   ======================================== */
.vps_banner .step02 {max-height: 68vh;overflow-y: auto;scrollbar-width: thin;width: 100%;}
.vps_banner .vps_form {position: relative;}

/* ========================================
   错误提示样式
   ======================================== */
/* 隐藏 Gravity Forms 默认错误 */
.vps_banner .gform_legacy_markup_wrapper div.validation_error {display: none !important;}
.vps_banner .gform_legacy_markup_wrapper li.gfield.gfield_error,
.vps_banner .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background-color: transparent !important;margin-bottom: 0 !important;border-top: none !important;border-bottom: none !important;}
.vps_banner .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {display: none !important;}

/* 自定义错误状态 */
.vps_banner .gform_legacy_markup_wrapper .field-error .gfield_label,
.vps_banner .gform_legacy_markup_wrapper .gfield_error .gfield_label {color: red !important;}
.vps_banner .gform_legacy_markup_wrapper .field-error input,
.vps_banner .gform_legacy_markup_wrapper .field-error select,
.vps_banner .gform_legacy_markup_wrapper .field-error textarea,
.vps_banner .gform_legacy_markup_wrapper .gfield_error input,
.vps_banner .gform_legacy_markup_wrapper .gfield_error select,
.vps_banner .gform_legacy_markup_wrapper .gfield_error textarea {border-color: red !important;background-color: #FFF5F5 !important;}

.vps_banner .gform_legacy_markup_wrapper .field-error .gform_drop_area,
.vps_banner .gform_legacy_markup_wrapper .gfield_error .gform_drop_area {border-color: red !important;background-color: #FFF5F5 !important;}

/* 正常状态 */
.vps_banner .gform_legacy_markup_wrapper .field-success .gfield_label {color: #11140F !important;}
.vps_banner .gform_legacy_markup_wrapper .field-success input,
.vps_banner .gform_legacy_markup_wrapper .field-success select,
.vps_banner .gform_legacy_markup_wrapper .field-success textarea {border-color: #E5E5E4 !important;background-color: #FFF !important;}

/* 复选框错误提示 */
.vps_banner .vps_form .checkedbox {position: relative;min-height: 20px;}
.vps_banner .vps_form .checkedbox p {color: red;font-size: 12px;position: absolute;display: none;bottom: 20px;left: 0;margin: 0;white-space: nowrap;}
.vps_banner .vps_form .checkedbox.error p {display: block;}
.vps_banner .gform_legacy_markup_wrapper .checkedbox.error input[type="checkbox"],
.vps_banner .gform_legacy_markup_wrapper .checkedbox.error input[type="radio"] {border-color: red !important;outline: 1px solid red !important;}

/* ========================================
   成功提交页面
   ======================================== */
.vps_banner .step03 {padding: 0;display: none;}
.vps_banner .step03::after {content: "";background-image: url(/wp-content/themes/ultimarkets_wp/images/popup_vps_form_success_right.webp);background-repeat: no-repeat;background-position-y: center;background-position-x: center;width: 183px;height: 184px;display: block;position: absolute;bottom: 0;right: 0;z-index: 9;}
.vps_banner .step03::before {content: "";background-image: url(/wp-content/themes/ultimarkets_wp/images/popup_vps_form_success_left.webp);background-repeat: no-repeat;background-position-y: center;background-position-x: center;width: 160px;height: 160px;display: block;position: absolute;top: 0;left: 0;z-index: 9;}
.vps_banner .step03 img {margin-bottom: 24px;}
.vps_banner .step03 h2 {color: #11140F;text-align: center;font-size: 32px;font-weight: 600;line-height: 1.6;margin-bottom: 16px;}
.vps_banner .step03 p {color: #9A9B9A;text-align: center;font-size: 16px;font-weight: 350;line-height: 1.375;margin-bottom: 24px;}
.vps_banner .step03 a {display: flex;max-width: 95px;width: 100%;margin: 0 auto;height: 38px;padding: 10px 20px;justify-content: center;align-items: center;border-radius: 6px;border: 1px solid #D9D9D9;background: #FFF;color: #11140F;text-align: center;font-size: 14px;font-weight: 500;line-height: 1.28;}

@media only screen and (min-width: 641px) {
	.vps_banner .gform_wrapper .top_label li ul.gfield_checkbox,.vps_banner .gform_wrapper .top_label li ul.gfield_radio {width: 100%;}
	.vps_banner .gform_legacy_markup_wrapper ul.gform_fields li.gfield {padding-right: 16px;}
}

@media (max-width: 1024px) {
	.vps_banner .opt_in_content {max-width: 626px;}
	.vps_banner .opt_in_content .inner {padding: 30px 40px;}
	.vps_banner .content_title h1 {font-size: 28px;}
	body .vps_banner .gform_legacy_markup_wrapper ul li.gfield {max-width: 100%;}
	.vps_banner #input_52_8,.vps_banner #input_52_10,.vps_banner #input_52_3,.vps_banner #input_52_4,.vps_banner #input_52_11,.vps_banner #input_52_5 {max-width: 100%;}
	.vps_banner .gform_legacy_markup_wrapper .gform_fileupload_multifile .gform_drop_area {padding: 20px 10px;gap: 12px;}
	.vps_banner .gform_drop_instructions p,.vps_banner .gform_legacy_markup_wrapper .gfield_checkbox li label,.vps_banner .gform_legacy_markup_wrapper .gfield_checkbox li label a {font-size: 14px;}
	.vps_banner .gform_drop_instructions span {font-size: 12px;}
	.vps_banner .opt_in_content .close_btn {top: -16px;right: -16px;max-width: 30px;}
}

@media (max-width: 480px) {
	.vps_banner .opt_in_content .inner {padding: 20px;}
	.vps_banner .gform_legacy_markup_wrapper .gform_body {margin-bottom: 50px;}
	.vps_banner .gform_legacy_markup_wrapper ul.gform_fields {row-gap: 10px;}
	.vps_banner .content_title {padding-bottom: 10px;margin-bottom: 10px;}
	.vps_banner .content_title h1 {font-size: 24px;margin-bottom: 10px;}
	.vps_banner .gform_legacy_markup_wrapper .gform_fileupload_multifile .gform_drop_area {padding: 10px 10px;gap: 10px;}
	.vps_banner .gform_legacy_markup_wrapper .ginput_container span:not(.ginput_price) {margin-bottom: 0;}
	.vps_banner #input_52_8,.vps_banner #input_52_10,.vps_banner #input_52_3,.vps_banner #input_52_4,.vps_banner #input_52_11,.vps_banner #input_52_5 {font-size: 14px;}
	.vps_banner #input_52_8::-webkit-input-placeholder,.vps_banner #input_52_10::-webkit-input-placeholder,.vps_banner #input_52_3::-webkit-input-placeholder,.vps_banner #input_52_4::-webkit-input-placeholder,.vps_banner #input_52_11::-webkit-input-placeholder,.vps_banner #input_52_5::-webkit-input-placeholder {font-size: 14px;}
	.vps_banner #field_52_3 .ginput_container.ginput_container_text .account_hover {font-size: 12px;top: -65px;right: 0;padding: 6px;border-radius: 4px;}
	.vps_banner .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input,.vps_banner .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],.vps_banner .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {width: 16px;height: 16px;}
	.vps_banner .vps_form .checkedbox p {font-size: 11px;bottom: -18px;}
	.vps_banner .gform_legacy_markup_wrapper .field-error input,.vps_banner .gform_legacy_markup_wrapper .gfield_error input {font-size: 14px;}
}

@media (max-width: 380px) {
	.vps_banner .content_title p {font-size: 12px;}
	.vps_banner .opt_in_content .close_btn {top: 0;right: 0;}
}