/* 
 * 修复Chrome浏览器自动填充样式问题
 * 这些样式会覆盖Chrome浏览器自动填充时的黄色背景
 */

/* 修复Chrome浏览器自动填充时的黄色背景 */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: inherit !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* 确保自动填充的输入框边框颜色保持一致 */
input:-webkit-autofill {
    border-color: #e0e0e0 !important;
}

/* 确保自动填充的输入框在获得焦点时边框颜色正确 */
input:-webkit-autofill:focus {
    border-color: #2196f3 !important;
}