/* page-history.web.css —— 历史记录页的网页版补充样式（page-history.css 由 _dev/rpx2css.cjs 从 wxss 生成，请勿手改）
 *
 * 只补「小程序有、浏览器没有」的那几处：
 *   ① placeholder-class="ph" → 网页里没有这个属性，改由 ::placeholder 复刻同一档字号与色值
 *   ② 原生 <input> 的默认内边距 / iOS 圆角，抹平后宽度全交给 flex
 *   ③ 桌面端指针与按下反馈（触屏上无副作用）
 */

/* ============ 一、跨页串味（网页版特有，必读） ============
 * 小程序里每页 wxss 只作用于本页；网页版把所有页面的 css 一次挂在同一文档里，别的页面的通用类会漏进来。
 * 本页实测被漏到的两处（420px 容器、--rp 0.56px）：
 *   · page-liuyao.css 的 .search（摇卦页「卦名起卦」里那个搜索框）：多带一个 margin-top 24rpx
 *     → 本页搜索框上方凭空多出 13.4px 空白（本页 wxss 里没写 margin-top，凭空来的值就是它）。
 *   · page-more.css 的 .hint（「其他」页说明文字）：带 margin-top 14rpx ＋ line-height 1.7
 *     → 漏到本页的统计行（.bar.hint）与空态提示（.empty .hint）上，行高与间距都跟小程序对不上。
 * 修法：模板根上有本页专属类 .p-history（见 web/js/views/history.js），用更具体的选择器把默认口径收回来；
 * **只影响本页**，不碰摇卦页与其他页。
 * ⚠️ 以后若又出现「本页某处样式莫名变了」，先查别的 page-*.css 里有没有同名类。 */
.p-history .search { margin-top: 0; }
.p-history .hint { margin-top: 0; line-height: 1.6; }

/* ============ 二、placeholder ============ */

/* ① 占位文字：与 page-history.css 的 .search .ph 同值（26rpx / #bdb3a5 / 字距 1rpx） */
.search .ipt::placeholder { font-size: calc(26 * var(--rp)); color: #bdb3a5; letter-spacing: calc(1 * var(--rp)); }
.search .ipt::-webkit-input-placeholder { font-size: calc(26 * var(--rp)); color: #bdb3a5; letter-spacing: calc(1 * var(--rp)); }

/* ② 搜索框：高度由 .search 写死（76rpx），输入框自己不留内边距、不撑高 */
.search .ipt { padding: 0; line-height: 1.5; background: transparent; border-radius: 0; }

/* ③ 可点区域：列表项主体、右侧「删除」、清空关键词的 ✕ */
.item-main, .item-del, .search .clr {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* 按下反馈：列表项提亮、删除格变灰底（与小程序的原生点按反馈观感一致） */
.item-main:active { background: #fdfcfa; }
.item-del:active { background: #f7f3ec; }
.search .clr:active { color: #6d6459; }