/* 官网覆盖样式（由 site/scripts/build.mjs 复制为 /assets/css/ja-overrides.css）。
 *
 * site/src 是样稿原样副本，不能手改（同步会覆盖）。样稿上线后暴露、又要我们这边改的显示问题，
 * 写在这里：构建时这张表挂在每页 </head> 前、tw.css 之后，层叠顺序最靠后，同优先级规则压得过样稿。
 * 每条写清原因和日期；样稿那边改好了，就删掉对应的条目。
 */

/* 2026-10-16 · 页头菜单加载 3 秒后整体左移。
 *
 * 图标字体 Material Symbols 从 Google 加载整套可变字体，几 MB，实测 3.4 秒才到。到之前图标按字面
 * （expand_less / expand_more 这样的英文单词）占位，Solutions、Resources 后面的两个箭头宽 81px、90px；
 * 字体一到缩成 14px，居中的菜单从 468px 变成 402px，整排跟着挪。
 *
 * 定成 1em 宽：字体到了以后图标本来就是 1em 见方，到之前也只占 1em，宽度从头到尾不变。
 * 字体没到时的字面由构建把链接改成 display=block 先不画（见 build.mjs patchIconFont）。
 * 不动 display：Google 那张样式表本来就给了 inline-block，这里再写会压过 Tailwind 的 hidden。
 */
.material-symbols-outlined {
  width: 1em;
  overflow: hidden;
}

/* 2026-10-16 · 官网图标「乱码」：字体到之前（以及国内加载不到时）图标文字透明，只留 1em 空位。
 * 字体真正加载成功后，build.mjs 注入的小脚本给 <html> 加 ja-icons-ready，图标才显示。
 */
html:not(.ja-icons-ready) .material-symbols-outlined {
  color: transparent !important;
}

/* 2026-10-16 · 预约演示页（/book-demo）两张卡片往下挪、彼此隔开一些。
 *
 * 样稿 .bd-split：卡片顶到导航下方 70px、两张之间 28px（1920 宽实测）。
 * 只改并排的宽屏；1023px 以下样稿改成上下排，那里的 22px 间距不动。
 */
@media (min-width: 1024px) {
  .bd-split {
    margin-top: 40px;
    gap: 48px;
  }
}