为什么我的页面FCP这么高，明明CSS已经内联了？

我用 Lighthouse 测速发现 FCP（首次内容绘制）高达 4 秒多，但首页关键 CSS 已经内联在 HTML 里了，按理说不应该阻塞渲染啊？是不是哪里写错了？

这是我的关键 CSS 部分：

body {
  font-family: Arial, sans-serif;
  margin: 0;
  background-color: #f5f5f5;
}
.hero {
  padding: 2rem;
  background: white;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.loading-skeleton {
  width: 100%;
  height: 20px;
  background: #eee;
  animation: pulse 1.5s infinite;
}
@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}

HTML 结构也很简单，没加载外部样式表，字体也是系统默认的，但 Lighthouse 还是报“消除阻塞渲染的资源”……这到底啥原因？