/* 搜索框：白卡片（与列表项同一套圆角/阴影）；高度写死 —— 会随关键词出现的 ✕ 不会把它撑变形 */
.search {
  height: calc(76 * var(--rp)); padding: 0 calc(24 * var(--rp)); margin-bottom: calc(20 * var(--rp));
  background: #fff; border-radius: calc(20 * var(--rp));
  box-shadow: 0 calc(2 * var(--rp)) calc(12 * var(--rp)) rgba(43, 38, 33, 0.05);
  display: flex; align-items: center;
}
/* 放大镜纯 CSS 画（与六爻页的搜索框同一套画法） */
.search .mag {
  width: calc(22 * var(--rp)); height: calc(22 * var(--rp)); border: calc(3 * var(--rp)) solid #a2988b; border-radius: 50%;
  position: relative; margin-right: calc(16 * var(--rp)); flex: 0 0 auto;
}
.search .mag::after {
  content: ''; position: absolute; right: calc(-9 * var(--rp)); bottom: calc(-7 * var(--rp));
  width: calc(11 * var(--rp)); height: calc(3 * var(--rp)); background: #a2988b;
  transform: rotate(45deg); border-radius: calc(2 * var(--rp));
}
.search .ipt { flex: 1; min-width: 0; font-size: calc(27 * var(--rp)); color: #2b2621; }
.search .ph { font-size: calc(26 * var(--rp)); color: #bdb3a5; letter-spacing: calc(1 * var(--rp)); }
.search .clr { flex: 0 0 auto; margin-left: calc(16 * var(--rp)); padding: 0 calc(4 * var(--rp)); font-size: calc(24 * var(--rp)); color: #a2988b; }

.bar { padding: calc(8 * var(--rp)) calc(4 * var(--rp)) calc(24 * var(--rp)); }

.empty { padding: calc(140 * var(--rp)) 0 calc(60 * var(--rp)); text-align: center; }
.empty-mark {
  width: calc(120 * var(--rp));
  height: calc(120 * var(--rp));
  line-height: calc(120 * var(--rp));
  margin: 0 auto calc(24 * var(--rp));
  border-radius: calc(24 * var(--rp));
  background: #fff;
  color: #ddd5c7;
  font-size: calc(56 * var(--rp));
  box-shadow: 0 calc(2 * var(--rp)) calc(12 * var(--rp)) rgba(43, 38, 33, 0.05);
}

.item {
  display: flex;
  align-items: stretch;
  background: #fff;
  border-radius: calc(24 * var(--rp));
  margin-bottom: calc(20 * var(--rp));
  overflow: hidden;
  box-shadow: 0 calc(2 * var(--rp)) calc(12 * var(--rp)) rgba(43, 38, 33, 0.05);
}
.item-main { flex: 1; padding: calc(28 * var(--rp)) calc(24 * var(--rp)); }
.item-head { display: flex; align-items: center; justify-content: space-between; }
/* 主行＝问事（可能很长）：最多两行、超出省略，不让卡片被撑高；问事为空才回落卦名（同一套样式） */
.item-title {
  flex: 1; min-width: 0; margin-right: calc(16 * var(--rp));
  font-size: calc(32 * var(--rp)); color: #2b2621; letter-spacing: calc(1 * var(--rp)); font-weight: 600;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.item-sum { font-size: calc(25 * var(--rp)); color: #6d6459; margin-top: calc(10 * var(--rp)); }
.item-time { font-size: calc(23 * var(--rp)); color: #a2988b; margin-top: calc(8 * var(--rp)); }
.tag {
  flex: 0 0 auto;
  font-size: calc(21 * var(--rp));
  color: #9c5a2c;
  background: #faf4ec;
  border-radius: calc(8 * var(--rp));
  padding: calc(4 * var(--rp)) calc(14 * var(--rp));
}
.item-del {
  width: calc(104 * var(--rp));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(25 * var(--rp));
  color: #bdb3a5;
  background: #fbf9f5;
  border-left: calc(1 * var(--rp)) solid #f2eee7;
}

/* 自绘底部导航是页面内的 fixed 元素 ⇒ 页面自己留出它的高度，否则最后一条记录被压住 */
.wrap { padding-bottom: calc(calc(250 * var(--rp)) + env(safe-area-inset-bottom)); }