/* 首屏名字的 Tech Text 效果（逻辑在 js/tech-text.js）。
   脚本画好第一帧后给 .hero__name 加 .is-tech：h1 原来的渐变字藏起来（字还在，搜索引擎、读屏照常读），
   由 canvas 画。canvas 比 h1 四边各大 48px，选框、尺寸标注、散点画在字外面也不会被裁掉。 */
.tech-text-canvas {
  position: absolute;
  left: -48px;
  top: -48px;
  width: calc(100% + 96px);
  height: calc(100% + 96px);
  pointer-events: none;
  letter-spacing: normal;     /* 不然会继承 h1 的负字距，尺寸标注的数字挤成一团 */
}
.hero__name.is-tech {
  background: none;
  user-select: none;
  -webkit-user-select: none;
}