/* ============================================================
   核心/点按热区.css —— "看不见的手指区"（2026-10-12 新增）
   ------------------------------------------------------------
   解决的问题：孩子用一个手指点按钮点不准（按钮本身才 17~24px 高，
               不到手指头一半）。但按钮一放大外观又会挡住中间玩区。

   做法：按钮**外观、位置、布局全部不变**，只在它身上盖一层
         透明的"手指区"——上下各撑到 44px（手机点按的标准尺寸），
         左右**不外扩**（这样绝不会盖住旁边紧挨着的按钮）。

   安全说明：
     · 纯追加，不改任何现有样式；哪个页面不引用本文件就完全不受影响。
     · 想整体关掉：删掉各页面 <head> 里引用本文件的那一行即可。
     · 覆盖对象只有 4 类：.home-btn（6 个游戏页的"返回工具站"）、
       .speed-btn（贪吃蛇的慢/中/快）、.zh-link a（英语故事的"回中文故事"）、
       .abasis > summary（生辰八字页每张卡的"命理依据"折叠行）。
   ============================================================ */

.home-btn,
.speed-btn,
.zh-link a,
.abasis > summary {
  position: relative;          /* 给透明手指区当"定位参照"，本身不改变布局 */
}

.zh-link a {
  display: inline-block;       /* 让定位参照稳定（单行链接，不影响居中） */
}

.home-btn::after,
.speed-btn::after,
.zh-link a::after,
.abasis > summary::after {
  content: "";                 /* 必须有 content，伪元素才生成 */
  position: absolute;
  left: 0;
  right: 0;                    /* 左右跟按钮同宽 —— 不外扩，不压邻近按钮 */
  top: 50%;
  height: 44px;                /* 手指区高度：手机点按标准 */
  transform: translateY(-50%); /* 上下居中：比按钮高出的一圈，上下各分一半 */
}