.hero { padding: calc(56 * var(--rp)) calc(8 * var(--rp)) calc(36 * var(--rp)); }
.hero-title { font-size: calc(62 * var(--rp)); letter-spacing: calc(10 * var(--rp)); color: #2b2621; font-weight: 600; }
.hero-sub { font-size: calc(24 * var(--rp)); color: #a2988b; margin-top: calc(14 * var(--rp)); letter-spacing: calc(3 * var(--rp)); }

.intro { padding: 0 calc(8 * var(--rp)) calc(40 * var(--rp)); font-size: calc(27 * var(--rp)); color: #6d6459; line-height: 1.8; }

/* 摇卦入口（用户 2026-10-20：先要正方形 → 缩小居中 → **「改回去，然后往下移动一点」**）：
   形状回到原来的横条卡（高度由内容撑、宽度撑满内容区），只额外加了 margin-top 把自己往下压一档。 */
.entry {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: calc(24 * var(--rp));
  padding: calc(34 * var(--rp)) calc(28 * var(--rp));
  margin-top: calc(60 * var(--rp));
  margin-bottom: calc(20 * var(--rp));
  box-shadow: 0 calc(2 * var(--rp)) calc(12 * var(--rp)) rgba(43, 38, 33, 0.05);
}
.entry-main { flex: 1; }
.entry-name { font-size: calc(34 * var(--rp)); color: #2b2621; letter-spacing: calc(2 * var(--rp)); font-weight: 600; }
.entry-desc { font-size: calc(24 * var(--rp)); color: #a2988b; margin-top: calc(10 * var(--rp)); line-height: 1.5; }
.entry-arrow { font-size: calc(40 * var(--rp)); color: #cfc7ba; padding-left: calc(16 * var(--rp)); }

/* 自绘底部导航是页面内的 fixed 元素 ⇒ 页面自己留出它的高度（v60 底栏 calc(150 * var(--rp)) ＋ 安全区 ＋ 余量），
   否则末行内容会被它压住。三个 tabBar 页（主页／历史／其他）都要这一条。 */
.wrap { padding-bottom: calc(calc(250 * var(--rp)) + env(safe-area-inset-bottom)); }