/* 文章卡片整块可点击（含空白区域）
 *
 * 做法：给卡片加定位上下文，再用标题链接的 ::after 铺满整张卡片。
 * 覆盖层属于真实的 <a>，所以：
 *   - 中键 / Ctrl+点击 / 右键「在新标签页打开」全部照常
 *   - 点击事件的 target 仍是那个 <a>，adClickTracker 的上报不受影响
 *   - 无需 JS，不依赖框架
 *
 * 卡片内其他链接（头图、日期、作者、Read More）浮在覆盖层之上，保持各自跳转。
 */

.hitmag-post {
  position: relative;
}

/* 标题链接铺满整张卡片，空白区域点击落到这里 */
.hitmag-post .entry-title a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

/* 卡片内其他可点元素抬到覆盖层之上，保留原有跳转目标。
   注意：这里不能给 .entry-title a 自身加 position，
   否则 ::after 会以它为定位基准，缩回标题大小、盖不住整张卡片。 */
.hitmag-post .archive-thumb,
.hitmag-post .entry-meta a,
.hitmag-post .th-readmore {
  position: relative;
  z-index: 2;
}

/* 空白区域也要有可点的手势提示 */
.hitmag-post {
  cursor: pointer;
}

/* 轻微的悬停反馈，让用户知道整块可点 */
.hitmag-post {
  transition: box-shadow 0.2s ease;
}

.hitmag-post:hover {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}