/* 全站底部控制列（首頁、數字易經、易經占卜共用） */
.tabbar{
  --nav-bg:rgba(242,237,227,.9); --nav-ink:#6e6558; --nav-active:#b08b4c; --nav-line:rgba(176,139,76,.38);
  position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-around;
  padding:5px max(12px,env(safe-area-inset-right,0px)) calc(5px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));
  background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--nav-line);
  font-family:"Noto Serif TC","Songti TC","PMingLiU",serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tabbar{--nav-bg:rgba(15,14,12,.88);--nav-ink:#a69c89;--nav-active:#d2b06e;--nav-line:rgba(210,176,110,.3)}}
:root[data-theme="dark"] .tabbar{--nav-bg:rgba(15,14,12,.88);--nav-ink:#a69c89;--nav-active:#d2b06e;--nav-line:rgba(210,176,110,.3)}
.tabbar a{position:relative;flex:1;max-width:100px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 0;text-decoration:none;
  font-size:.66rem;letter-spacing:.12em;color:var(--nav-ink);border-radius:8px}
.tabbar a svg{width:19px;height:19px}
.tabbar a:hover{color:var(--nav-active)}
.tabbar a:focus-visible{outline:1.5px solid var(--nav-active);outline-offset:2px}
.tabbar a[aria-current="page"]{color:var(--nav-active)}
.tabbar a[aria-current="page"]::after{content:"";position:absolute;top:-6px;width:16px;height:1.5px;border-radius:1px;background:var(--nav-active)}
.tabbar-spacer{height:calc(56px + env(safe-area-inset-bottom,0px))}
@media (min-width:860px){
  .tabbar{position:relative;width:max-content;margin:24px auto 28px;justify-content:center;gap:22px;padding:6px 20px;border-radius:999px;border:1px solid var(--nav-line)}
  .tabbar a{flex:0 0 auto;flex-direction:row;gap:5px;font-size:.76rem}
  .tabbar a svg{width:15px;height:15px}
  .tabbar a[aria-current="page"]::after{display:none}
  .tabbar-spacer{height:0}
}