三国志9高难度优化伴侣

网站前端样式错乱，与设计图不符

1. 检查 CSS 选择器优先级，避免样式覆盖；2. 修复浏览器兼容性问题，添加前缀适配不同内核；3. 确保 HTML 结构与 CSS 选择器匹配，无结构变更；4. 清除浏览器缓存，测试最新样式

网站 API 网关路由失败

1. 检查网关服务（如 Spring Cloud Gateway）是否正常运行；2. 核实路由配置是否正确，路径是否匹配；3. 修复网关过滤器逻辑，避免拦截正常请求；4. 查看网关日志，排查错误原因

网站图片加载完成后出现白边或边框

1. 检查图片元素的 CSS 样式，是否存在默认 border 或 padding；2. 修复图片容器的 overflow 属性，避免内容溢出产生白边；3. 核实图片原始尺寸是否与容器适配，必要时裁剪；4. 给图片添加 display: block 属性，消除 inline 默认间距

网站日期选择器显示的日期与系统日期不一致

1. 检查日期选择器的时区配置，是否与系统时区一致；2. 修复日期计算逻辑，避免时区转换错误；3. 核实客户端系统日期是否正确，无时间偏差；4. 手动校准日期选择器的基准时间，确保显示准确

网站 AJAX 请求返回 504 网关超时

1. 检查后端接口响应时间是否过长，优化接口性能；2. 修复 Web 服务器（Nginx）的超时配置（如 proxy_connect_timeout）；3. 核实后端服务是否正常运行，无宕机或过载；4. 分拆大请求为多个小请求，减少单次请求耗时

网站搜索框自动补全功能失效

1. 检查自动补全接口是否正常响应，返回候选关键词；2. 修复输入事件监听，确保实时触发接口请求；3. 确保补全结果的下拉框正确渲染，无样式遮挡；4. 处理输入过快导致的接口请求拥堵，添加防抖处理

网站语音识别无响应，无法识别语音

1. 检查麦克风权限是否开启，浏览器是否有权访问麦克风；2. 修复语音识别接口调用，确保 API 密钥有效；3. 核实录音环境是否安静，无过多背景噪音；4. 测试语音识别接口单独调用是否正常，排查前端集成问题

操作系统防火墙设置导致网站端口无法访问

1. 检查 iptables/ufw 防火墙规则，开放网站端口（如 80、443）；2. 确认防火墙的 input/output 规则是否阻止了请求 / 响应；3. 临时关闭防火墙测试是否恢复访问，定位问题根源；4. 配置防火墙白名单，仅允许合法 IP 访问

网站表单单选框无法选中

1. 检查单选框 input 元素 name 属性是否相同；2. 修复选中事件逻辑，确保状态正确切换；3. 确保单选框无样式遮挡，可点击；4. 测试不同浏览器，排查兼容性