/* page-index.web.css —— 主页的网页版补充样式（page-index.css 由 _dev/rpx2css.cjs 从 wxss 生成，请勿手改）
 *
 * 这里只放「小程序侧不需要、浏览器侧才需要」的东西。尺寸一律照 rpx 口径写：
 *   calc(N * var(--rp))，--rp 由 web/js/runtime.js 按容器宽 ÷ 750 实时写入。
 */

/* ============ 一、跨页串味（网页版特有，必读） ============
 * 小程序里每个页面的 wxss 只作用于本页；网页版是一次性把所有页面的 css 挂在同一个文档里，
 * 于是「别的页面」里的通用类名会漏进来。本页被 page-liuyao.css 的 .entry 命中 ——
 * 那是摇卦页「六次摇卦／一键起卦／手动指定／卦名起卦」四格切换条，跟主页这张入口卡同名。
 * 实测漏进来的值（420px 容器、--rp 0.56px）：
 *   背景 #ebe6dd（期望白卡）／内边距 6rpx（期望 34rpx 28rpx）／圆角 999rpx（期望 24rpx）／下间距 28rpx（期望 20rpx）。
 * 修法：模板根上给了一个只属于本页的类 .p-index（见 web/js/views/index.js），
 * 这里用「.p-index .entry」把 page-index.css 的值收回来 —— 比裸写的 .entry 更具体，
 * 而且**不会**改到摇卦页那条切换条（它不在 .p-index 里）。
 * ⚠️ 以后若又出现「本页某处样式莫名变了」，先查是不是别的 page-*.css 里有同名类。 */
.p-index .entry {
  background: #fff;
  padding: calc(34 * var(--rp)) calc(28 * var(--rp));
  border-radius: calc(24 * var(--rp));
  margin-bottom: calc(20 * var(--rp));
}

/* ============ 二、browser 才需要的交互反馈 ============ */

/* 入口卡：小程序里 bindtap 挂的是整张卡，网页版同样整张可点（data-act="goCast"）。
   桌面端给出指针与按下反馈 —— 触屏上 :active 也会亮一下，让「点哪儿都能进」看得出来。 */
.entry {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.entry:active { background: #fbf9f5; }