/* =========================================================
   时空易学 · 公共基础样式（统一提取，全站引用）
   页面独有样式仍保留在各页面 <style> 内；本文件只放通用基座，
   便于统一维护与优化。同名规则页内优先（级联在后）。
   ========================================================= */

/* 重置 */
* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html { height:100%; }
body {
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  background:#ffffff;
  min-height:100%;
}

/* 移动端容器基座（各页 .app 在此基础上叠加背景/内边距） */
.app {
  width:100%; max-width:420px; min-height:100vh;
  margin:0 auto; position:relative; box-sizing:border-box;
  background:#ffffff;
}

/* ===== 底部导航（各页一致） ===== */
.tabbar {
  position:fixed; bottom:0; left:50%; transform:translateX(-50%);
  width:100%; max-width:420px;
  background:#fff; border-top:1px solid #eee7da;
  display:flex; padding:6px 0 max(10px, env(safe-area-inset-bottom));
  z-index:10;
}
.tabbar .nav {
  flex:1; display:flex; flex-direction:column; align-items:center;
  gap:2px; font-size:11px; color:#9a8f80; text-decoration:none;
}
.tabbar .nav .nicon {
  width:34px; height:34px; display:flex; align-items:center; justify-content:center;
  font-size:20px; color:#8b7f6e;
}
.tabbar .nav.active { color:#3d2a10; font-weight:700; }
.tabbar .nav.active .nicon {
  background:linear-gradient(180deg,#f4d488,#d8a83c);
  color:#fff; border-radius:50%;
  box-shadow:0 3px 8px rgba(216,168,60,.4);
}

/* ===== 通用区块标题 ===== */
.section-title {
  padding:0 18px 10px;
  font-size:18px; font-weight:800; color:#2b2620; letter-spacing:1px;
}

/* ===== 命理解读列表 ===== */
.read-card {
  margin:0 14px 14px;
  background:#fff; border-radius:16px;
  padding:4px 16px;
  box-shadow:0 3px 10px rgba(180,150,110,.10);
}
.read-item {
  display:flex; align-items:center; padding:15px 0;
  border-bottom:1px solid #f3ede2;
}
.read-item:last-child { border-bottom:none; }
.read-item .ricon {
  width:48px; height:48px; border-radius:12px;
  background:linear-gradient(180deg,#fdf3e3,#f6e7c9);
  display:flex; align-items:center; justify-content:center;
  font-size:24px; margin-right:13px; flex-shrink:0;
}
.read-item .info { flex:1; }
.read-item .rt { font-size:16px; font-weight:700; color:#2b2620; margin-bottom:4px; }
.read-item .rd { font-size:12px; color:#9a8f80; }
.badge { font-size:11px; padding:5px 12px; border-radius:14px; font-weight:700; flex-shrink:0; }
.badge.green { background:#e4f3e0; color:#4a8c3a; }
.badge.gold { background:#fff3d6; color:#c07f1a; }
.read-item .arrow { color:#cfc4b2; margin-left:8px; font-size:16px; }

/* ===== 页脚 ===== */
.footer { text-align:center; padding:8px 0 20px; }
.footer .f-logo {
  width:44px; height:44px; margin:0 auto 8px; border-radius:12px;
  background:linear-gradient(180deg,#f4d488,#d8a83c);
  color:#fff; font-size:24px; font-weight:800;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 3px 8px rgba(216,168,60,.35);
}
.footer .f-copy { font-size:12px; color:#a09380; font-weight:600; }
.footer .f-sub { font-size:10px; color:#c4b8a4; margin-top:4px; letter-spacing:2px; }

/* ===== 通用卡片 ===== */
.card { background:#fff; border-radius:16px; box-shadow:0 3px 10px rgba(180,160,130,.10); }
.card-t { font-size:16px; font-weight:800; color:#2b2620; letter-spacing:.5px; }