/* ============================================================
SEO 性能优化基础样式
------------------------------------------------------------
1) font-display: swap → 防止字体加载阻塞首屏文字渲染（修 FOIT，LCP+CLS）
2) img / video 默认占位 → 防止图片加载完毕前的布局抖动（修 CLS）
3) 减少 reflow 的小技巧
建议在所有页面 末尾 引入：
============================================================ */
/* font-awesome 字体覆盖 - 启用 swap 防 FOIT */
@font-face {
font-family: 'FontAwesome';
font-display: swap;
src: local('FontAwesome');
}
@font-face {
font-family: 'iconfont';
font-display: swap;
src: local('iconfont');
}
/* 所有 ![]()
默认隐式宽高约束，防止 CLS */
img {
height: auto;
max-width: 100%;
/* 在加载失败时给一个空 placeholder，避免 alt 文字撑大布局 */
font-size: 0;
}
/* 懒加载图片在未进入视口时占位，避免 onload 瞬间布局跳动 */
img[loading="lazy"]:not([src]) {
visibility: hidden;
}
/* 视频/iframe 等富媒体使用 aspect-ratio 维持比例（无需 width/height 也能避免 CLS） */
iframe, video, embed, object {
aspect-ratio: 16 / 9;
max-width: 100%;
}
/* 减少滚动重绘（Chrome 优化） */
html { scroll-behavior: smooth; }
/* 触摸优化（移动端搜索引擎友好度） */
@media (hover: none) {
button, a {
min-height: 44px; /* WCAG 触摸目标最小尺寸，Google 移动友好度信号 */
}
}