/* ===== 浏览器统一适配 =====
   用于所有页面的跨浏览器一致性 */

/* 1. 字体渲染统一（macOS 上 Chrome/Safari vs Firefox 差异最大） */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 2. 表单元素去除原生样式（统一 select/button/input 在各浏览器下的渲染） */
input, select, textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* 3. Firefox 按钮内部多余空间 */
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* 4. 毛玻璃效果兼容 Safari/旧版 Chrome */
.blur-bg {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}