/* ==========================================================================
   底部导航（DeepSeek 大模型 + 我的信息）（2026-11-01 起三页共用）
   --------------------------------------------------------------------------
   首页（templates/index.html）：两个 <button>，点击原地弹出对应抽屉；
   八字/奇门页：同名两项是 <a>，跳到首页并由首页 ?open= 参数自动弹出
   抽屉（2026-11-01 红尘定：抽屉体系不上子页，点击回首页打开）。
   片段：templates/_bottom_nav.html（nav_home 变量决定 button / a）。

   层级约定（与首页抽屉体系对齐，改前先读首页 index.html 同款注释）：
     sheet-mask 60 / sheet 61 < 底部导航 70 < 模态弹窗 80 < toast 90
   ========================================================================== */

:root { --nav-h: 68px; }

/* 页面内容垫出导航的高度，最后一块不被压住 */
body { padding-bottom: calc(var(--nav-h) + 10px); }

.bottom-nav {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 70;
    display: flex; background: #fff; height: var(--nav-h);
    border-top: 1px solid #ecdfc9;
    box-shadow: 0 -2px 14px rgba(139, 69, 19, .09);
}

/* button（首页）与 a（子页跳转）同一套观感 */
.bottom-nav .nav-item {
    flex: 1; display: flex; flex-direction: column; align-items: center;
    justify-content: center; gap: 4px; cursor: pointer;
    background: none; border: none; font-family: inherit;
    color: #8b4513; font-size: 12.5px; letter-spacing: .5px;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: background .18s;
}
.bottom-nav .nav-item:hover { background: #faf6f0; }
.bottom-nav .nav-item svg {
    width: 22px; height: 22px; fill: none;
    stroke: #8b4513; stroke-width: 1.7;
    stroke-linecap: round; stroke-linejoin: round;
}