以洞察启迪创新,用价值赋能未来

rm-underline [data-form-id] .lookupFormFieldBlock label, .form-underline [data-form-id] .optionSetFormFieldBlock label.block-label, .form-underline [data-form-id] .multiOptionSetFormFieldBlock label.block-label, .form-underline [data-form-id] .twoOptionFormFieldBlock label.block-label { display: block !important; position: relative !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 0 4px 0 !important; overflow: visible !important; clip: auto !important; white-space: normal !important; font-family: "Din Pro", Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; color: rgb(236, 236, 236) !important; /* was rgb(19,19,19) */ line-height: 1.4 !important; } /* Required asterisk — hide */ .form-underline [data-form-id] .textFormFieldBlock label::after, .form-underline [data-form-id] .phoneFormFieldBlock label::after, .form-underline [data-form-id] .consentBlock label p:first-of-type::after { visibility: hidden !important; } /* Inputs — underline only */ .form-underline [data-form-id] .textFormFieldBlock input, .form-underline [data-form-id] .textFormFieldBlock textarea, .form-underline [data-form-id] .phoneFormFieldBlock input, .form-underline [data-form-id] .dateTimeFormFieldBlock input, .form-underline [data-form-id] .lookupFormFieldBlock input, .form-underline [data-form-id] .optionSetFormFieldBlock select, .form-underline [data-form-id] .marketingForm textarea { font-family: "Din Pro", Arial, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; color: rgb(236, 236, 236) !important; /* was rgb(19,19,19) */ background-color: transparent !important; border: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; /* was rgba(19,19,19,0.2) */ border-radius: 0 !important; padding: 10px 0 12px 0 !important; line-height: normal !important; outline: none !important; width: 100% !important; box-sizing: border-box !important; transition: border-color 0.2s ease !important; } .form-underline [data-form-id] .textFormFieldBlock input:focus, .form-underline [data-form-id] .textFormFieldBlock textarea:focus, .form-underline [data-form-id] .phoneFormFieldBlock input:focus { border-bottom-color: rgba(255, 255, 255, 0.55) !important; /* was rgba(19,19,19,0.5) */ } .form-underline [data-form-id] .textFormFieldBlock input::placeholder, .form-underline [data-form-id] .textFormFieldBlock textarea::placeholder, .form-underline [data-form-id] .phoneFormFieldBlock input::placeholder { color: rgba(255, 255, 255, 0.35) !important; /* was rgba(19,19,19,0.35) */ font-size: 16px !important; font-weight: 400 !important; font-family: "Din Pro", Arial, sans-serif !important; } /* 电话 field */ .form-underline [data-form-id] .phoneFormFieldBlock .phoneCountryCode { border: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; /* was rgba(19,19,19,0.2) */ border-radius: 0 !important; background: transparent !important; } .form-underline [data-form-id] .phoneFormFieldBlock .phoneCountryCodeLabel { background: transparent !important; color: rgba(255, 255, 255, 0.35) !important; /* was rgba(19,19,19,0.35) */ font-size: 16px !important; font-family: "Din Pro", Arial, sans-serif !important; } /* Field spacing */ .form-underline [data-form-id] .textFormFieldBlock, .form-underline [data-form-id] .phoneFormFieldBlock, .form-underline [data-form-id] .dateTimeFormFieldBlock, .form-underline [data-form-id] .optionSetFormFieldBlock, .form-underline [data-form-id] .multiOptionSetFormFieldBlock, .form-underline [data-form-id] .lookupFormFieldBlock, .form-underline [data-form-id] .twoOptionFormFieldBlock { padding: 8px 0 !important; gap: 0 !important; position: relative !important; } /* Side-by-side: first + last name */ .form-underline [data-form-id] .textFormFieldBlock[data-targetproperty="firstname"] { display: inline-block !important; width: calc(50% - 12px) !important; vertical-align: top !important; margin-right: 12px !important; } .form-underline [data-form-id] .textFormFieldBlock[data-targetproperty="lastname"] { display: inline-block !important; width: calc(50% - 12px) !important; vertical-align: top !important; margin-left: 12px !important; } /* Consent block */ .form-underline [data-form-id] .consentBlock { display: inline-flex !important; align-items: center !important; padding: 10px 0 !important; vertical-align: middle !important; width: auto !important; max-width: calc(100% - 140px) !important; } .form-underline [data-form-id] .consentBlock > div { gap: 10px !important; align-items: center !important; display: flex !important; } /* Light checkbox for dark bg */ .form-underline [data-form-id] .consentBlock div input[type="checkbox"] { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; background-color: transparent !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; /* was rgba(19,19,19,0.25) */ border-radius: 4px !important; cursor: pointer !important; flex-shrink: 0 !important; margin: 0 !important; position: relative !important; transition: border-color 0.2s ease, background-color 0.2s ease !important; } .form-underline [data-form-id] .consentBlock div input[type="checkbox"]:hover { border-color: rgba(255, 255, 255, 0.55) !important; /* was rgba(19,19,19,0.45) */ } .form-underline [data-form-id] .consentBlock div input[type="checkbox"]:checked { background-color: rgb(236, 236, 236) !important; /* was rgb(19,19,19) — white fill on dark bg */ border-color: rgb(236, 236, 236) !important; } .form-underline [data-form-id] .consentBlock div input[type="checkbox"]:checked::after { content: "" !important; position: absolute !important; top: 2px !important; left: 5px !important; width: 5px !important; height: 9px !important; border: solid rgb(19, 19, 19) !important; /* dark tick on light checkbox */ border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important; display: block !important; } .form-underline [data-form-id] .consentBlock label p:empty { display: none !important; } .form-underline [data-form-id] .consentBlock div label p, .form-underline [data-form-id] .consentBlock div label { font-family: "Din Pro", Arial, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; color: rgba(255, 255, 255, 0.5) !important; /* was #777 */ line-height: 1.4 !important; margin: 0 !important; padding: 0 !important; } .form-underline [data-form-id] .consentBlock div label a { color: rgb(236, 236, 236) !important; /* was rgb(19,19,19) */ text-decoration: underline !important; font-family: "Din Pro", Arial, sans-serif !important; } /* Privacy text */ .form-underline [data-form-id] div[data-editorblocktype="Text"] p, .form-underline [data-form-id] div[data-editorblocktype="Text"] span { font-family: "Din Pro", Arial, sans-serif !important; font-size: 13px !important; color: rgba(255, 255, 255, 0.5) !important; /* was #777 */ font-weight: 400 !important; text-align: left !important; } /* Submit button — full-width, outline style */ .form-underline [data-form-id] .submitButtonWrapper, .form-underline [data-form-id] div[data-editorblocktype="SubmitButton"] { display: block !important; padding: 16px 0 0 0 !important; margin: 0 !important; width: 100% !important; float: none !important; } .form-underline [data-form-id] .submitButton, .form-underline [data-form-id] button[type="submit"] { font-family: "Din Pro", Arial, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; color: rgb(236, 236, 236) !important; /* was rgb(19,19,19) */ background-color: transparent !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; /* was rgba(19,19,19,0.25) */ border-radius: 4px !important; padding: 12px 20px !important; width: 100% !important; max-width: 100% !important; height: auto !important; cursor: pointer !important; display: block !important; box-sizing: border-box !important; transition: background-color 0.2s ease, border-color 0.2s ease !important; white-space: nowrap !important; line-height: normal !important; text-align: center !important; } .form-underline [data-form-id] .submitButton:hover, .form-underline [data-form-id] button[type="submit"]:hover { background-color: rgba(255, 255, 255, 0.07) !important; /* was rgba(19,19,19,0.05) */ border-color: rgba(255, 255, 255, 0.45) !important; /* was rgba(19,19,19,0.45) */ } .form-underline [data-form-id] button[type="submit"] span { font-family: "Din Pro", Arial, sans-serif !important; font-size: 14px !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; color: rgb(236, 236, 236) !important; /* was rgb(19,19,19) */ } /* Hide copyright */ .form-underline [data-form-id] div[data-editorblocktype="SubmitButton"] ~ div[data-editorblocktype="Text"] { display: none !important; } /* Notifications */ .form-underline [data-form-id] .notification-message { border: 1px solid rgba(255, 255, 255, 0.15) !important; /* was rgba(19,19,19,0.15) */ border-radius: 4px !important; font-family: "Din Pro", Arial, sans-serif !important; color: rgb(236, 236, 236) !important; /* was rgb(19,19,19) */ } /* Global font */ .form-underline [data-form-id] .marketingForm, .form-underline [data-form-id] .marketingForm * { font-family: "Din Pro", Arial, sans-serif !important; }