/* ═══ 狐说控制台 · 共享样式 ═══ */

/* ── 设计令牌 ── */
:root{
  --bg:#FAF6F0;
  --bg-warm:#f8f1e7;
  --paper:#fffaf2;
  --paper-strong:#fff6e9;
  --bg-card:#FDFBF6;
  --bg-card-2:#F5EFE4;
  --ink:#2B2420;
  --ink-soft:#6B5E54;
  --ink-faint:#A89886;
  --line:rgba(43,36,32,.08);
  --line-soft:rgba(43,36,32,.04);
  --accent:#C97B5E;
  --accent-deep:#A85F45;
  --accent-soft:#F2DFD4;
  --rose:#cf6f6f;
  --rose-deep:#a84d4d;
  --moss:#6B8E6F;
  --moss-soft:#D8E4D9;
  --sage:#5f8a77;
  --sage-soft:#dce9df;
  --blue:#516b93;
  --blue-soft:#dfe7f1;
  --blush:#E8A896;
  --gold:#C9A35E;
  --honey:#c59a44;
  --shadow:0 18px 50px rgba(45,41,38,.12);
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --serif:'Noto Serif SC',serif;
  --display:'Fraunces','Noto Serif SC',serif;
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
}

/* ── Reset ── */
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{
  max-width:480px;
  margin:0 auto;
  color:var(--ink);
  font-family:var(--serif);
  font-size:15px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}

/* ── 底部导航 ── */
.bottom-nav{
  position:fixed;
  bottom:0;
  left:50%;
  z-index:30;
  width:100%;
  max-width:480px;
  transform:translateX(-50%);
  display:flex;
  justify-content:space-around;
  align-items:center;
  padding:8px 8px calc(8px + var(--safe-bottom));
  border-top:1px solid var(--line);
  background:rgba(248,241,231,.9);
  backdrop-filter:blur(18px);
}
.bn-tab{
  min-width:62px;
  border:none;
  border-radius:14px;
  background:none;
  color:var(--ink-faint);
  font-family:var(--serif);
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  padding:6px 10px;
}
.bn-tab.active{
  color:var(--accent-deep);
  background:rgba(207,111,111,.08);
}
.bn-tab svg{width:21px;height:21px}
.bn-label{font-size:11px}