CSS优化移动端点击高亮框：聚焦样式调整方法

正确禁用 tap highlight 而不破坏可访问性

直接在所有元素上写 -webkit-tap-highlight-color: transparent 看似简单，但有风险：部分屏幕阅读器依赖该高亮判断当前交互焦点，全盘关闭可能降低可访问性。更稳妥的做法是按需关闭，并保留真实焦点样式：

• 对纯装饰性点击区域（如轮播图箭头、图标按钮），加 -webkit-tap-highlight-color: transparent
• 对需要键盘导航的控件（如表单按钮、菜单项），**不关闭 tap highlight**，而是用 :focus 提供更清晰的焦点轮廓（例如 outline: 2px solid #007aff）
• 若必须关闭，仅作用于特定类：

  .btn--icon { -webkit-tap-highlight-color: transparent; }

:focus 样式在移动端的实际作用边界

:focus 在触屏设备上触发条件有限：它通常只在用户通过键盘（外接或屏幕键盘）聚焦时生效，**单纯手指点击不会触发 :focus**（除非元素本身可获得焦点且点击后未失焦）。所以指望靠 :focus 替代 tap highlight 是错位的：

• 手指点击