body{font-family:OpenSans-Regular,"Microsoft YaHei UI",-apple-system,Roboto,Helvetica,sans-serif;color:#333;background-color:#fff}.contact-banner{background:linear-gradient(90deg, #1A88FF 0%, #007BFF 50%, #1A88FF 100%);padding:60px 20px;text-align:center;color:#fff}.contact-banner h1{margin-bottom:30px;color:#fff;text-align:center;font-family:Poppins-regular,"Microsoft YaHei UI",sans-serif;font-size:40px;font-style:normal;font-weight:700;line-height:48px}.contact-banner p{font-size:18px;line-height:1.5}.contact-banner a{color:#fff;font-weight:bold;text-decoration:underline}.contact-container{position:relative;max-width:1200px;margin:60px auto;padding:0 20px}.section-title{font-size:36px;text-align:center;margin-bottom:40px}.contact-form-wrapper{border:1px solid #dcdfe6;border-radius:8px;padding:70px 306px 80px;max-width:1200px;margin:0 auto}.form-group{display:flex;align-items:flex-start;margin-bottom:30px}.form-label{width:140px;text-align:right;padding-right:20px;padding-top:10px;font-size:16px;flex-shrink:0;white-space:nowrap}.form-label .required{color:#f56c6c;margin-right:4px}.form-control{flex:1}.form-control input,.form-control textarea{width:100%;border:1px solid #dcdfe6;border-radius:4px;padding:12px 15px;font-size:14px;color:#333;outline:none;transition:border-color .2s}.form-control input:focus,.form-control textarea:focus{border-color:#007bff}.form-control input::placeholder,.form-control textarea::placeholder{color:#a8abb2}.form-control textarea{height:120px;resize:vertical}.form-control .form-field-error:empty{display:none;min-height:0;margin:0;padding:0}.form-control .form-field-error:not(:empty){display:block;margin-top:6px;padding:0;font-size:12px;font-weight:400;line-height:1.4;color:#f56c6c}.form-control.has-error input,.form-control.has-error textarea{border-color:#f56c6c}.form-control.has-error input:focus,.form-control.has-error textarea:focus{border-color:#f56c6c}.submit-btn-wrapper{padding-left:140px;margin-top:40px}.submit-btn{background:#007bff;color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:18px;cursor:pointer;font-family:inherit;transition:background-color .2s}.submit-btn:hover{background:#0056b3}.submit-btn:disabled{background:#a0cfff;cursor:not-allowed}.contact-tips{text-align:center;margin-top:40px;font-size:16px;color:#333}.contact-tips a{color:#4276ff;text-decoration:none}.contact-tips a:hover{text-decoration:underline}@media(max-width: 768px){.form-group{flex-direction:column}.form-label{width:100%;text-align:left;padding-bottom:8px;padding-top:0}.submit-btn-wrapper{padding-left:0;text-align:center}.contact-form-wrapper{padding:30px 20px}.contact-banner h1{font-size:32px}.section-title{font-size:28px}}.preview-success,.preview-fail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background-color:rgba(0,0,0,.5)}.alert-success{border-radius:7px;border:1px solid #e7e7e7;background:#fff;width:380px;height:208px;display:flex;align-items:center;gap:20px;justify-content:center;position:relative;flex-direction:column}.alert-fail{border-radius:7px;border:1px solid #e7e7e7;background:#fff;width:380px;height:208px;display:flex;align-items:center;gap:20px;justify-content:center;position:relative;flex-direction:column}.state{width:60px;height:60px}.text{color:#4d4d4d;text-align:center;font-family:OpenSans-Regular,"Microsoft YaHei UI",sans-serif;font-size:16px;font-weight:700;margin:0}.cancel{position:absolute;top:10px;right:10px;width:10px;height:10px;cursor:pointer}