/* 修复样式 */

/* 修复Safari浏览器中联系弹窗输入框的多余线条问题 */ @media not all and (min-resolution:.001dpcm)   {

    @supports (-webkit-appearance:none)   {

        /* Safari专用修复 - 联系弹窗输入框 */ .contact-modal .form-group input,
        .contact-modal .form-group textarea  {
            border: none !important;
            border-bottom: none !important;
            outline: none !important;
            -webkit-appearance: none !important;
            -moz-appearance: none !important;
            appearance: none !important;
            /* 使用box-shadow替代border-bottom，避免双线问题 */ box-shadow: 0 1px 0 rgba(216, 216, 216, 0.8);

        }
        .contact-modal .form-group input:focus,
        .contact-modal .form-group textarea:focus  {
            box-shadow: 0 1px 0 #4B92E8;

        }
        /* 确保表单线条不重叠 */ .contact-modal .form-line  {
            border-top-color: transparent !important;

        }
        /* 需求概述文本域特殊处理 */ .contact-modal .form-group.full-width:nth-of-type(3) textarea  {
            box-shadow: none;
            border-bottom: 1px solid #D8D8D8 !important;

        }
        .contact-modal .form-group.full-width:nth-of-type(3) textarea:focus  {
            border-bottom: 1px solid #4B92E8 !important;

        }

    }

}
/* 老版本Safari兼容 */ @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)   {

    /* Safari专用修复 - 联系弹窗输入框 */ .contact-modal .form-group input,
    .contact-modal .form-group textarea  {
        border: none !important;
        border-bottom: none !important;
        outline: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        box-shadow: 0 1px 0 rgba(216, 216, 216, 0.8);

    }
    .contact-modal .form-group input:focus,
    .contact-modal .form-group textarea:focus  {
        box-shadow: 0 1px 0 #4B92E8;

    }
    .contact-modal .form-line  {
        border-top-color: transparent !important;

    }
    .contact-modal .form-group.full-width:nth-of-type(3) textarea  {
        box-shadow: none;
        border-bottom: 1px solid #D8D8D8 !important;

    }
    .contact-modal .form-group.full-width:nth-of-type(3) textarea:focus  {
        border-bottom: 1px solid #4B92E8 !important;

    }

}
/* 通用Safari浏览器修复 */ .safari-browser .contact-modal .form-group input,
.safari-browser .contact-modal .form-group textarea  {
    border: none !important;
    border-bottom: none !important;
    outline: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    box-shadow: 0 1px 0 rgba(216, 216, 216, 0.8) !important;

}
.safari-browser .contact-modal .form-group input:focus,
.safari-browser .contact-modal .form-group textarea:focus  {
    box-shadow: 0 1px 0 #4B92E8 !important;

}
.safari-browser .contact-modal .form-line  {
    border-top-color: transparent !important;

}
.safari-browser .contact-modal .form-group.full-width:nth-of-type(3) textarea  {
    box-shadow: none !important;
    border-bottom: 1px solid #D8D8D8 !important;

}
.safari-browser .contact-modal .form-group.full-width:nth-of-type(3) textarea:focus  {
    border-bottom: 1px solid #4B92E8 !important;

}
/* 极老版本Safari特殊修复 */ @media screen and (-webkit-min-device-pixel-ratio:0)   {

    /* 极老版本Safari输入框修复 */ .contact-modal .form-group input[type="text"],
    .contact-modal .form-group input[type="tel"],
    .contact-modal .form-group input[type="email"],
    .contact-modal .form-group textarea  {
        -webkit-appearance: none !important;
        appearance: none !important;
        border-radius: 0 !important;
        border: none !important;
        border-bottom: none !important;
        background-image: none !important;
        background-color: transparent !important;

    }
    /* 防止自动填充时的背景颜色影响 */ .contact-modal .form-group input:-webkit-autofill,
    .contact-modal .form-group textarea:-webkit-autofill  {
        -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
        -webkit-text-fill-color: inherit !important;

    }

}
/* 确保所有Safari版本通用修复 */ .contact-modal input,
.contact-modal textarea  {
    -webkit-appearance: none !important;
    appearance: none !important;

}
/* 老版本Safari特殊修复 */ .old-safari-browser .contact-modal .form-group input,
.old-safari-browser .contact-modal .form-group textarea  {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: none !important;
    outline: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;

}
.old-safari-browser .contact-modal .form-line  {
    display: block !important;
    position: relative !important;
    border-top: 1px solid rgba(216, 216, 216, 0.8) !important;
    margin-top: -1px !important;
    z-index: 1 !important;

}
.old-safari-browser .contact-modal .form-group input:focus ~ .form-line,
.old-safari-browser .contact-modal .form-group textarea:focus ~ .form-line  {
    border-top: 1px solid #4B92E8 !important;

}
/* 确保老版本Safari下自动填充的输入框保持样式 */ .old-safari-browser .contact-modal .form-group input:-webkit-autofill,
.old-safari-browser .contact-modal .form-group input:-webkit-autofill:hover,
.old-safari-browser .contact-modal .form-group input:-webkit-autofill:focus,
.old-safari-browser .contact-modal .form-group textarea:-webkit-autofill  {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #2F2F2F !important;
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s !important;

}
/* 老版本Safari文本域特殊处理 */ .old-safari-browser .contact-modal .form-group.full-width:nth-of-type(3) textarea  {
    border: none !important;
    border-bottom: none !important;

}
.old-safari-browser .contact-modal .form-group.full-width:nth-of-type(3) .form-line  {
    display: block !important;
    position: relative !important;
    border-top: 1px solid rgba(216, 216, 216, 0.8) !important;

}
.old-safari-browser .contact-modal .form-group.full-width:nth-of-type(3) textarea:focus ~ .form-line  {
    border-top: 1px solid #4B92E8 !important;

}
/* 修复Safari浏览器中联系弹窗输入框文本颜色问题 */ @media not all and (min-resolution:.001dpcm)   {

    @supports (-webkit-appearance:none)   {

        /* Safari专用修复 - 联系弹窗输入框 */ .contact-modal .form-group input,
        .contact-modal .form-group textarea  {
            -webkit-text-fill-color: #4B92E8 !important;
            color: #4B92E8 !important;

        }


    }

}
/* 老版本Safari输入框文本颜色修复 */ .safari-browser .contact-modal .form-group input,
.safari-browser .contact-modal .form-group textarea,
.old-safari-browser .contact-modal .form-group input,
.old-safari-browser .contact-modal .form-group textarea  {
    -webkit-text-fill-color: #4B92E8 !important;
    color: #4B92E8 !important;

}

